<header class="clearfix">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<?php
$SLIDER = $SLIDER_OBJ->all();
foreach ($SLIDER as $key=>$slider){
if( $key===1){
?>
<div class="item active">
<img class="first-slide" src="upload/slider/<?php echo $slider["image_name"]; ?>" alt="First slide">
<div class="carousel-caption">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<!-- <div class="carousel-content-box">
<h1 class="wow fadeInLeft">Welcome to <br>
<span>Okithma Tours</span></h1>
<p class="visible-lg text-slider wow fadeInDown ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris purus eros, suscipit volutpat risus ac, auctor elementum mauris. Suspendisse a metus non est </p>
<p class="slider-btn wow rotateIn">
<a href="#" class="btn btn_1 ">VIEW MORE</a>
<a href="#" class="btn btn_2 hidden-xs">VISIT NOW</a>
</p>
</div>-->
</div>
</div>
</div>
</div>
</div>
<?php
}else{
?>
<div class="item">
<img class="first-slide" src="upload/slider/<?php echo $slider["image_name"]; ?>" alt="First slide">
<div class="carousel-caption">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
</div>
</div>
</div>
</div>
</div>
<?php
}
}?>
</div>
<ol class="carousel-indicators wow fadeInDown">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<a class="left carousel-control hidden-xs" href="#myCarousel" role="button" data-slide="prev">
<i class="fa fa-angle-double-left" aria-hidden="true"></i>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control hidden-xs " href="#myCarousel" role="button" data-slide="next">
<i class="fa fa-angle-double-right" aria-hidden="true"></i>
<span class="sr-only">Next</span>
</a>
</div>
</header> |