<div class="bg-viridian-500 text-white-50">

    <div class="py-3 bg-viridian-300">
        <div class="container">
            <div class="row align-items-center py-3">

                <div class="col-lg-8 text-center text-lg-left mb-4 mb-lg-0">

                    <div data-height="1px"></div>

                    <div class="widget text-uppercase">
                        <a href="#" class="text-white-75 text-hover-white font-weight-600 mx-3 ml-lg-0">Home</a>
                        <a href="#" class="text-white-75 text-hover-white font-weight-600 mx-3">About Us</a>
                        <a href="#" class="text-white-75 text-hover-white font-weight-600 mx-3">Explore</a>
                        <a href="#" class="text-white-75 text-hover-white font-weight-600 mx-3">FAQ</a>
                        <a href="#" class="text-white-75 text-hover-white font-weight-600 mx-3">News</a>
                        <a href="#" class="text-white-75 text-hover-white font-weight-600 mx-3 mr-lg-0">Contact</a>
                    </div>
                    
                </div>

                <div class="col-lg-4">
                    <div class="d-flex justify-content-center justify-content-lg-end">
                        <a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-white" data-width="36px" data-height="36px"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-white" data-width="36px" data-height="36px"><i class="fab fa-twitter"></i></a>
                        <a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-white" data-width="36px" data-height="36px"><i class="fab fa-linkedin-in"></i></a>
                        <a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-white" data-width="36px" data-height="36px"><i class="fab fa-instagram"></i></a>
                        <a href="#" target="_blank" class="d-flex align-items-center justify-content-center text-white-25 text-hover-white" data-width="36px" data-height="36px"><i class="fab fa-vimeo-v"></i></a>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="container pt-5">
        <div class="row py-4">

            <div class="col-lg-8 mb-5 mb-lg-0">

                <div class="widget pr-lg-5">

                    <img class="img-fluid d-block mb-4" src="../../assets/svg/upload/logo-light.svg" alt="logo" data-width="146px" data-height="42px">

                    <div data-height="5px"></div>

                    <p>Mauris pulvinar metus sed nibh iaculis nec congue lacus ultrices ac vestibulum consequat sapien dolor interdum posuere in lobortis sit amet, consequat eu dolor nulla eget velit vitae diam quis placerat efficitur morbi fermentum dolor mollis bibendum dui <strong class="text-white">etiam vehicula semper</strong>.</p>

                </div>

            </div>

            <div class="col-md-6 col-lg-4">
                <div class="widget">

                    <h6 class="widget-title text-white text-uppercase font-weight-700">Subscribe</h6>

                    <form class="form-light-1">
                        <div class="input-group input-group-lg input-group-round">
                            <div class="input-group-inner">
                                <input type="email" class="form-control form-control-lg" placeholder="Your email address">
                                <div class="input-group-append">
                                    <button class="btn btn-lg btn-round btn-primary shadow-none mb-0" type="button">Subscribe</button>
                                </div>
                                <div class="input-focus-bg"></div>
                            </div>
                        </div>
                        <small class="form-text mt-3">Personal data will be encrypted.</small>
                    </form>

                </div>
            </div>

        </div>
    </div>

    <div class="footer-bottom footer-bottom-no-overlay py-4">
        <div class="container footer-bottom-container">
            <div class="row py-3">

                <div class="col-lg-6 text-center text-lg-left mb-2 mb-lg-0">
                    <small>Copyright @ <a href="#">yourdomain.com</a>. All Rights Reserved.</small>
                </div>

                <div class="col-lg-6 text-center text-lg-right">
                    <a href="#" class="text-white-50 text-hover-primary mr-4">Terms</a>
                    <a href="#" class="text-white-50 text-hover-primary">Privacy Policy</a>
                </div>

            </div>
        </div>
    </div>

</div>