<?php 

include_once("include/main.inc.php"); 

$hover='blog';

$blog_query = mysqli_query($GLOBALS['dbconn'], "select * 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/blog-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 Blog</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 Blog</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <section class="news_section blog_page">
        <div class="container">
            <h2 class="title_4">Our Blog</h2>
            <div class="clearfix"></div>
            
            <div class="row">
            <?php while ($blog_res = mysqli_fetch_array($blog_query)) { ?>

                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 events-full-box">
                    <div class="events-single-box">
                        <div class="row">
                            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 p-0">
                                <a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm" title="<?php echo $blog_res['blogDname'];?>"><img class="img-responsive" src="<?=getImage ($blog_res['catImage'], 275,275, $blog_res['catName'],"/uploaded-files/blog/images/"); ?>" title="<?php echo $blog_res['blogDname'];?>" alt="<?php echo $blog_res['blogDname'];?>"></a>
                            </div>

                            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
                                <div class="event-info">

                                    <h3 class="title_h4"><a href="<?=site_url;?>/blog/<?=getValidFileName($blog_res['catName']);?>.htm" title="<?php echo $blog_res['blogDname'];?>"><?php echo $blog_res['blogDname'];?></a></h3>                                   
                                    <span class="blogDate"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg> <?=$blog_res['blogDate'];?></span>
                                    <p><?php echo html_entity_decode(substr($blog_res['pageDescription'],0,95)); ?>
                                    </p>

                                    <a class="event-btn" href="<?=site_url;?>/blog/<?=getvalidFileName($blog_res['catName']);?>.htm">Read More<i class="fa fa-long-arrow-right events-btn-icon"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
<?php } ?>

                <!-- <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 events-full-box">
                    <div class="events-single-box">
                        <div class="row">
                            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 p-0">
                                <a href="blog_details.php" title=""><img class="img-responsive" src="designer/images/blogs/blog-2.jpg" alt=""></a>
                            </div>

                            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
                                <div class="event-info">
                                    <h4 class="title_h4"><a href="blog_details.php" title="">Blog title two dolor sit amet mollis.</a></h4>                                   
                                    <span class="blogDate"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg> 25-05-2022</span>
                                    <p>Lorem ipsum dolor sit amet mollis felis dapibus arcur donec viverra phasellus eget. Etiam maecenas vel...
                                    </p>

                                    <a class="event-btn" href="blog_details.php">Read More<i class="fa fa-long-arrow-right events-btn-icon"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 events-full-box">
                    <div class="events-single-box">
                        <div class="row">
                            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 p-0">
                                <a href="blog_details.php" title=""><img class="img-responsive" src="designer/images/blogs/blog-3.jpg" alt=""></a>
                            </div>

                            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
                                <div class="event-info">
                                    <h4 class="title_h4"><a href="blog_details.php" title="">Blog title three dolor sit amet mollis.</a></h4>                                   
                                    <span class="blogDate"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg> 25-05-2022</span>
                                    <p>Lorem ipsum dolor sit amet mollis felis dapibus arcur donec viverra phasellus eget. Etiam maecenas vel...
                                    </p>

                                    <a class="event-btn" href="blog_details.php">Read More<i class="fa fa-long-arrow-right events-btn-icon"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 events-full-box">
                    <div class="events-single-box">
                        <div class="row">
                            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 p-0">
                                <a href="blog_details.php" title=""><img class="img-responsive" src="designer/images/blogs/blog-4.jpg" alt=""></a>
                            </div>

                            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
                                <div class="event-info">
                                    <h4 class="title_h4"><a href="blog_details.php" title="">Blog title four dolor sit amet mollis.</a></h4>                                   
                                    <span class="blogDate"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg> 25-05-2022</span>
                                    <p>Lorem ipsum dolor sit amet mollis felis dapibus arcur donec viverra phasellus eget. Etiam maecenas vel...
                                    </p>

                                    <a class="event-btn" href="blog_details.php">Read More<i class="fa fa-long-arrow-right events-btn-icon"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 events-full-box">
                    <div class="events-single-box">
                        <div class="row">
                            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 p-0">
                                <a href="blog_details.php" title=""><img class="img-responsive" src="designer/images/blogs/blog-5.jpg" alt=""></a>
                            </div>

                            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
                                <div class="event-info">
                                    <h4 class="title_h4"><a href="blog_details.php" title="">Blog title five dolor sit amet mollis.</a></h4>                                   
                                    <span class="blogDate"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg> 25-05-2022</span>
                                    <p>Lorem ipsum dolor sit amet mollis felis dapibus arcur donec viverra phasellus eget. Etiam maecenas vel...
                                    </p>

                                    <a class="event-btn" href="blog_details.php">Read More<i class="fa fa-long-arrow-right events-btn-icon"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 events-full-box">
                    <div class="events-single-box">
                        <div class="row">
                            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 p-0">
                                <a href="blog_details.php" title=""><img class="img-responsive" src="designer/images/blogs/blog-6.jpg" alt=""></a>
                            </div>

                            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12">
                                <div class="event-info">
                                    <h4 class="title_h4"><a href="blog_details.php" title="">Blog title six dolor sit amet mollis.</a></h4>                                   
                                    <span class="blogDate"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg> 25-05-2022</span>
                                    <p>Lorem ipsum dolor sit amet mollis felis dapibus arcur donec viverra phasellus eget. Etiam maecenas vel...
                                    </p>

                                    <a class="event-btn" href="blog_details.php">Read More<i class="fa fa-long-arrow-right events-btn-icon"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
 -->


            </div>

        </div>
        
    </section>
    <?php include "app_faq.php"; ?>
    <?php include "app_testimonials.php"; ?> 
    <?php include "app_clients.php"; ?>
    <?php include "app_footer.php"; ?>
    <?php include "app_bottom.php"; ?>
</body>

</html>