Files
Manpower_website_four/parts/banner.php
2025-08-12 13:34:34 +05:45

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