index of /home1/trainin6/public_html/anauthenticvillagefarm.in/

File: /home1/trainin6/public_html/anauthenticvillagefarm.in/images.php
<?php require('header.php') ?>
<!-- Start page content -->
<!-- <div class="breadcrumbs-area bread-bg-1">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumbs">
                    <h2 class="breadcrumbs-title">images</h2>
                    <ul class="breadcrumbs-list">
                        <li><a href="index.php">Home</a></li>
                        <li>images</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div> -->
<section id="page-content" class="page-wrapper">
    <div class="container-fluid mt-5">
        <div class="row">
         <div class="col-12 mt-50 mb-50">
            <h3 class="text-center">IMAGES</h3>
         </div>
         
            <div class="col-12">
                <div class="gallery">
                    <div class="row p-0 mt-5 mb-5 ml-md-2 mr-md-2">

                        

                        <?php
                        $select_images = mysqli_query($conn, "SELECT * FROM `images` order by col_id DESC");
                        while ($f  = mysqli_fetch_assoc($select_images)) {
                            echo "
                            <div class='col-lg-3 col-md-6 col-12 p-0 m-0 mb-3 responsive-images-col'>
                                <a href='img/images/$f[img]'>
                                    <div class='responsive-img' style='background-image:url(img/images/$f[img])'></div>
                                </a>
                            </div>
                            ";
                        }

                        ?>

                        
                    </div>
                </div>
            </div>
        </div>
    </div>


</section>
<!-- End page content -->

<?php require('footer.php') ?>
<script>
    var gallery = new SimpleLightbox('.gallery a', {
        overlay: true,
        nav: true,
        close: true,
        showCounter: true,
        animationSlide: true,
        animationSpeed: 250,
        preloading: true,
        enableKeyboard: true,
        doubleTapZoom: 2,
        maxZoom: 10,
        fadeSpeed: 300,
    });
</script>
</body>

</html>