<?php 
include_once("include/main.inc.php"); 
$hover='blog';
$blog_query = mysqli_query($GLOBALS['dbconn'], "select catImage,catName,blogDname,catDesc 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">
            <h2 class="title_1">Our Blogs</h2>
            <div class="clearfix"></div>
            <div class="row g-3">
                <?php while($blog_res=mysqli_fetch_assoc($blog_query)){ 
                                                        
                                                        if($blog_res['catImage']!=''){
                                                        $blog_img=  getImage($blog_res['catImage'], 375, 280, $blog_res['catName'], "/uploaded-files/blog/images/");
                                                        }else{
                                                            $blog_img= NO_IMG_URL;
                                                        }
                                                        ?>
                    <div class="col-md-4 col-sm-12 col-12 wow zoomIn" data-wow-delay=".2s">
                        <div class="article post clearfix">
                            <div class="featured-post">
                                <img src="<?=$blog_img;?>" alt="<?= $blog_res['blogDname'];?>"
                                    title="<?= $blog_res['blogDname'];?>">
                            </div>
                            <div class="content-post">
                                <h3 class="title-post">
                                    <a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm"
                                        title="<?= $blog_res['blogDname'];?>"><?= $blog_res['blogDname'];?></a>
                                </h3>
                                <div class="entry-post">
                                    <p><?= html_entity_decode(substr($blog_res['catDesc'],0,100)); ?>...</p>
                                    <a class="read_more"
                                        href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm"
                                        title="Read More"><span>Read More</span> </a>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                <?php } ?>
            </div>

        </div>
    </section>



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

</html>