<footer id="footer">
    <div class="container-fluid ">
        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-2 gy-4 py-5 ">

            <div class="col-lg-3 mb-2 ">
                <div id="footerlogo" class=" d-flex    align-items-center">
                    <div class="">
                        <a href="">
                            <img class="image-fluid p-0" src="./asset/images/logo-Photoroomwhite2.png" alt="">
                        </a>
                        <p class="ps-1 ">Experience comfort, luxury, <br>at Seven Stones Stays. Your<br> perfect getaway awaits with <br> exceptional service and warm <br> hospitality.</p>
                        <div class="d-flex ms-4 gap-3 ps-1">

                            <p><a class="text-decoration-none text-light " target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/sevenstonestays"><i class="bi bi-facebook"></i> </a></p>
                            <p> <a class="text-decoration-none text-light " target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/seven_stones_stays/ "><i class="bi bi-instagram"></i></a></p>

                            <p> <a class="text-decoration-none text-light " target="_blank" rel="noopener noreferrer" href="https://www.youtube.com/@SevenStonesStays-z7s"><i class="bi bi-youtube"></i></a></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 mb-2 ">
                <div id="footera" class="text-md-start text-light  ">
                    <h1>Explore</h1>
                    <br>
                    <p class=""><a href="about">About</a> </p>
                    <p class=""> <a href="rooms">Rooms</a> </p>


                    <p class=""><a href="facilities">Facilities</a> </p>
                    <p class=""><a href="gallery">Gallery</a> </p>
                    <p class=""><a href="contact">Contact us</a> </p>

                </div>
            </div>
            <div class="col-lg-3 mb-2  pe-0">
                <div class="  text-light ">
                    <h1>Contact</h1>
                    <br>

                    <div class="row">
                        <div class="col-1 col-md-1">
                            <i class="bi bi-geo-alt-fill "></i>
                        </div>
                        <div class="col-10">
                            <p class="mb-4"> No : 16, Anna street
                                ,<br>Sholinganallur OMR,<br>Chennai 600 119.
                                <br>Land Mark: Next gate to MLA House
                            </p>
                        </div>

                        <div class="row">
                            <div class="col-1 col-md-1">
                                <i class="bi bi-telephone-fill "></i>
                            </div>
                            <div class="col-10">
                                <p class="mb-4"> 89395 82777 / 89395 72777 </p>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-1 col-md-1"><i class="bi bi-envelope-open-fill"></i></div>
                            <div class="col-10">
                                <p class="mb-2 "> sevenstonestays@gmail.com </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-lg-3 mb-2 col-md-5 col-10 mx-auto mx-md-0 ">
                <h1 class="text-light mb-3">Gallery</h1>
                <div class="imgfooter row row-cols-3 row-cols-sm-3 row-col-md-3  gy-3 ">
                    <div class="col"> <img class="img-fluid" src="./asset/images/footer1.png" alt="">
                    </div>
                    <div class="col"> <img class="img-fluid" src="./asset/images/footer2.png" alt="">
                    </div>
                    <div class="col"> <img class="img-fluid" src="./asset/images/footer3.png" alt="">
                    </div>
                    <div class="col"> <img class="img-fluid" src="./asset/images/footer4.png" alt="">
                    </div>
                    <div class="col"><img class="img-fluid" src="./asset/images/footer5.png" alt="">
                    </div>
                    <div class="col"><img class="img-fluid" src="./asset/images/footer6.png" alt="">
                    </div>

                </div>

            </div>

        </div>
    </div>

    <!-- fooeter-nav -->
    <nav id="footer-nav" class="navbar navbar-expand-lg ">
        <div class="container-fluid">
            <div class="mx-auto m-2">
                <a href="" class="text-decoration-none">
                    <h6 class=" "> <i class="bi bi-c-circle me-2 text-light"></i>Sevenstonesstays.2025. All
                        Rights
                        Reserved
                    </h6>
                </a>
            </div>
        </div>
    </nav>
</footer>

<!-- jquery  -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- owl carousel -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- js -->
<script src="./asset/js/script.js"></script>

<!-- double date -->
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>


<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D496PTPPMD"></script>
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'G-D496PTPPMD');
</script>


<!-- Google Tag Manager -->
<script>
    (function(w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
            'gtm.start': new Date().getTime(),
            event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s),
            dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-MMMRMM2C');
</script>
<!-- End Google Tag Manager -->




<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MMMRMM2C"
            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->