Skip to content

Instantly share code, notes, and snippets.

@wurwal

wurwal/sub-page-covers.html

Created June 15, 2022 14:00
Show Gist options
  • Save wurwal/d571ae1ac5308de6a4df53e49bd50e53 to your computer and use it in GitHub Desktop.
Save wurwal/d571ae1ac5308de6a4df53e49bd50e53 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sub-page-covers.html
<!--Replace the home-intro <section> of each sub page using the html snippets below-->
<!-- Already Travelling -->
<section class="home-intro">
<div class="home-intro-inner">
<h1>Travel Insurance when already abroad</h1>
<p>If you're already travelling and need insurance, you can get covered here, right now</p>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/d6ef8ce6d2211a02618d0e04ad9adb6e?preload=true&loop=true&autoplay=true&muted=true&poster=https%3A%2F%2Fvideodelivery.net%2Fd6ef8ce6d2211a02618d0e04ad9adb6e%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to £10M Medical Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>No Return Ticket required</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Optional Baggage Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>4 Activity Packs to choose from</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
<!-- Already Travelling :end -->
<!-- Backpacker -->
<section class="home-intro">
<div class="home-intro-inner">
<h1>Backpacker Travel Insurance</h1>
<p>Backpacker Insurance for up to 2 years, and then you can still extend cover whilst you’re travelling</p>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/846762851c70962f90c98ea36cac9b0c?preload=true&loop=true&autoplay=true&muted=yes&poster=https%3A%2F%2Fvideodelivery.net%2F846762851c70962f90c98ea36cac9b0c%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<iframe src="https://player.vimeo.com/video/704121426?h=c9e42ce325&amp;badge=0&amp;autoplay=1&amp;background=1&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="TT"></iframe>
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>No return ticket required</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to £10M Medical Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>4 Activity Packs to choose from</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Optional Baggage Cover</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
<!-- Backpacker: end -->
<!-- Canada -->
<section class="home-intro">
<div class="home-intro-inner">
<h1>IEC Insurance</h1>
<p>Travel Insurance including medical care, hospitalization and repatriation which exceeds all IRCC requirements</p>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/2ecbcb3bf2a0385303cf2cda04cecaa8?preload=true&loop=true&autoplay=true&muted=yes&poster=https%3A%2F%2Fvideodelivery.net%2F2ecbcb3bf2a0385303cf2cda04cecaa8%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Unlimited and Unrestricted Home Visits</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Available if already in Canada</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>No Return Ticket required</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to £10M Medical Cover</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
<!-- Canada :end -->
<!-- Multi Trip -->
<section class="home-intro">
<div class="home-intro-inner">
<h1>Multi-Trip Insurance</h1>
<p>Cover for all your holidays and business trips up to 10 weeks in length over a 12-month period</p>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/0e54529a61b637a5c07a14598ec54c27?preload=true&loop=true&muted=yes&autoplay=true&poster=https%3A%2F%2Fvideodelivery.net%2F0e54529a61b637a5c07a14598ec54c27%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to 10 weeks for any one trip</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to £10M Medical Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Optional Baggage Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to £6000 Cancellation cover</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
<!-- Multi Trip :end -->
<!-- One way -->
<section class="home-intro">
<div class="home-intro-inner">
<h1>One Way Travel Insurance</h1>
<p>You’re covered with us if you don’t have a return ticket!</p>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/c5b934c020ccd221ca07975d6fdc8ff2?preload=true&loop=true&autoplay=true&muted=yes&poster=https%3A%2F%2Fvideodelivery.net%2Fc5b934c020ccd221ca07975d6fdc8ff2%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>No return ticket required</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to £10M Medical Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Optional Baggage Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>4 Activity Packs to choose from</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
<!-- One way : end -->
<!-- Scuba Diving -->
<section class="home-intro">
<div class="home-intro-inner">
<h1>Scuba Diving Travel Insurance</h1>
<p>Travel Insurance to cover you for Scuba Diving up to 50m</p>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/38b14fa83d52606ecdb1449ddf4fb089?preload=true&loop=true&autoplay=true&muted=yes&poster=https%3A%2F%2Fvideodelivery.net%2F38b14fa83d52606ecdb1449ddf4fb089%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to £10M Medical Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Decompression Chambers Covered</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Helicopter Rescue Included</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Optional Baggage Cover</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
<!-- Scuba Diving : end -->
<!-- Trekking -->
<section class="home-intro">
<div class="home-intro-inner">
<h1>Trekking Insurance</h1>
<p>Travel Insurance to cover you for trekking to unlimited altitudes</p>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/7fb154d55fafa91ea43ca5274140cb82?preload=true&loop=true&autoplay=true&muted=yes&poster=https%3A%2F%2Fvideodelivery.net%2F7fb154d55fafa91ea43ca5274140cb82%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to £10M Medical Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Helicopter Rescue Included</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Option Baggage Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>4 Activity Packs to choose from</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
<!-- Trekking : end -->
<!-- Winter -->
<section class="home-intro">
<div class="home-intro-inner">
<h1>Ski Insurance</h1>
<p>Ski and Snowboarding Cover for on and off-piste Winter Sports</p>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/f24aef0a7b5a7bb90570f30b13d0411c?preload=true&loop=true&autoplay=true&muted=yes&poster=https%3A%2F%2Fvideodelivery.net%2Ff24aef0a7b5a7bb90570f30b13d0411c%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Off Piste Covered</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Alpine Ski Touring Covered</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Terrain Parks Covered</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Ski Equipment Covered</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
<!-- Winter : end -->
<!-- Gap year -->
<section class="home-intro">
<div class="home-intro-inner">
<h1>Gap Year Travel Insurance</h1>
<p>GAP Year Insurance to cover you for a year or more, to include volunteer work and manual labour</p>
</div>
<iframe id="video" class="iframe-video" src="https://iframe.videodelivery.net/4ecc14f877bf8c70238f7b9e0a646a03?preload=true&loop=true&autoplay=true&muted=yes&poster=https%3A%2F%2Fvideodelivery.net%2F4ecc14f877bf8c70238f7b9e0a646a03%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>
<div id="owl-cover-usp" class="owl-carousel owl-theme">
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Up to £10M Medical Cover</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>No Return Ticket required</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>4 Activity Packs to choose from</h6>
</div>
<div class="item">
<i class="icon-icons_globe waypoint" style="font-size: 2.5em; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; " data-sr-id="1"></i>
<h6>Optional Baggage Cover</h6>
</div>
</div>
<div class="video-tint"></div>
</section>
<!-- Gap year :end -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment