<?php include("site-header.php"); ?>

<!--Start breadcrumb area-->     
<section class="breadcrumb-area" style="background-image: url(images/breadcrumb/breadcrumb-bg.jpg);">
	<div class="container-fluid text-center">
		<h1>Services</h1>
		<div class="breadcrumb-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="left pull-left">
                            <ul>
                                <li><a href="<?=$site_url?>">Home</a></li>
                                <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                                <li>Products</li>
                            </ul>    
                        </div>
                        
                    </div>
                </div>
            </div>
		</div>
	</div>
</section>
<!--End breadcrumb area-->
 


 <?php
$start = intval($start);
//$pagesize = intval($pagesize)==0?$pagesize=DEF_PAGE_SIZE:$pagesize;
$pagesize=12;
$sql = "select * from  tbl_category where 1 and category_status='Active'  order by category_id asc";
$sql .= " limit $start, $pagesize ";
//echo $sql;
$pager = new midas_pager_sql($sql, $pagesize, $start);
if($pager->total_records) {
  $result = db_query($sql);
}
?>


<!--Start service page area-->                                                                                           
<section class="service-page-area">

    <div class="container">
<? if($pager->total_records!=0) {?>
<? $pager->show_displaying()?>
<?//=pagesize_dropdown('pagesize', $pagesize);?>
<?php
}
?>

        <div class="row">



<?php
while($pro_res=mysqli_fetch_array($result))
{

    $pro_res_name=substr(strip_tags($pro_res['category_name']), 0, 32);
    $pro_res_desc=substr(strip_tags($pro_res['category_description']), 0, 250);


?>

            <!--Start single service item-->
            <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="single-service-item">
                    <div class="img-holder">
                        <img style="width:370px; height:264px" src="<?=$site_url?>/uploaded_files/<?=$pro_res['category_image_name']?>" alt="<?=$pro_res['category_name']?>">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <a href="<?=$site_url?>/<?=$pro_res['category_url']?>.html"><i class="fa fa-link" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-holder">
                        <a href="<?=$site_url?>/<?=$pro_res['category_url']?>.html"><h3><?=$pro_res_name?><?php if(strlen($pro_res['category_name'])>32){echo "...";} ?></h3></a>
                        <p><?=$pro_res_desc?>...</p>
                        <a class="readmore" href="<?=$site_url?>/<?=$pro_res['category_url']?>.html">Read More</a>
                    </div>    
                </div>
            </div>
            <!--End single service item-->
<?}?>



           
            
            
        </div>

        <?php $pager->show_pager();?>
    </div>
</section>
<!--Start service page area-->


      <?php include("site-footer.php"); ?>