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

File: /home1/trainin6/public_html/anauthenticvillagefarm.in/awards_backup
<?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">Awards and Recognitions</h2>
                    <ul class="breadcrumbs-list">
                        <li><a href="index.php">Home</a></li>
                        <li>Awards and Recognitions</li>
                    </ul>
                </div>
            </div>
        </div>
    </div> -->
</div>
<section id="page-content" class="page-wrapper">


    <div class="container mt-5 mb-5">

        <div class="row mb-5">
            <div class="col-12 mt-50 mb-50">
                <h3 class="text-center">AWARDS & RECOGNITIONS</h3>
            </div>
            <div class="col-md-6 col-12 d-flex align-items-center">
                <h3 style="max-width:500px ;text-align:center;color:#1F223E">We have a travel sustainable badge from booking.com for our efforts towards enviroment protection and promiting sustainable village.</h3>
            </div>
            <div class="col-md-6 col-12 d-flex justify-content-center">
                <img src="img/tavel-sustainable.png" style="width:auto;height:auto">
            </div>
        </div>



    </div>


    <div class="container">
        <div class="row">
            <div class="col-12" data-aos="flip-up">
                <h1 class="text-uppercase text-center" style="font-size: 25px;"><span style=" color: #95C41F;">Registration Certificate</span>
                </h1>
                <div class="heading-style">
                    <p style="width:150px">
                        <span></span>
                        <span></span>
                    </p>
                </div>
            </div>
            <div class="col-12">
                <div class="reg-certificate">
                    <div class="gallery">
                        <a href="img/recognisation.jpeg">
                            <img src="img/recognisation.jpeg">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="container-fluid">
        <div class="row">

            <!-- <div class="col-12 mt-5" data-aos="flip-up">
                <h1 class="text-uppercase text-center" style="font-size: 25px;"><span style=" color: #95C41F;">Awards</span>
                </h1>
                <div class="heading-style">
                    <p style="width:150px">
                        <span></span>
                        <span></span>
                    </p>
                </div>
            </div> -->

            <div class="col-12">
                <div class="gallery2">
                    <div class="row p-0 mt-5 mb-5 ml-md-2 mr-md-2 d-flex justify-content-center align-items-center">

                        <?php
                        $select_awards = mysqli_query($conn, "SELECT * FROM `awards` order by col_id DESC");
                        while ($f  = mysqli_fetch_assoc($select_awards)) {
                            echo "
                            <div class='col-lg-3 col-md-6 col-12 p-0 m-0 mb-3 responsive-images-col'>
                               <a href='img/awards/$f[img]'>
                                   <div class='responsive-img' style='background-image:url(img/awards/$f[img]);height:300px'></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,
    });
    var gallery2 = new SimpleLightbox('.gallery2 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>