File: WIAdmin/WIModule/modules/slider.php

Recommend this page to a friend!
  Classes of Jules Warner  >  WICMS  >  WIAdmin/WIModule/modules/slider.php  >  Download  
File: WIAdmin/WIModule/modules/slider.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: WICMS
Database driven content management system with PDO
Author: By
Last change:
Date: 3 years ago
Size: 15,001 bytes
 

Contents

Class file image Download
<style type="text/css">
.btn-te {
	font-size: 7px;
	line-height:20px;
}
</style>
<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="tp-caption start sfb"
								data-x="340"
								data-y="105"
								data-speed="600"
								data-start="500"
								data-easing="easeOutExpo"
								data-endspeed="300" 
								data-endeasing="easeInSine" >
								<img src="img/revslider/pandora.JPG" alt="Image 1" width="450" height="290">
							</div>
							<div class="tp-caption randomrotate"
								data-x="220"
								data-y="105"
								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="tp-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="tp-caption randomrotate"
								data-x="220"
								data-y="318"
								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="tp-caption randomrotate"
								data-x="775"
								data-y="105"
								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="tp-caption randomrotate"
								data-x="775"
								data-y="220"
								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="tp-caption randomrotate"
								data-x="775"
								data-y="315"
								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="tp-caption modern_big_mainbg randomrotate sft stt"
								 data-x="880"
								 data-y="78"
								 data-speed="100"
								 data-start="1800"
								 data-easing="easeOutExpo" 
								
								data-endspeed="300" 
								data-endeasing="easeInSine" >Captivating</div>
							
							<div class="tp-caption modern_big_mainbg randomrotate sft stt"
								data-x="64"
								data-hoffset="0"
								data-y="68"
								data-speed="500"
								data-start="1500"
								data-easing="easeOutExpo"
								data-end="7000" 
								data-endspeed="300" 
								data-endeasing="easeInSine">Enlightening</div>
							<div class="tp-caption modern_big_mainbg randomrotate sft stt"
								data-x="120"
								data-hoffset="0"
								data-y="68"
								data-speed="500"
								data-start="7100"
								data-easing="easeOutExpo"
								data-endspeed="500"
								data-endeasing="easeInSine">Heartbreaking</div>
							<div class="tp-caption modern_big_mainbg sfl stl"
								data-x="124"
								data-y="200"
								data-speed="500"
								data-start="1600"
								data-easing="easeOutExpo"
								data-endspeed="300"
								data-endeasing="easeOutExpo"
								data-captionhidden="off">Unique</div>
							<div class="tp-caption modern_big_mainbg sfb stb"
								data-x="125"
							 	data-y="370"
							 	data-speed="600"
							 	data-start="1700"
							 	data-easing="easeOutExpo" 
							 	data-end="5000"
							 	data-endspeed="300" 
							 	data-endeasing="easeInSine">
						 		Stunning</div>
							<div class="tp-caption modern_big_mainbg sfb stb"
								data-x="85"
							 	data-y="370"
							 	data-speed="600"
							 	data-start="5100"
							 	data-easing="easeOutExpo" >Mysterious</div>
							<div class="tp-caption modern_big_mainbg sfr stt"
								 data-x="920"
								 data-y="210"
								 data-speed="600"
								 data-start="1900"
								 data-easing="easeOutExpo" 
								 data-end="6000"
								 data-endspeed="300" 
								 data-endeasing="easeInSine" >Emotional</div>
							<div class="tp-caption modern_big_mainbg sfr stt"
								 data-x="920"
								 data-y="210"
								 data-speed="600"
								 data-start="6100"
								 data-easing="easeOutExpo"
								 data-end="7500"
								 data-endspeed="300" 
								 data-endeasing="easeInSine" >
								 Full of Life</div>
							<div class="caption modern_big_mainbg sfr stt"
								 data-x="920"
								 data-y="210"
								 data-speed="600"
								 data-start="7600"
								 data-easing="easeOutExpo" ><strong>literary</strong></div>
							<div class="tp-caption modern_big_mainbg sfb stt"
								 data-x="900"
								 data-y="370"
								 data-speed="600"
								 data-start="2000"
								 data-easing="easeOutExpo" 
								data-end="4000"
								data-endspeed="300" 
								data-endeasing="easeInSine" ><strong>articulate</strong></div>
							<div class="tp-caption modern_big_mainbg sfb stt"
								 data-x="900"
								 data-y="370"
								 data-speed="600"
								 data-start="4100"
								 data-easing="easeOutExpo" 
								data-endspeed="300" 
								data-endeasing="easeInSine" >
								wow factor
							</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.jpg"  alt="slidebg3" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" />
							<div class="tp-caption modern_big_mainbg sft stt"
								 data-x="400"
								 data-y="115"
								 data-speed="500"
								 data-start="1000"
								 data-easing="easeOutExpo"
								 
								 data-endspeed="300" 
								 data-endeasing="easeInSine" >
								 <span>BBT</span> - Buddy Boy Technolgies</div>
							<div class="caption modern_big_mainbg sft stt"
								 data-x="230"
								 data-y="188"
								 data-speed="500"
								 data-start="1300"
								 data-easing="easeOutExpo"
								 data-endspeed="300" 
								 data-endeasing="easeInSine" >
								 Cross Browser</div>
							<div class="tp-caption modern_big_mainbg sft stt"
								 data-x="710"
								 data-y="190"
								 data-speed="500"
								 data-start="1600"
								 data-easing="easeOutExpo"
								 
								 data-endspeed="300" 
								 data-endeasing="easeInSine" >
								 A Customizable Solution 
							</div>
							<div class="tp-caption randomrotate stt"
								data-x="415"
								data-y="205"
								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="tp-caption randomrotate"
								data-x="558"
								data-y="156"
								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="tp-caption randomrotate"
								data-x="564"
								data-y="205"
								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="tp-caption randomrotate"
								data-x="558"
								data-y="260"
								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="tp-caption randomrotate"
								data-x="500"
								data-y="320"
								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="tp-caption randomrotate sfl"
								 data-x="447"
								 data-y="304"
								 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="tp-caption randomrotate sfr"
								 data-x="626"
								 data-y="304"
								 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="tp-caption randomrotate"
								data-x="326"
								data-y="320"
								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="tp-caption randomrotate"
								data-x="680"
								data-y="320"
								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="tp-caption randomrotate sfl"
								 data-x="275"
								 data-y="304"
								 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="tp-caption randomrotate sfr"
								 data-x="805"
								 data-y="304"
								 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="tp-caption randomrotate"
								data-x="150"
								data-y="320"
								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="tp-caption randomrotate sfb"
								data-x="858"
								data-y="320"
								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="tp-caption randomrotate sfl"
								 data-x="100"
								 data-y="304"
								 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="tp-caption randomrotate sfr"
								 data-x="983"
								 data-y="304"
								 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_1.jpg" alt="slidebg3" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" />
							<div class="tp-caption very_large_text sfb"
								 data-x="230"
								 data-y="70"
								 data-speed="600"
								 data-start="1200"
								 data-easing="easeOutExpo" 
								 data-endspeed="300" data-endeasing="easeInSine" >Welcome to <span class="defcol"> BBT</span></div>
							<div class="caption large_text sft stt"
								 data-x="210"
								 data-y="140"
								 data-speed="500"
								 data-start="1300"
								 data-easing="easeOutExpo" 
								 data-endspeed="300" data-endeasing="easeInSine" >Where Creative Thinking Begins</div>
							<div class="caption large_text_def sfb"
								 data-x="250"
								 data-y="210"
								 data-speed="600"
								 data-start="1400"
								 data-easing="easeOutExpo" 
								 data-endspeed="300" data-endeasing="easeInSine" >Gaming</div>
							<div class="caption large_text_def sfb"
								 data-x="455"
								 data-y="235"
								 data-speed="600"
								 data-start="1400"
								 data-easing="easeOutExpo" 
								 data-endspeed="300" data-endeasing="easeInSine" >Engineering</div>
							<div class="caption large_text_def sfb"
								 data-x="350"
								 data-y="220"
								 data-speed="600"
								 data-start="1400"
								 data-easing="easeOutExpo" 
								 data-endspeed="300" data-endeasing="easeInSine">Vanity Books</div>
                            
                            <div class="caption large_text sft stt"
								 data-x="300"
								 data-y="180"
								 data-speed="500"
								 data-start="1300"
								 data-easing="easeOutExpo" 
								 data-endspeed="300" data-endeasing="easeInSine" ></div>
							<div class="caption randomrotate tp-resizeme"
								 data-x="420"
								 data-y="330"
								 data-speed="600"
								 data-start="1500"
								 data-easing="easeOutExpo" data-endspeed="300" data-endeasing="easeInSine" >
								 <a href="http://www.amazon.co.uk/The-Pandora-Affair-Tiffany-Toto/dp/149276051X" class="btn btn-line bold btn-te">
									<i class="fa fa-shopping-cart"></i>
									Pandora's Affair  Purchase Now
								</a>
							</div>
							<div class="caption randomrotate tp-resizeme"
								 data-x="590"
								 data-y="330"
								 data-speed="600"
								 data-start="1500"
								 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>

For more information send a message to info at phpclasses dot org.