<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>
|
Download
