Footer 08

<div class="bg-dark pt-8 pb-6 footer text-muted">
    <div class="container container-xxl">
        <div class="row">
            <div class="col-lg-8 mb-8 mb-lg-0">
                <div class="row mb-6">
                    <div class="col-md-6 col-lg-4 mb-6 mb-lg-0">
                        <a class="d-block" href="#">
                            <img src="../../../images/logo-white-primary.png" alt="HomeID">
                        </a>
                    </div>
                    <div class="col-md-6 col-lg-8">
                        <ul class="list-inline mb-0">
                            <li class="list-inline-item mr-7">
                                <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-7">
                                <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-7">
                                <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 class="row mb-5">
                    <div class="col-md-6 col-lg-4 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">
                            <p class="mb-0">58 Howard Street #2 San Francisco</p>
                            <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-8">
                        <h4 class="text-white fs-16 mb-4 font-weight-500">Account</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">Sign in</a>
                            </li>
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 font-weight-500 hover-white">Your
                                    listings</a>
                            </li>
                            <li class="list-group-item bg-transparent p-0">
                                <a href="#" class="text-muted lh-26 font-weight-500 hover-white">Whishlist</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-lg-4">
                        <p class="text-muted mb-0 lh-26">
                            © 2020 homeID. All Rights Reserved
                        </p>
                    </div>
                    <div class="col-md-6 col-lg-8">
                        <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>
            </div>
            <div class="col-lg-4">
                <div class="media mb-8 flex-wrap flex-md-nowrap">
                    <div class="card mr-4 border-0 mb-3 mb-md-0 flex-grow-1 flex-sm-grow-0">
                        <a href="#">
                            <img class="card-img" src="../../../images/footer-image-01.jpg"
                                 alt="Card image">
                        </a>
                        <div class="position-absolute pos-fixed-top p-1">
                            <a href="#" class="badge bg-dark-opacity-04 text-white text-uppercase fs-13 font-weight-500 bg-hover-primary">
                                creative
                            </a>
                        </div>
                    </div>
                    <div class="media-body">
                        <span class="text-muted lh-17">Dec 16,2018</span>
                        <a href="#" class="d-block fs-16 text-white lh-1625 font-weight-500">Future Office
                            Buildings:Intelligent by Design</a>
                    </div>
                </div>

                <h4 class="text-white fs-16 my-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 z-index-1 bg-white" placeholder="Your email">
                    <div class="input-group-append">
                        <button class="btn btn-primary" type="button">Subscribe</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>