Footer 09

<div class="bg-dark pt-8 pb-6 footer text-muted">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 mb-6 mb-lg-0">
                <div class="row mb-6">
                    <div class="col-md-6 col-lg-auto mb-6 mb-lg-0">
                        <h4 class="text-white fs-16 mb-4 font-weight-500">Get in touch</h4>
                        <div class="lh-26 font-weight-500">
                            <a class="d-block text-muted hover-white" href="mailto:contact@homeid.com">contact@homeid.com</a>
                            <a class="d-block text-lighter font-weight-bold fs-15 hover-white"
                               href="tel:(+68)122109876">(+68)1221
                                09876</a>
                            <a class="d-block text-muted hover-white" href="../../..">www.homeid.com</a>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-auto mb-6 mb-lg-0">
                        <h4 class="text-white fs-16 mb-4 font-weight-500">Popular Searches</h4>
                        <ul class="list-group list-group-flush list-group-no-border">
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 font-weight-500 hover-white">Apartment for
                                    Rent</a>
                            </li>
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 font-weight-500 hover-white">Apartment Low
                                    to
                                    hide</a>
                            </li>
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 font-weight-500 hover-white">Offices for
                                    Buy</a>
                            </li>
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 font-weight-500 hover-white">Offices for
                                    Rent</a>
                            </li>

                        </ul>
                    </div>
                    <div class="col-md-6 col-lg-auto">
                        <h4 class="text-white fs-16 mb-4 font-weight-500">Quick links</h4>
                        <ul class="list-group list-group-flush list-group-no-border">
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 font-weight-500 hover-white">Terms of
                                    Use</a>
                            </li>
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 font-weight-500 hover-white">Privacy
                                    Policy</a>
                            </li>
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 font-weight-500 hover-white">Contact
                                    Support</a>
                            </li>
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 hover-white font-weight-500">Careers</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <h4 class="text-white fs-16 mb-4 font-weight-500">Sign Up for Our Newsletter</h4>
                <p class="font-weight-500 text-muted lh-184">Lorem ipsum dolor sit amet, consecte tur cing elit.
                    Suspe ndisse suscipit sagittis </p>
                <div class="input-group input-group-lg mb-6">
                    <input type="text" class="form-control shadow-none border-0 bg-white z-index-1" placeholder="Your email">
                    <div class="input-group-append">
                        <button class="btn btn-primary" type="button">Subscribe</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="row align-items-end">
            <div class="col-md-6 col-lg-4">
                <p class="mb-0">58 Howard Street #2 San Francisco</p>

            </div>
            <div class="col-md-6 col-lg-auto ml-0 ml-lg-auto text-lg-right">
                <p class="text-muted mb-0 lh-26">
                    © 2020 homeID. All Rights Reserved
                </p>
                <ul class="list-inline mb-0">
                    <li class="list-inline-item mr-6">
                        <a href="#" class="text-muted lh-26 font-weight-500 hover-white lh-26">Terms of
                            Use</a>
                    </li>
                    <li class="list-inline-item">
                        <a href="#" class="text-muted lh-26 font-weight-500 hover-white lh-26">Privacy
                            Policy</a>
                    </li>
                </ul>
            </div>
        </div>
        <hr class="mt-6 mb-0">
        <div class="row mt-6 align-items-center">
            <div class="col-lg-3 mb-3 mb-lg-0">
                <a class="d-block" href="#">
                    <img src="../../../images/logo-white-primary.png" alt="HomeID">
                </a>
            </div>
            <div class="col-lg-6 mb-3 mb-lg-0">
                <ul class="navbar-nav flex-row flex-wrap mx-n3">
                    <li class="nav-item px-3">
                        <a class="nav-link font-weight-500 lh-2 text-white py-0"
                           href="#">
                            Listings
                        </a>
                    </li>
                    <li class="nav-item px-3">
                        <a class="nav-link font-weight-500 lh-2 text-white py-0">
                            Properties
                        </a>
                    </li>
                    <li class="nav-item px-3">
                        <a class="nav-link font-weight-500 lh-2 text-white py-0"
                           href="#">
                            Selling a home
                        </a>
                    </li>
                    <li class="nav-item px-3">
                        <a class="nav-link font-weight-500 lh-2 text-white py-0"
                           href="#">
                            News
                        </a>
                    </li>
                    <li class="nav-item px-3">
                        <a class="nav-link font-weight-500 lh-2 text-white py-0"
                           href="#">
                            Career
                        </a>
                    </li>
                    <li class="nav-item px-3">
                        <a class="nav-link font-weight-500 lh-2 text-white py-0"
                           href="#">
                            Contact us
                        </a>
                    </li>
                </ul>
            </div>
            <div class="col-lg-3 ml-auto">
                <ul class="list-inline mb-0 text-lg-right">
                    <li class="list-inline-item mr-6">
                        <a href="#" class="text-white opacity-5 fs-25 opacity-hover-10"><i
                                class="fab fa-twitter"></i></a>
                    </li>
                    <li class="list-inline-item mr-6">
                        <a href="#" class="text-white opacity-5 fs-25 opacity-hover-10"><i
                                class="fab fa-facebook-f"></i></a>
                    </li>
                    <li class="list-inline-item mr-6">
                        <a href="#" class="text-white opacity-5 fs-25 opacity-hover-10">
                            <i class="fab fa-skype"></i>
                        </a>
                    </li>
                    <li class="list-inline-item">
                        <a href="#" class="text-white opacity-5 fs-25 opacity-hover-10">
                            <i class="fab fa-linkedin-in"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>