<?php
include_once("include/main.inc.php");
$page_metatitle = "Photo Gallery - " . COMPANY_NAME;
$page_metakey = "Photo Gallery - " . COMPANY_NAME;
$page_metadesc = "Photo Gallery - " . COMPANY_NAME;
$hover = "Photo Gallery";
$gallery_sql = mysqli_query($GLOBALS['dbconn'], "select * from photo_tbl");
?>
<!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">Photo Gallery</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">Photo Gallery</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <section class="gallery_page">
        <div class="container">
            <h2 class="title_2">Photo Gallery <div class="line"></div>
            </h2>
            <div class="clearfix"></div>
            <div class="row">
            <?php while($gallery_res= mysqli_fetch_assoc($gallery_sql)){?>
                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="gallery_item">
                        <a class="hover_effect h_yellow photo" data-fancybox="photo-gallery" href="<?= site_url; ?>/uploaded-files/gallery/photos/<?=$gallery_res['image'];?>">
                           <img src="<?=site_url;?>/uploaded-files/gallery/photos/<?=$gallery_res['image'];?>" alt="<?=$gallery_res['title'];?>" title="<?=$gallery_res['title'];?>">
                        </a>
                        <div class="gallery_item_info">
                            <h4><?=$gallery_res['title'];?></h4>
                    </div>
                </div>
                </div>
                <?php } ?>

                <!-- <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="gallery_item">
                        <a class="hover_effect h_yellow photo" data-fancybox="Group1" href="<?= site_url; ?>/designer/images/gallery/sunriseoverseas2.jpg">
                            <img src="<?= site_url; ?>/designer/images/gallery/sunriseoverseas2.jpg" alt="Image">
                        </a>
                    </div>
                </div>

                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="gallery_item">
                        <a class="hover_effect h_yellow photo" data-fancybox="Group1" href="<?= site_url; ?>/designer/images/gallery/sunriseoverseas3.jpg">
                            <img src="<?= site_url; ?>/designer/images/gallery/sunriseoverseas3.jpg" alt="Image">
                        </a>
                    </div>
                </div>

                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="gallery_item">
                        <a class="hover_effect h_yellow photo" data-fancybox="Group1" href="<?= site_url; ?>/designer/images/gallery/sunriseoverseas4.jpg">
                            <img src="<?= site_url; ?>/designer/images/gallery/sunriseoverseas4.jpg" alt="Image">
                        </a>
                    </div>
                </div>

                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="gallery_item">
                        <a class="hover_effect h_yellow photo" data-fancybox="Group1" href="<?= site_url; ?>/designer/images/gallery/sunriseoverseas5.jpg">
                            <img src="<?= site_url; ?>/designer/images/gallery/sunriseoverseas5.jpg" alt="Image">
                        </a>
                    </div>
                </div>

                <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-6 col-12">
                    <div class="gallery_item">
                        <a class="hover_effect h_yellow photo" data-fancybox="Group1" href="<?= site_url; ?>/designer/images/gallery/sunriseoverseas6.jpg">
                            <img src="<?= site_url; ?>/designer/images/gallery/sunriseoverseas6.jpg" alt="Image">
                        </a>
                    </div>
                </div>

            </div>
        </div> -->
    </section>
    <!-- <?php include "app_testimonials.php"; ?> -->
    <!-- <?php include "app_faq.php"; ?> -->
    <!-- <?php include "app_clients.php"; ?> -->

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

</html>