Mini Shell

<footer>
    <!-- footer-area-start -->
    <div class="tp-footer__area">
        <div class="tp-footer__bg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-6 mb-45 wow tpfadeUp" data-wow-duration=".9s"
                        data-wow-delay=".3s">
                        <div class="tp-footer__widget footer-2-col-1">
                            <div class="tp-footer__logo">
                                <a href="index.php">
                                    <img src="assets/img/logo/footer-1.png" alt="">
                                </a>
                            </div>
                            <div class="tp-footer__text">
                            </div>
                            <div class="tp-footer__contact-list">
                                <div class="tp-footer__contact-item d-flex about-items-center">
                                    <div class="tp-footer__icon">
                                        <i aria-hidden="true" class="flaticon-map"></i>
                                    </div>
                                    <div class="tp-footer__text">
                                        <a href="<?= $contact['location'] ?>"><?= $contact['address'] ?></a>
                                    </div>
                                </div>
                                <div class="tp-footer__contact-item pb-20 d-flex about-items-center mt-2">
                                    <div class="tp-footer__icon">
                                        <i class="flaticon-mail"></i>
                                    </div>
                                    <div class="tp-footer__text">
                                        <a href="mailto:<?= $contact['email'] ?>"><?= $contact['email'] ?> </a>
                                    </div>
                                </div>
                                <div class="tp-footer__contact-item d-flex about-items-center">
                                    <div class="tp-footer__icon">
                                        <i aria-hidden="true" class="flaticon-phone"></i>
                                    </div>
                                    <div class="tp-footer__text">
                                        <a href="tel:+91<?= $contact['phone'] ?>">+91 <?= $contact['phone'] ?></a>
                                    </div>
                                </div>
                                <div class="tp-footer__contact-item d-flex about-items-center mt-3">
                                    <div class="tp-footer__icon">
                                        <i aria-hidden="true" class="flaticon-phone"></i>
                                    </div>
                                    <div class="tp-footer__text">
                                        <a href="tel:+91<?= $contact['phone2'] ?>">+91 <?= $contact['phone2'] ?> </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-2 col-md-6 mb-45 wow tpfadeUp" data-wow-duration=".9s"
                        data-wow-delay=".5s">
                        <div class="tp-footer__widget footer-2-col-2">
                            <h4 class="tp-footer__widget-title-3">Quick Links</h4>
                            <div class="tp-footer__list">
                                <ul>
                                    <li><a href="index.php">Home</a></li>
                                    <li><a href="about.php">About Us</a></li>
                                    <li><a href="gallery.php">Gallery</a></li>
                                    <li><a href="one-click-services.pdf" target="_blank">Brochure</a></li>
                                    <li><a href="contact.php">Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-6 mb-45 wow tpfadeUp" data-wow-duration=".9s"
                        data-wow-delay=".7s">
                        <div class="tp-footer__widget footer-col-4">
                            <h4 class="tp-footer__widget-title">Our Newsletter</h4>
                            <div class="tp-footer__text pb-5">
                                <p>Subscribe to our newsletter and get update <br>in your inbox for future plan</p>
                            </div>
                            <div class="tp-footer__form">
                                <form action="form.php" method="post">
                                    <input type="email" name="email" placeholder="Email Address">
                                </form>
                                <button type="submit" name="newsletter" class="tp-btn-sm theme-2-bg">Subscribe<i class="far fa-long-arrow-right"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-6 mb-45 wow tpfadeUp" data-wow-duration=".9s"
                        data-wow-delay=".9s">
                        <div class="tp-footer__widget footer-2-col-3">
                            <h4 class="tp-footer__widget-title-3">Find Us</h4>
                        </div>
                        <iframe
                            src="<?= $contact['map'] ?>"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer-area-end -->

    <!-- copyright-area-start -->
    <div class="tp-copyright__area tp-copyright__bg">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                    <div class="tp-copyright__text text-center text-sm-start">
                        <span>© Copyright 2024 By One Click Services. Designed By Web4vyapar Solutions</span>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                    <div class="tp-copyright__social text-center text-sm-end">
                        <a href="<?= $contact['facebook'] ?>"><i class="fab fa-facebook-f"></i></a>
                        <a href="<?= $contact['insta'] ?>"><i class="fab fa-instagram"></i></a>
                        <a href="<?= $contact['twitter'] ?>"><i class="fab fa-twitter"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- copyright-area-end -->

</footer>


<script type="text/javascript">
    (function() {
        var options = {
            whatsapp: "+91 9415001723", // WhatsApp number
            email: "ocsbharat.lko@gmail.com", // Email
            call_to_action: "Need Help ?", // Call to action
            button_color: "#ffdd0f", // Color of button
            position: "left", // Position may be 'right' or 'left'
            order: "email,whatsapp", // Order of buttons
        };
        var proto = document.location.protocol,
            host = "getbutton.io",
            url = proto + "//static." + host;
        var s = document.createElement('script');
        s.type = 'text/javascript';
        s.async = true;
        s.src = url + '/widget-send-button/js/init.js';
        s.onload = function() {
            WhWidgetSendButton.init(host, proto, options);
        };
        var x = document.getElementsByTagName('script')[0];
        x.parentNode.insertBefore(s, x);
    })();
</script>
<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({
            pageLanguage: 'en',
            layout: google.translate.TranslateElement.InlineLayout.SIMPLE
        }, 'google_translate_element');
    }
</script>

<script type="text/javascript"
    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>