<body>
<!--Start Slider--> <section class="slider"> <div class="fullwidthbanner-container"> <div class="fullwidthbanner"> <ul> <!-- THE FIRST SLIDE --> <li data-transition="fade" data-slotamount="2" data-masterspeed="1000" data-fstransition="fade" data-fsmasterspeed="1000" data-fsslotamount="2"> <img src="img/revslider/transparent.png" data-lazyload="img/revslider/bg_5.jpg" alt="slidebg2" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" /> <div class="caption start sfb" data-x="340" data-y="75" data-speed="600" data-start="500" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/smart.jpg" alt="Image 1"> </div> <div class="caption randomrotate" data-x="220" data-y="75" data-speed="600" data-start="600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_1.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="220" data-y="220" data-speed="600" data-start="700" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_2.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="220" data-y="340" data-speed="600" data-start="800" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_3.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="775" data-y="75" data-speed="600" data-start="900" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_4.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="775" data-y="240" data-speed="600" data-start="1000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_5.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="775" data-y="340" data-speed="600" data-start="1100" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_6.png" alt="Image Slider"> </div> <div class="caption medium_bg_main randomrotate sft stt" data-x="880" data-y="48" data-speed="100" data-start="1800" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Sticky Header Navigation </div> <div class="caption medium_bg_main randomrotate sft stt" data-x="64" data-hoffset="0" data-y="48" data-speed="500" data-start="1500" data-easing="easeOutExpo" data-end="7000" data-endspeed="300" data-endeasing="easeInSine"> Premium Slider Include </div> <div class="tp-caption medium_bg_main randomrotate sft stt" data-x="120" data-hoffset="0" data-y="48" data-speed="500" data-start="7100" data-easing="easeOutExpo" data-endspeed="500"> Revolution Slider </div> <div class="tp-caption medium_bg_main sfl stl" data-x="24" data-y="216" data-speed="500" data-start="1600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeOutExpo" data-captionhidden="off"> Parallax Background </div> <div class="tp-caption medium_bg_main sfb stb" data-x="25" data-y="393" data-speed="600" data-start="1700" data-easing="easeOutExpo" data-end="5000" data-endspeed="300" data-endeasing="easeInSine"> Retina Display Ready </div> <div class="tp-caption medium_bg_main sfb stb" data-x="85" data-y="393" data-speed="600" data-start="5100" data-easing="easeOutExpo" > Font Awesome </div> <div class="caption medium_bg_main sfr stt" data-x="920" data-y="235" data-speed="600" data-start="1900" data-easing="easeOutExpo" data-end="6000" data-endspeed="300" data-endeasing="easeInSine" > Innovative Idea </div> <div class="caption medium_bg_main sfr stt" data-x="920" data-y="235" data-speed="600" data-start="6100" data-easing="easeOutExpo" data-end="7500" data-endspeed="300" data-endeasing="easeInSine" > Innovative Design </div> <div class="caption medium_bg_main sfr stt" data-x="920" data-y="235" data-speed="600" data-start="7600" data-easing="easeOutExpo" > Multipurpose Design </div> <div class="tp-caption medium_bg_main sfb stt" data-x="900" data-y="395" data-speed="600" data-start="2000" data-easing="easeOutExpo" data-end="4000" data-endspeed="300" data-endeasing="easeInSine" > Built with Bootstrap 3 </div> <div class="tp-caption medium_bg_main sfb stt" data-x="900" data-y="395" data-speed="600" data-start="4100" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Easy to Customizable </div> </li> <!-- THE SECOND SLIDE --> <li data-transition="slidehorizontal" data-slotamount="7" data-masterspeed="1000" data-fstransition="fade" data-fsmasterspeed="1000" data-fsslotamount="7"> <img src="img/revslider/transparent.png" data-lazyload="img/revslider/bg_7.png" alt="slidebg3" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" /> <div class="caption modern_big_mainbg sft stt" data-x="330" data-y="125" data-speed="500" data-start="1000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <span>Coruscate</span> - Creative All Purpose Design </div> <div class="caption modern_big_mainbg sft stt" data-x="140" data-y="198" data-speed="500" data-start="1300" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Cross Browser Feature </div> <div class="caption modern_big_mainbg sft stt" data-x="710" data-y="200" data-speed="500" data-start="1600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > A Professional Solution </div> <div class="caption randomrotate stt" data-x="415" data-y="215" data-speed="600" data-start="1900" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_6.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="558" data-y="166" data-speed="600" data-start="2100" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_11.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="564" data-y="215" data-speed="600" data-start="2400" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_9.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="558" data-y="270" data-speed="600" data-start="2700" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_8.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="500" data-y="330" data-speed="600" data-start="3000" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_2.png" alt="Image Slider"> </div> <div class="caption sfl" data-x="447" data-y="314" data-speed="600" data-start="3300" data-easing="easeInSine" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/icon-saf.png" alt="Image 1"> </div> <div class="caption sfr" data-x="626" data-y="314" data-speed="600" data-start="3300" data-easing="easeInSine" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/icon-ch.png" alt="Image 1"> </div> <div class="caption randomrotate" data-x="326" data-y="330" data-speed="600" data-start="3600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_2.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="680" data-y="330" data-speed="600" data-start="3600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_2.png" alt="Image Slider"> </div> <div class="caption sfl" data-x="275" data-y="314" data-speed="600" data-start="3900" data-easing="easeInSine" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/icon-op.png" alt="Image op"> </div> <div class="caption sfr" data-x="805" data-y="314" data-speed="600" data-start="3900" data-easing="easeInSine" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/icon-ff.png" alt="Image 1"> </div> <div class="caption randomrotate" data-x="150" data-y="330" data-speed="600" data-start="4200" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_2.png" alt="Image Slider"> </div> <div class="caption randomrotate" data-x="858" data-y="330" data-speed="600" data-start="4200" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/line_2.png" alt="Image Slider"> </div> <div class="caption sfl" data-x="100" data-y="314" data-speed="600" data-start="4500" data-easing="ease" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/icon-ie.png" alt="Image 1"> </div> <div class="caption sfr" data-x="983" data-y="314" data-speed="600" data-start="4500" data-easing="easeInSine" data-endspeed="300" data-endeasing="easeInSine" > <img src="img/revslider/icon-ie.png" alt="Image 1"> </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_10.jpg" alt="slidebg3" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" /> <div class="tp-caption very_large_text sfb" data-x="270" data-y="90" data-speed="600" data-start="1200" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" >Welcome to <span class="defcol"> Coruscate</span></div> <div class="caption large_text sft stt" data-x="250" data-y="158" data-speed="500" data-start="1300" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" >Fully Responsive Design & Retina Ready</div> <div class="caption medium_text_def sfb" data-x="280" data-y="230" data-speed="600" data-start="1400" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor, </div> <div class="caption medium_text_def sfb" data-x="330" data-y="260" data-speed="600" data-start="1500" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > Incididunt ut labore et dolore magna aliqua ut enim ad minim veniam, </div> <div class="caption medium_text_def sfb" data-x="380" data-y="290" data-speed="600" data-start="1600" data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" > quis nostrud exercitation ullamco laboris nisi commodo. </div> <div class="caption randomrotate tp-resizeme" data-x="450" data-y="350" data-speed="600" data-start="1700" 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="caption randomrotate tp-resizeme" data-x="620" data-y="350" data-speed="600" data-start="1800" 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> </ul> </div> </div> </section> <!--End Slider-->
</body>
</html>
|
Download
