Bootstrap footer
Footer will help you to organize a lot of site navigation and information at the end of a page.
It can be a very useful overview of the most important links and content of the website.
You can set the footer color by adding one of classes from our color palette.
Basic Footer
<!--Footer-->
<footer class="page-footer blue center-on-small-only">
<!--Footer Links-->
<div class="container-fluid">
<div class="row">
<!--First column-->
<div class="col-md-6">
<h5 class="title">Footer Content</h5>
<p>Here you can use rows and columns here to organize your footer content.</p>
</div>
<!--/.First column-->
<!--Second column-->
<div class="col-md-6">
<h5 class="title">Links</h5>
<ul>
<li><a href="#!">Link 1</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
<li><a href="#!">Link 4</a></li>
</ul>
</div>
<!--/.Second column-->
</div>
</div>
<!--/.Footer Links-->
<!--Copyright-->
<div class="footer-copyright">
<div class="container-fluid">
© 2015 Copyright: <a href="https://www.MDBootstrap.com"> MDBootstrap.com </a>
</div>
</div>
<!--/.Copyright-->
</footer>
<!--/.Footer-->
Advanced Footer Premium component
<!--Footer-->
<footer class="page-footer center-on-small-only">
<!--Footer Links-->
<div class="container-fluid">
<div class="row">
<!--First column-->
<div class="col-md-3 offset-md-1">
<h5 class="title">Footer Content</h5>
<p>Here you can use rows and columns here to organize your footer content.</p>
</div>
<!--/.First column-->
<hr class="hidden-md-up">
<!--Second column-->
<div class="col-md-2 offset-md-1">
<h5 class="title">Links</h5>
<ul>
<li><a href="#!">Link 1</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
<li><a href="#!">Link 4</a></li>
</ul>
</div>
<!--/.Second column-->
<hr class="hidden-md-up">
<!--Third column-->
<div class="col-md-2">
<h5 class="title">Links</h5>
<ul>
<li><a href="#!">Link 1</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
<li><a href="#!">Link 4</a></li>
</ul>
</div>
<!--/.Third column-->
<hr class="hidden-md-up">
<!--Fourth column-->
<div class="col-md-2">
<h5 class="title">Links</h5>
<ul>
<li><a href="#!">Link 1</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
<li><a href="#!">Link 4</a></li>
</ul>
</div>
<!--/.Fourth column-->
</div>
</div>
<!--/.Footer Links-->
<hr>
<!--Call to action-->
<div class="call-to-action">
<ul>
<li>
<h5>Register for free</h5></li>
<li><a href="" class="btn btn-danger">Sign up!</a></li>
</ul>
</div>
<!--/.Call to action-->
<hr>
<!--Social buttons-->
<div class="social-section">
<ul>
<li><a class="btn-floating btn-small btn-fb"><i class="fa fa-facebook"> </i></a></li>
<li><a class="btn-floating btn-small btn-tw"><i class="fa fa-twitter"> </i></a></li>
<li><a class="btn-floating btn-small btn-gplus"><i class="fa fa-google-plus"> </i></a></li>
<li><a class="btn-floating btn-small btn-li"><i class="fa fa-linkedin"> </i></a></li>
<li><a class="btn-floating btn-small btn-git"><i class="fa fa-github"> </i></a></li>
<li><a class="btn-floating btn-small btn-pin"><i class="fa fa-pinterest"> </i></a></li>
<li><a class="btn-floating btn-small btn-ins"><i class="fa fa-instagram"> </i></a></li>
</ul>
</div>
<!--/.Social buttons-->
<!--Copyright-->
<div class="footer-copyright">
<div class="container-fluid">
© 2015 Copyright: <a href="https://www.MDBootstrap.com"> MDBootstrap.com </a>
</div>
</div>
<!--/.Copyright-->
</footer>
<!--/.Footer-->