JettWell Ingredients Slide

Images to add

by timsalabim

HTML

<link rel="stylesheet" href="https://cdn.shopify.com/s/files/1/1090/4910/files/layerslider.css">
<script src="https://cdn.shopify.com/s/files/1/1090/4910/files/jquery.js"></script>
<script src="https://cdn.shopify.com/s/files/1/1090/4910/files/greensock.js"></script>
<script src="https://cdn.shopify.com/s/files/1/1090/4910/files/layerslider.transitions.js"></script>
<script src="https://cdn.shopify.com/s/files/1/1090/4910/files/layerslider.kreaturamedia.jquery.js"></script>
<div id="slider-wrapper">
  <div id="layerslider" style="width:900px;height:587px;max-width: 990px;">





    <!-- First Slide -->
    <div class="ls-slide" data-ls="slidedelay:5000;transition2d:104;">
      <img src="https://cdn.shopify.com/s/files/1/1090/4910/files/slide-1.jpg?17148883685749601849" class="ls-bg" alt="Slide background" />
      <!-- First Slide Text -->
      <h1 class="ls-l" style="top:150px;left:500px;font-size:40px;color:#ffa724;white-space: nowrap;" data-ls="offsetxin:0;durationin:3000;delayin:1500;easingin:easeOutElastic;rotatexin:90;transformoriginin:50% bottom 0;offsetxout:0;rotatexout:90;transformoriginout:50% bottom 0;">
					        PRE-FLIGHT PACK
				</h1>
      <div class="ls-l" style="top:220px;left:550px; text-align: justify;width:350px;font-size:18px;color:#fff5e5;" data-ls="offsetxin:150;durationin:2000;easingin:easeInOutQuart;rotateyin:40;offsetxout:150;rotateyout:40;">
        KAKADU PLUM
        <br> TAKE BEFORE BOARDING, THIS SUPERFOOD WILL HELP STRENGTHEN YOUR IMMUNE SYSTEM BEFORE EXPOSURE TO CABIN AIR. KAKADU PLUM IS THE MOST POTENT NATURAL VITAMIN C SOURCE ON THE PLANET. NATIVE TO THE KAKADU, (ARNHEM LAND) IN THE NORTHERN TERRITORY, AUSTRALIA,THIS
        ANTIBACTERIAL, ANTIVIRAL, ANTIOXIDANT SUPERFOOD WILL SUPPORT A STRONGER IMMUNE DEFENCE IN FLIGHT.
      </div>
      <!-- First Slide Text END -->
    </div>
    <!-- First Slide END -->


    <!-- Second Slide -->
    <div class="ls-slide" data-ls="slidedelay:5000;transition2d:92;timeshift:-1000;">
...

CSS

#layerslider h1 {
		  font-family: Lato, 'Open Sans', sans-serif;
		  font-weight: 300;
		}
		
		#layerslider div {
		  font-family: 'Open Sans', Lato, sans-serif;
		  font-weight: 400;
		}

JavaScript

<!-- Initializing the slider -->

	jQuery("#layerslider").layerSlider({
	  hoverPrevNext: true,
	  skinsPath: 'http://citricdigital.com/imgages/clients/jettwell/skins'
	});