<!--Start footer area -->
        <footer class="footer-area">
            <!--Start Footer-->
            <div class="footer">
                <div class="container">
                    <div class="row text-right-rtl">

                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12">
                            <div class="single-footer-widget marbtm50">
                                <div class="our-company-info">
                                    <div class="footer-logo-style1">
                                        <a href="#">
                                            <img src="assets/images/logo.png" alt="Awesome Logo" title="">
                                        </a>
                                    </div>
                                    <div class="text-box">
                                        <p>Etiam placerat lacinia nisi eget ultri. Aenean et mollis sapien gravida tem
                                            ante Morbi id fermentum.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12">
                            <div class="single-footer-widget single-footer-widget--link-box marbtm50">
                                <div class="title">
                                    <h3>Company</h3>
                                </div>
                                <div class="footer-widget-links">
                                    <ul>
                                        <li><a href="#">Home</a></li>
                                        <li><a href="#">About</a></li>
                                        <li><a href="#">Contact</a></li>
                                        <li><a href="#">Help</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12">
                            <div class="single-footer-widget single-footer-widget--link-box">
                                <div class="title">
                                    <h3>Connect</h3>
                                </div>
                                <div class="footer-widget-links">
                                    <ul>
                                        <li><a href="#">Home</a></li>
                                        <li><a href="#">About</a></li>
                                        <li><a href="#">Contact</a></li>
                                        <li><a href="#">Help</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12">
                            <div class="single-footer-widget footer-widget-contact-info-colum pdtop50">
                                <div class="title">
                                    <h3>Contact Us</h3>
                                </div>
                                <div class="footer-widget-contact-info">
                                    <h4>USA</h4>
                                    <ul>
                                        <li>Email: <a href="mailto:yourmail@email.com">takehouse@gmail.com</a></li>
                                        <li>Phone: <a href="tel:123456789">+01 001 111 222 33</a></li>
                                    </ul>
                                    <div class="footer-social-link">
                                        <div class="inner-title">
                                            <h3>Follow Us:</h3>
                                        </div>
                                        <ul class="clearfix">
                                            <li>
                                                <a href="#"><i class="icon-facebook-app-symbol"></i></a>
                                            </li>
                                            <li>
                                                <a href="#"><i class="icon-twitter"></i></a>
                                            </li>
                                            <li>
                                                <a href="#"><i class="icon-vimeo"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                    </div>
                </div>
            </div>
            <!--End Footer-->

            <div class="footer-bottom">
                <div class="container">
                    <div class="bottom-inner">
                        <div class="copyright">
                            <p>Copyright &copy; 2024 <a href="#">Take House.</a> All Rights Reserved.</p>
                        </div>
                        <div class="footer-menu">
                            <ul>
                                <li><a href="#">Privacy Policy</a></li>
                                <li><a href="#">Terms and Conditions</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

        </footer>
        <!--End footer area-->


    </div>
    <!-- /.page-wrapper -->


    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
        <div class="mobile-nav__content">
            <span class="mobile-nav__close mobile-nav__toggler">
                <i class="icon-plus-sign"></i>
            </span>
            <div class="logo-box">
                <a href="./index.php" aria-label="logo image">
                    <img src="assets/images/logo.png" alt="" />
                </a>
            </div>
            <div class="mobile-nav__container"></div>
            <ul class="mobile-nav__contact list-unstyled">
                <li>
                    <i class="fa fa-envelope"></i>
                    <a href="mailto:takehouse@gmail.com">takehouse@gmail.com</a>
                </li>
                <li>
                    <i class="fa fa-phone-alt"></i>
                    <a href="tel:123456789">444 000 777 66</a>
                </li>
            </ul>
            <div class="mobile-nav__social">
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-facebook-square"></a>
                <a href="#" class="fab fa-pinterest-p"></a>
                <a href="#" class="fab fa-instagram"></a>
            </div>


        </div>
    </div>


    <div class="search-popup">
        <div class="search-popup__overlay search-toggler"></div>
        <div class="search-popup__content">
            <form action="#">
                <label for="search" class="sr-only">search here</label>
                <input type="text" id="search" placeholder="Search Here..." />
                <button type="submit" aria-label="search submit" class="thm-btn">
                    <i class="icon-magnifying-glass"></i>
                </button>
            </form>
        </div>
    </div>


    <a href="#" data-target="html" class="scroll-to-target scroll-to-top">
        <i class="icon-up-arrow-1"></i>
    </a>

    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-center" id="exampleModalLabel">Welcome</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form action="index.html" method="post" class="listing-form clearfix">
                    <!--Start Form Group-->
                    <div class="form-group clearfix">
                        <label>Email</label>
                        <div class="field-input">
                            <input placeholder="Email Address" type="text">
                        </div>
                    </div>
                    <!--End Form Group-->
                    <!--Start Form Group-->
                    <div class="form-group clearfix">
                        <label>Password</label>
                        <div class="field-input">
                            <input placeholder="Password" type="password">
                        </div>
                        <input type="checkbox"> I have read and agree to the Terms & Conditions
                    </div>
                    <!--End Form Group-->
                    

                </form>
            </div>
            <div class="modal-footer">
                <div class="btn-box">
                        <button class="btn-one" type="submit" data-bs-dismiss="modal">
                            <span class="txt">
                                Sign Up
                            </span>
                        </button>
                    </div>
                <div class="btn-box">
                        <button class="btn-one" type="submit" data-loading-text="Please wait...">
                            <span class="txt">
                                Login
                            </span>
                        </button>
                    </div>
            </div>
            </div>
        </div>
    </div>
