<body>
<!--Start Slider--> <section class="slider"> <div class="fullwidthbanner-container"> <div class="fullwidthbanner"> <ul> <!-- THE FIRST SLIDE --> <li data-transition="fade" data-slotamount="10" data-masterspeed="300"> <img src="img/revslider/transparent.png" data-lazyload="img/revslider/bg_10.jpg" alt="slidebg3" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" /> <div class="tp-caption largemed_text_def sfb" data-x="20" data-y="110" data-speed="600" data-start="1000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > The Most Flexible & Easy To Use Template </div> <div class="tp-caption small_text_def sft stt" data-x="20" data-y="165" data-speed="500" data-start="1400" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Duis aute irure dolor reprehenderit in voluptate velit esse cillum dolore incididunt, </div> <div class="tp-caption small_text_def sft stt" data-x="20" data-y="190" data-speed="500" data-start="1500" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > excepteur sint occaecat cupidatat non proident sunt in culpa qui officia laboris </div> <div class="tp-caption small_text_def sft stt" data-x="20" data-y="215" data-speed="500" data-start="1600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, </div> <div class="tp-caption small_text_def sft stt" data-x="20" data-y="240" data-speed="500" data-start="1700" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > quis nostrud exercitation ullamco laboris nisi consectetur adipisicing. </div> <div class="tp-caption randomrotate sfb tp-resizeme" data-x="20" data-y="300" data-speed="600" data-start="2000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <a href="#fakelink" class="btn btn-line bold"> <i class="fa fa-shopping-cart"></i> Purchase Now </a> </div> <div class="tp-caption randomrotate sfb tp-resizeme" data-x="190" data-y="300" data-speed="600" data-start="2200" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <a href="#fakelink" class="btn btn-line bold"> <i class="fa fa-arrow-circle-o-right"></i> Learn More </a> </div> <div class="tp-caption sfb" data-x="730" data-y="50" data-speed="600" data-start="2400" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/businessman_3.png" alt="slider"> </div> </li> <!-- THE second SLIDE --> <li data-transition="fade" data-slotamount="15" data-masterspeed="300"> <img src="img/revslider/transparent.png" data-lazyload="img/revslider/bg_9.jpg" alt="slidebg3" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" /> <div class="tp-caption randomrotate" data-x="50" data-y="60" data-speed="600" data-start="1000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/imac.png" alt="Image 1"> </div> <div class="tp-caption randomrotate" data-x="20" data-y="180" data-speed="600" data-start="1300" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/ipad.png" alt="Image 1"> </div> <div class="tp-caption randomrotate" data-x="430" data-y="210" data-speed="600" data-start="1600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/iphone.png" alt="Image 1"> </div> <div class="tp-caption modern_big_blackbg randomrotate sfr" data-x="630" data-y="95" data-speed="600" data-start="1900" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Awesome HTML Template </div> <div class="tp-caption modern_big_mainbg randomrotate sfr" data-x="630" data-y="140" data-speed="600" data-start="2100" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Fully Responsive & Retina Ready </div> <div class="tp-caption medium_text_def sfr" data-x="630" data-y="205" data-speed="600" data-start="2400" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Consectetur adipisicing elit sed do eiusmod incididunt, </div> <div class="tp-caption medium_text_def sfr" data-x="630" data-y="230" data-speed="600" data-start="2700" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > quis nostrud exercitation ullamco laboris aliquip ea commodo </div> <div class="tp-caption medium_text_def sfr" data-x="630" data-y="255" data-speed="600" data-start="3000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > proident sunt in culpa qui officia deserunt mollit anim laborum. </div> <div class="tp-caption medium_text_def sfr" data-x="630" data-y="280" data-speed="600" data-start="3300" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > duis aute irure dolor in reprehenderit in voluptate. </div> <div class="tp-caption sfb tp-resizeme" data-x="630" data-y="330" data-speed="600" data-start="3600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <a href="#fakelink" class="btn btn-line bold"> <i class="fa fa-shopping-cart"></i> Purchase Now </a> </div> <div class="tp-caption sfb tp-resizeme" data-x="800" data-y="330" data-speed="600" data-start="3900" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <a href="#fakelink" class="btn btn-line bold"> <i class="fa fa-arrow-circle-o-right"></i> Learn More </a> </div> </li> <!-- THE third SLIDE --> <li data-transition="turnoff" data-slotamount="1" data-masterspeed="300"> <img src="img/revslider/transparent.png" data-lazyload="img/revslider/bg_8.jpg" alt="slidebg3" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" /> <div class="tp-caption tp-resizeme sfb" data-x="580" data-y="80" data-speed="600" data-start="1200" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <iframe src="http://player.vimeo.com/video/82845229?title=0&byline=0&portrait=0" width='550' height='310' allowfullscreen></iframe> </div> <div class="caption modern_big_blackbg sfr stt" data-x="188" data-y="80" data-speed="500" data-start="1200" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Extensive Video Support </div> <div class="caption modern_big_mainbg sfr stt" data-x="365" data-y="140" data-speed="500" data-start="1600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Youtube </div> <div class="caption modern_big_mainbg sfr stt" data-x="388" data-y="200" data-speed="500" data-start="2000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Vimeo </div> <div class="caption modern_big_mainbg sfr stt" data-x="240" data-y="260" data-speed="500" data-start="2600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Self-Hosted HTML 5 </div> <div class="caption modern_big_blackbg sfr stt" data-x="205" data-y="320" data-speed="500" data-start="3000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Great Responsive Look </div> <div class="caption randomrotate" data-x="480" data-y="80" data-speed="600" data-start="1000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_13.png" alt="Image 1"> </div> <div class="caption randomrotate" data-x="480" data-y="143" data-speed="600" data-start="1400" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_13.png" alt="Image 1"> </div> <div class="caption randomrotate" data-x="480" data-y="205" data-speed="600" data-start="1800" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_13.png" alt="Image 1"> </div> <div class="caption randomrotate" data-x="480" data-y="265" data-speed="600" data-start="2200" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_13.png" alt="Image 1"> </div> <div class="caption randomrotate" data-x="480" data-y="325" data-speed="600" data-start="2600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_13.png" alt="Image 1"> </div> </li> </ul> </div> </div> </section> <!--End Slider-->
</body>
</html>
|
Download
