<?php
$sql = db_query("select * from  tbl_category where 1 and category_status='Active' and category_is_latest='Yes'  order by category_id asc  limit 3");
if(mysqli_num_rows($sql)>0)
  {?>


<!--Start latest blog area-->
<section class="latest-blog-area">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="sec-title pull-left">
                    <h2>Top <span>Services</span></h2>
                    <span class="decor"></span>
                </div>
            
            </div>
        </div>   
        <div class="row">

        <?php
while($res=mysqli_fetch_array($sql))
{

      $pro_res_desc=substr(strip_tags($res['category_description']), 0, 165);
?>  

            <!--Start single blog item-->
            <div class="col-md-4">
                <div class="single-blog-item">
                    <div class="img-holder">
                        <img style="width:370px; height:264px" src="<?=$site_url?>/uploaded_files/<?=$res['category_image_name']?>" alt="<?=$res['category_name']?>">
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <a href="<?=$site_url?>/<?=$res['category_url']?>.html"><i class="fa fa-search" aria-hidden="true"></i></a> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-holder">
                        <a href="<?=$site_url?>/<?=$res['category_url']?>.html">
                            <h3 class="blog-title"><?=$res['category_name']?></h3>
                        </a>
                        
                        <div class="text">
                            <p><?=$pro_res_desc?>...</p>
                            <a class="readmore" href="<?=$site_url?>/<?=$res['category_url']?>.html">Read More<i class="fa fa-caret-right" aria-hidden="true"></i></a>
                        </div>
                    </div>    
                </div>    
            </div>
            <!--End single blog item-->

            <?}?>
            
        </div>
    </div>
</section>
<!--End latest blog area-->

<?}?>