156 lines
5.5 KiB
PHP
156 lines
5.5 KiB
PHP
<div class="tp-banner-container rs_fullscreen">
|
|
<div class="tp-banner">
|
|
<ul>
|
|
|
|
<!-- SLIDE 1 -->
|
|
<li data-transition="fade" data-masterspeed="500" data-slotamount="7" data-delay="8000" data-title="Slide 1">
|
|
<!-- Background Image -->
|
|
<img src="images/demo/bg13.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
|
|
|
<!-- Include bg-overlay class if you want some background overlay over the image -->
|
|
<!-- Recomend to include it to have a dark overlay and change the opacity (op6, op4, op8 etc) so that the content inside to be visible and readalbe (text is white) -->
|
|
<div class="bg-overlay op6"></div>
|
|
|
|
|
|
<div class="tp-caption sfb stt"
|
|
data-x="left" data-hoffset="15"
|
|
data-y="center" data-voffset="-75"
|
|
data-speed="600" data-start="600"
|
|
data-endspeed="400" data-end="7900"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<h3 class="title-slider-small uppercased mb10">create stunning websites with palas</h3>
|
|
</div>
|
|
|
|
<div class="tp-caption sfb stt"
|
|
data-x="left" data-hoffset="15"
|
|
data-y="center" data-voffset="30"
|
|
data-speed="700" data-start="800"
|
|
data-endspeed="500" data-end="7950"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<h2 class="title-slider-large">All you need within<br> a single template</h2>
|
|
</div>
|
|
|
|
<div class="tp-caption sfb stt"
|
|
data-x="left" data-hoffset="15"
|
|
data-y="center" data-voffset="130"
|
|
data-speed="800" data-start="1000"
|
|
data-endspeed="600" data-end="8000"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<a href="#" class="btn-slider">Purchase</a>
|
|
</div>
|
|
|
|
|
|
</li>
|
|
|
|
<!-- SLIDE 2 -->
|
|
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 2">
|
|
<!-- Background Image -->
|
|
<img src="images/demo/bg14.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
|
<div class="bg-overlay op5"></div>
|
|
|
|
|
|
<div class="tp-caption sfl stt"
|
|
data-x="left" data-hoffset="15"
|
|
data-y="center" data-voffset="-10"
|
|
data-speed="600" data-start="600"
|
|
data-endspeed="400" data-end="7800"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<h2 class="title-slider-large mb20">Customizable <br> and Easy to Use</h2>
|
|
<div class="br-bottom"></div>
|
|
</div>
|
|
|
|
<div class="tp-caption sfl stb"
|
|
data-x="left" data-hoffset="15"
|
|
data-y="center" data-voffset="110"
|
|
data-speed="700" data-start="800"
|
|
data-endspeed="400" data-end="7900"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<h4 class="title-slider-small">It could take you a few minutes to customize it!</h4>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<!-- SLIDE 3 -->
|
|
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 3">
|
|
<!-- Background Image -->
|
|
<img src="images/demo/bg15.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
|
<div class="bg-overlay op5"></div>
|
|
|
|
|
|
<div class="tp-caption sfl stl"
|
|
data-x="left" data-hoffset="15"
|
|
data-y="center" data-voffset="-15"
|
|
data-speed="700" data-start="600"
|
|
data-endspeed="400" data-end="7800"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<h2 class="title-slider-large">Free updates <br> Top notch Support</h2>
|
|
</div>
|
|
|
|
<div class="tp-caption sfl stl"
|
|
data-x="left" data-hoffset="15"
|
|
data-y="center" data-voffset="70"
|
|
data-speed="700" data-start="1000"
|
|
data-endspeed="400" data-end="7900"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<h3 class="title-slider-small uppercased">and so much more ...</h3>
|
|
</div>
|
|
|
|
|
|
<div class="tp-caption sfb stl"
|
|
data-x="left" data-hoffset="15"
|
|
data-y="center" data-voffset="120"
|
|
data-speed="900" data-start="1200"
|
|
data-endspeed="600" data-end="7950"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<a href="#" class="btn-slider reversed">see features</a>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
|
|
<!-- SLIDE 4 -->
|
|
<li data-transition="fade" data-slotamount="7" data-delay="8000" data-title="Slide 4">
|
|
<!-- Background Image -->
|
|
<img src="images/demo/bg17.jpg" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" alt="">
|
|
<div class="bg-overlay op5"></div>
|
|
|
|
|
|
<div class="tp-caption sfr stb"
|
|
data-x="right" data-hoffset="-15"
|
|
data-y="center" data-voffset="0"
|
|
data-speed="900" data-start="600"
|
|
data-endspeed="400" data-end="7980"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<h2 class="title-slider-large text-right">Premium Plugins</h2>
|
|
</div>
|
|
|
|
<div class="tp-caption sfr stb"
|
|
data-x="right" data-hoffset="-15"
|
|
data-y="center" data-voffset="70"
|
|
data-speed="1000" data-start="1000"
|
|
data-endspeed="400" data-end="7900"
|
|
data-easing="Power3.easeInOut" data-endeasing=""
|
|
style="z-index: 4">
|
|
<h4 class="title-slider-small uppercased text-right">
|
|
Bootstrap based <span class="py10"></span>
|
|
responsive design <span class="py10"></span>
|
|
clean code<br>
|
|
working widgets <span class="py10"></span>
|
|
ajax contact form
|
|
</h4>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div> |