Skip to content

Instantly share code, notes, and snippets.

@wurwal
Last active June 14, 2022 12:49
Show Gist options
  • Save wurwal/2fb5f3f0ddac2eb45be3ffe0af7dfc05 to your computer and use it in GitHub Desktop.
Save wurwal/2fb5f3f0ddac2eb45be3ffe0af7dfc05 to your computer and use it in GitHub Desktop.
True Traveller Home page Cover video update
<!-- 1. extract attached "icons.zip" to /img/home/icons -->
<!-- 2. add attached "home-page-redesign.css" to /css/ -->
<!-- 3. add this stylesheet link to <head> below where all.css is called -->
<link rel="stylesheet" href="css/home-page-redesign.css">
<!-- 4. replace home-intro <section> with below -->
<section class="home-intro">
<div class="home-intro-inner mt-40">
<h1>Travel Insurance <span class="lightfont">designed by travellers for Holidaymakers, Adventure Travellers and Backpackers.</span></h1>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/573b1cf8a4a51af963fdb50364fd57dc?preload=true&loop=true&autoplay=true&muted=true&poster=https%3A%2F%2Fvideodelivery.net%2F573b1cf8a4a51af963fdb50364fd57dc%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<!-- <span class="background"></span> -->
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<img class="owl-usp-icon" src="img/home/icons/usp-1.svg" alt="icon">
<h6>Rated 5 Star on TrustPilot</h6>
</div>
<div class="item">
<img class="owl-usp-icon" src="img/home/icons/usp-2.svg" alt="icon">
<h6>Designed by True Travellers</h6>
</div>
<div class="item">
<img class="owl-usp-icon" src="img/home/icons/usp-3.svg" alt="icon">
<h6>Available if you’re already abroad</h6>
</div>
<div class="item">
<img class="owl-usp-icon" src="img/home/icons/usp-4.svg" alt="icon">
<h6>Single and multi-trip cover</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment