<?php include('include/head.php'); ?>

<body>
    <!-- Spinner Start -->
    <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <!-- Spinner End -->


    <?php include('include/header.php'); ?>

<?php
                $banner = mysqli_query($conn, "SELECT * FROM `banners` where page_name='gallery'");
                while($row = mysqli_fetch_array($banner))
                {
                    $photo = $row['banners'];
                }
                ?>
    <!-- Header Start -->
    <div class="container-fluid bg-primary page-header" style="background-image: url('<?php path(); ?>/admin/assets/images/banner-image/<?php echo $photo; ?>');">
        <div class="container ">
            <div class="row justify-content-center">
                <!-- <div class="col-lg-10 text-center">
                    <h1 class=" text-white animated slideInDown">Gallery</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb justify-content-center">
                            <li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
                            <li class="breadcrumb-item"><a class="text-white" href="#">Pages</a></li>
                            <li class="breadcrumb-item text-white active" aria-current="page">Gallery</li>
                        </ol>
                    </nav>
                </div> -->
            </div>
        </div>
    </div>
    <!-- Header End -->


    <!-- Gallery section Start -->

    <section class="gallery-img">

        <!-- <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            <h6 class="section-title bg-white text-center text-primary px-3">Gallery</h6>
            <h1 class="">Gallery</h1>
        </div> -->
        <main class="main">

            <div class="container">
                <?php
                $gall = mysqli_query($conn, "SELECT * FROM `tbl_photo`");
                while($toj = mysqli_fetch_array($gall))
                {
                    $photo = $toj['photo'];
                ?>
                <div class="card">
                    <div class="card-image">
                        <a href="<?php path() ?>/admin/assets/images/gallery/<?php echo $photo; ?>" data-fancybox="gallery">
                            <img src="<?php path() ?>/admin/assets/images/gallery/<?php echo $photo; ?>" alt="Image Gallery">
                        </a>
                    </div>
                </div>
                <?php 
                }
                ?>
            </div>
        </main>
    </section>
    <!-- Gallery section end -->


    

    <?php include('include/footer.php'); ?>

</body>

</php>