126 lines
4.5 KiB
PHP
126 lines
4.5 KiB
PHP
<!-- Do not remove this class -->
|
|
<div class="push-top"></div>
|
|
|
|
<!-- Slider -->
|
|
<div class="tp-banner-container rs_fullwidth">
|
|
<div class="tp-banner" style="max-height:700px; height:70%">
|
|
<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/bg11.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">All you need just us </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">We connect skilled professionals with<br> the right opportunities worldwide.</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 reversed">Contact</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">It could take you a few to have a talk</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">Our tailored recruitment solutions <br> serve businesses of all sizes and industries. </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">With a vast talent pool, we ensure fast <br> and reliable workforce deployment.</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 about us</a>
|
|
</div>
|
|
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div> <!-- END Slider--> |