Footer 02

<div class="bg-dark pt-10 pb-8 footer">
    <div class="container">
        <ul class="navbar-nav bg-dark flex-row flex-wrap justify-content-center mb-6 pb-1">
            <li class="nav-item dropdown px-8">
                <a class="nav-link dropdown-toggle fs-13 font-weight-500 lh-2 text-white text-uppercase"
                   href="#" id="real-estate" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    Real Estate
                </a>
                <div class="dropdown-menu" aria-labelledby="real-estate">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item dropdown px-8">
                <a class="nav-link dropdown-toggle fs-13 font-weight-500 lh-2 text-white text-uppercase"
                   href="#" id="rentals" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    Rentals
                </a>
                <div class="dropdown-menu" aria-labelledby="rentals">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item dropdown px-8">
                <a class="nav-link dropdown-toggle fs-13 font-weight-500 lh-2 text-white text-uppercase"
                   href="#" id="mortgage-rates" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    Mortgage Rates
                </a>
                <div class="dropdown-menu" aria-labelledby="mortgage-rates">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
            <li class="nav-item dropdown px-8">
                <a class="nav-link dropdown-toggle fs-13 font-weight-500 lh-2 text-white text-uppercase"
                   href="#" id="browse-homes" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false">
                    Browse Homes
                </a>
                <div class="dropdown-menu" aria-labelledby="browse-homes">
                    <a class="dropdown-item" href="#">Action</a>
                    <a class="dropdown-item" href="#">Another action</a>
                    <a class="dropdown-item" href="#">Something else here</a>
                </div>
            </li>
        </ul>
        <div class="text-center text-white fs-22 lh-2 font-weight-500 mxw-751 mb-4">
            Everything you need to know when looking at different types of homes for sale all in one place.
        </div>
        <ul class="list-inline text-center mb-5">
            <li class="list-inline-item mr-8 mb-3">
                <a href="#"><img src="../../../images/footer-logo-01.png" alt="Footer Logo 01"> </a>
            </li>
            <li class="list-inline-item mr-8 mb-3">
                <a href="#"><img src="../../../images/footer-logo-02.png" alt="Footer Logo 02"> </a>
            </li>
            <li class="list-inline-item mr-8 mb-3">
                <a href="#"><img src="../../../images/footer-logo-03.png" alt="Footer Logo 03"> </a>
            </li>
            <li class="list-inline-item">
                <a href="#"><img src="../../../images/footer-logo-04.png" alt="Footer Logo 04"> </a>
            </li>
        </ul>

        <ul class="list-inline text-center mb-6">
            <li class="list-inline-item mr-3 text-white opacity-7">
                © 2020 homeID. All Rights Reserved
            </li>
            <li class="list-inline-item divider mr-3"></li>
            <li class="list-inline-item mr-3">
                <a href="tel:(+00)123567990" class="text-white font-weight-bold fs-15">(+00) 123 567990</a>
            </li>
            <li class="list-inline-item divider mr-3"></li>
            <li class="list-inline-item">
                <a href="mailto:contact@homeid.com"
                   class="text-white opacity-7 hover-white">contact@homeid.com</a>
            </li>
        </ul>
        <ul class="list-inline text-center mb-2">
            <li class="list-inline-item mr-0">
                <a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10"><i
                        class="fab fa-twitter"></i></a>
            </li>
            <li class="list-inline-item mr-0">
                <a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10"><i
                        class="fab fa-facebook-f"></i></a>
            </li>
            <li class="list-inline-item mr-0">
                <a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10">
                    <i class="fab fa-instagram"></i>
                </a>
            </li>
            <li class="list-inline-item mr-0">
                <a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10">
                    <i class="fab fa-pinterest"></i>
                </a>
            </li>
            <li class="list-inline-item mr-0">
                <a href="#" class="text-white opacity-5 fs-18 px-4 hover-primary opacity-hover-10">
                    <i class="fab fa-youtube"></i>
                </a>
            </li>
        </ul>
    </div>
</div>