
<div class="project-sec">
    <div class="container">
        <div class="sec_bx mb-0">
            <div class="sec_h">Our <span> Esteemed Projects</span></div>
        </div>
        <div class="filter-button-grp">
            <button class="btn btn-default filter-pro-button active" data-filter="all">All</button>
            <button class="btn btn-default filter-pro-button" data-filter="1">New Delhi Parliament Re-Development Project</button>
            <button class="btn btn-default filter-pro-button" data-filter="2">Underground Metro Project</button>
            <button class="btn btn-default filter-pro-button" data-filter="3">Delhi Metro Project</button>
        </div>
        <div class="row g-2 g-lg-3 row-cols-2 row-cols-md-3 row-cols-lg-4">
            <?php $pr_tbl = mysqli_query($GLOBALS['dbconn'], "select * from project_tbl");
            while ($pr_res = mysqli_fetch_assoc($pr_tbl)) {
                $prImg = getImage($pr_res["gallery_image"], 500, 500, $pr_res["gallery_title"] . $pr_res["id"], "/uploaded-files/gallery/");
                $prImg1 = getImage($pr_res["gallery_image"], 1200, 1600, $pr_res["gallery_title"] . $pr_res["id"], "/uploaded-files/gallery/"); ?>
                <div class="col filter-pro <?= $pr_res['project_id']; ?>">
                    <div class="project-bx">
                        <a href="<?= $prImg1; ?>" data-fancybox="projects" class="img-bx"  title="<?= $pr_res['gallery_title']; ?>">
                            <img src="<?= $prImg; ?>" alt="<?= $pr_res['gallery_title']; ?>" title="<?= $pr_res['gallery_title']; ?>">
                        </a>
                        <div class="overlay-bx">
                            <div class="title"><?= $pr_res['gallery_title']; ?></div>
                        </div>
                    </div>
                </div>

            <?php } ?>
        </div>
    </div>
</div>
