<footer class="footer-simple-area">
    <div class="footer-large">
        <div class="container-fluid">
            <div class="row tracem-shrink no-gutters">
                <div class="col-md-6">
                    <div class="subscribe-area">
                        <h4>Get New Tranding Design</h4>
                        <form action="#">
                            <input type="email" placeholder="Enter Your Email">
                            <input type="submit" value="Subscribe">
                        </form>
                        <p>Be the first to find out about exclusive portfolio design, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod and top trends.</p>
                    </div><!-- .subscribe-area -->
                </div><!-- .col-md-6 -->
                <div class="col-md-3">
                    <div class="footer-navigation">
                        <h4>Portfolio</h4>
                        <ul>
                            <li><a href="portfolio-grid.html">Portfolio – Grid</a></li>
                            <li><a href="portfolio-masonry.html">Portfolio – Masonry</a></li>
                            <li><a href="portfolio-pinterest.html">Portfolio – Pinterest</a></li>
                            <li><a href="portfolio-metro.html">Portfolio – Metro</a></li>
                            <li><a href="portfolio-sporadic.html">Portfolio – Sporadic</a></li>
                        </ul>
                    </div><!-- .footer-navigation -->
                </div><!-- .col-md-3 -->
                <div class="col-md-3">
                    <div class="footer-navigation">
                        <h4>Pages</h4>
                        <ul>
                            <li><a href="page-about.html">About</a></li>
                            <li><a href="page-services.html">Services</a></li>
                            <li><a href="page-team.html">Team</a></li>
                            <li><a href="page-comming-soon.html">Comming Soon</a></li>
                            <li><a href="page-maintanence.html">Maintanence</a></li>
                            <li><a href="page-404.html">404</a></li>
                        </ul>
                    </div><!-- .footer-navigation -->
                </div><!-- .col-md-3 -->
            </div><!-- .row -->
        </div><!-- .container-fluid -->
    </div><!-- .footer-large -->

    <div class="footer-small">
        <div class="container-fluid">
            <div class="row tracem-shrink no-gutters">
                <div class="col-12 col-sm">
                    <p>© 2018 Tracem by <strong><a target="_blank" href="https://themeforest.net/user/themestrace">ThemesTrace</a></strong></p>
                </div><!-- .col -->
                <div class="col-12 col-sm">
                    <p class="text-center">Shape Mesmerizing Portfolio With <strong><a href="#">Tracem <span><i class="fas fa-long-arrow-alt-right"></i></span></a></strong></p>
                </div><!-- .col -->
                <div class="col-12 col-sm">
                    <ul class="footer-social">
                        <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                        <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                    </ul>
                </div><!-- .col -->
            </div><!-- .row -->
        </div><!-- .container-fluid -->
    </div><!-- .footer-small -->
</footer><!-- .footer-simple-area -->