<?php 
include_once("include/main.inc.php"); 
$hover='blog';
$blog_query = mysqli_query($GLOBALS['dbconn'], "select catImage,catName,blogDname,catDesc,blog_written from blog_tbl");
$page_metatitle="Blogs - ".COMPANY_NAME;
$page_metakey="Blogs - ".COMPANY_NAME;
$page_metadesc="Blogs - ".COMPANY_NAME;


?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <?php include "app_top.php"; ?>
</head>

<body>

    <?php include "app_header.php"; ?>

    <section class="heading_banner" style="background-image: url(<?=site_url;?>/designer/images/about-banner.jpg)">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 text-center">
                    <h1 class="cat_title">Our Blogs</h1>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </section>

    <div class="inner_breadcrumb hidden_xs">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <ul class="breadcrumb">
                        <li><a href="<?=site_url;?>" title="Home">Home</a></li>
                        <li class="active">Our Blogs</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <section class="blog_page">
        <div class="container">
            <div class="title_2">Our Blogs</div>
            <div class="clearfix"></div>
            <div class="row">
            <?php while($blog_res=mysqli_fetch_assoc($blog_query)){ 
                                
                                if($blog_res['catImage']!=''){
                                 $blog_img=  getImage($blog_res['catImage'], 376, 376, $blog_res['catName'], "/uploaded-files/blog/images/");
                                }else{
                                    $blog_img= NO_IMG_URL;
                                }
                                ?>
                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12">
                    <div class="blogPost">
                    <a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm" title="<?= $blog_res['blogDname'];?>">
                        <div class="image">
                            <img src="<?=$blog_img;?>" alt="<?= $blog_res['blogDname'];?>" title="<?= $blog_res['blogDname'];?>">
                            <!-- <div class="postDate">
                                <span>20</span>Feb
                            </div> -->
                        </div>
                            </a>
                        <div class="postInfo">
                            <h2 class="title_h4"><a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm" title="<?= $blog_res['blogDname'];?>"><span><?= $blog_res['blogDname'];?></span></a></h2>
                            <p><?= html_entity_decode(substr($blog_res['catDesc'],0,150)); ?>...</p>
                            <a class="read_more" href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm" title="Read more">Read More <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"></path>
                                </svg></a>
                        </div>
                    </div>
                </div>
                <?php } ?>
            


            </div>
        </div>
 
    </section>


    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
</body>

</html>