Last active
June 14, 2022 12:49
-
-
Save wurwal/2fb5f3f0ddac2eb45be3ffe0af7dfc05 to your computer and use it in GitHub Desktop.
True Traveller Home page Cover video update
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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