<section class="main-slider revolution-slider">
<div class="tp-banner-container">
<div class="tp-banner">
<ul>
<?php
$sliders = Slider::all();
foreach ($sliders as $slider) {
?>
<li data-transition="slidedown" data-slotamount="1" data-masterspeed="1000" data-thumb="upload/slider/<?php echo $slider['image_name']; ?>" data-saveperformance="off" data-title="Women's Development Federation">
<img src="upload/slider/<?php echo $slider['image_name']; ?>" alt="" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<div class="tp-caption sfr sfb tp-resizeme"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="-30"
data-speed="1500"
data-start="1000"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.3"
data-endspeed="1200"
data-endeasing="Power4.easeIn"><h2><?php echo $slider['title']; ?></h2></div>
<div class="tp-caption sfl sfb tp-resizeme"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="50"
data-speed="1500"
data-start="1500"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.3"
data-endspeed="1200"
data-endeasing="Power4.easeIn"><h4><?php echo $slider['description']; ?></h4></div>
<div class="tp-caption sfr sfb tp-resizeme"
data-x="center" data-hoffset="0"
data-y="center" data-voffset="120"
data-speed="1500"
data-start="2000"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.3"
data-endspeed="1200"
data-endeasing="Power4.easeIn"><a href="become-volunteer.php" class="theme-btn btn-style-five margin-right-10" style="padding: 5px 15px;">Join With Us</a></div>
</li>
<?php
}
?>
</ul>
</div>
</div>
</section> |