common-footer.html

<div class="container row center-block">
    <div class="footer-nav-wrapper col-sm-10 col-md-8 center-block">
        <div class="row">
            <div class="subscribe-form col-sm-6 col-md-6">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="subscribe" class="hide">Subscribe</label>
                        <input type="email" name="subscribe" id="subscribe" class="input-subscribe" placeholder="enter your email address" />
                        <button class="btn-subscribe" id="js-subscribe">Subscribe</button>
                    </div>
                </form>
            </div>
            <div class="footer-links-wrapper clearfix">
                <ul class="footer-social-links">
                    <li><a href="#" title="facebook"><i class="icon-fb"></i></a></li>
                    <li><a href="#" title="twitter"><i class="icon-twitter"></i></a></li>
                    <li><a href="#" title="instagram"><i class="icon-fb"></i></a></li>
                    <li><a href="#" title="youtube"><i class="icon-youtube"></i></a></li>
                </ul>
                <ul class="search-wrapper">
                    <li>
                        <div class="search-container">
                            <form class="search-form clearfix">
                                <input type="text" name="search" placeholder="Search" required>
                                <button class="search-submit" type="submit"><i class="icon-search"></i></button>
                            </form>
                            <a class="search-icon">
                                <i class="icon-search"></i>
                                <i class="icon-close"></i>
                            </a>
                        </div>
                    </li>
                    <li class="language-selector">
                        <label class="switch">
                            <span class="lang">
                                <span class="en"><a href="#">EN</a></span>
                                <span class="sp"><a href="#">SP</a></span>
                            </span>
                        </label>
                    </li>
                </ul>

            </div>
        </div>
        <nav class="footer-nav row">
            <ul class="clearfix">
                <li><a href="#" title="Blog">Blog</a></li>
                <li><a href="#" title="Media">Media</a></li>
                <li><a href="#" title="About Us">About Us</a></li>
                <li><a href="#" title="Contact Us">Contact Us</a></li>
                <li><a href="#" title="Legal T&amp;C">Legal T&amp;C</a></li>
                <li><a href="#" title="Careers">Careers</a></li>
            </ul>
        </nav>
    </div>
    <div class="legal-container col-sm-12 col-md-10 center-block">
        <p>Copyright © 2017 National Center for Missing &amp; Exploited Children. All rights reserved.</p>
        <p>This Web site is funded, in part, through a grant from the Office of Juvenile Justice and Delinquency Prevention, Office of Justice Programs, U.S.
            Department of Justice. Neither the U.S. Department of Justice nor any of its components operate, control, are responsible for, or necessarily
            endorse, this Web site (including, without limitation, its content, technical infrastructure, and policies, and any services or tools provided)</p>
    </div>
</div>