<div class="container text-center">
<h1>Our Products</h1>
</div>


<div class="container">
<div class="col-md-12" style="overflow:hidden;">
<div class="scroller">

   <ul id="flexiselDemo3">
<?php if($product):
 $i=1; foreach($product as $row): ?>
<li class="amazingcarousel-item">
<div class="amazingcarousel-item-container">
<div class="amazingcarousel-title">
<div  class="scroll_item">
<a href="<?php echo base_url('product/view/'.$row['pid'].'/'.url_title($row['title'], '-', TRUE) .'')?>"><img src="<?php echo base_url('assets/images/'.$row['img'].'') ; ?>" style=" width:100%;" alt="a1"/></a>
</div>
<?=$row['title']?> 
</div></div>
   </li>
<?php $i++; endforeach; endif; ?>
                                    
</ul>
 <div class="amazingcarousel-prev"></div>
 <div class="amazingcarousel-next"></div>
</div>
</div>
</div>





<!--<div class="container" style="overflow:hidden;">
<h1>Our Products</h1>
<div id="amazingcarousel-container-1">
    <div id="amazingcarousel-1" style="display:none;position:relative;width:100%;max-width:1200px;margin:0px auto 0px;">
        <div class="amazingcarousel-list-container">
            <ul class="amazingcarousel-list">
                
                
               
<?php if($product):
 $i=1; foreach($product as $row): ?>
?>
                <li class="amazingcarousel-item">
                    <div class="amazingcarousel-item-container">
<div class="amazingcarousel-title">
<a href="<?php echo base_url('product/view/'.$row['pid'].'/'.url_title($row['title'], '-', TRUE) .'')?>" target="_blank"><img src="<?php echo base_url('assets/images/'.$row['img'].'') ; ?>" style=" width:100%;" alt="a1"/></a>


<?=$row['title']?></div> </div>
                </li>
                
               <?php $i++; endforeach; endif; ?>
                
                
                
                
            </ul>
            <div class="amazingcarousel-prev"></div>
            <div class="amazingcarousel-next"></div>
        </div>
    </div>
</div>


</div>



-->