​

<div class="container my-5">

      <p class="font-weight-bold">A footer is an additional navigation method for websites. It can hold links, buttons, company info, copyrights, forms and many other elements.</p>

​

    <p><strong>Detailed documentation and more examples you can find in our <a href="https://mdbootstrap.com/docs/jquery/navigation/footer/"

          target="_blank">Bootstrap Footer Docs</a> </p>

    <hr class="mt-5">

​

    <p>Built with <a target="_blank" href="https://mdbootstrap.com/docs/standard/">Material Design for Bootstrap</a> - free and powerful Bootstrap UI KIT</p>

​

    <a class="btn btn-primary me-2" href="https://mdbootstrap.com/docs/standard/getting-started/installation/" target="_blank" role="button">Download MDB UI KIT <i class="fas fa-download ms-2"></i></a>

    <a class="btn btn-danger me-2" target="_blank" href="https://mdbootstrap.com/docs/standard/" role="button">Learn more</a>

    <a class="btn btn-success me-2" target="_blank" href="https://mdbootstrap.com/docs/standard/getting-started/" role="button">Tutorials</a>

    <a class="btn btn-dark me-2" target="_blank" href="https://github.com/mdbootstrap/mdb-ui-kit" role="button">GitHub <i class="fab fa-github ms-2"></i></a>

​

    <hr>

  </div>

​

<!-- Footer -->

<footer class="page-footer font-small cyan darken-3">

  <!-- Footer Elements -->

  <div class="container">

​

    <!-- Grid row-->

    <div class="row">

​

      <!-- Grid column -->

      <div class="col-md-12 py-5">

        <div class="mb-5 flex-center">

​

          <!-- Facebook -->

          <a class="fb-ic">

            <i class="fab fa-facebook-f fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>

          </a>

          <!-- Twitter -->

          <a class="tw-ic">

            <i class="fab fa-twitter fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>

          </a>

          <!-- Google +-->

          <a class="gplus-ic">

            <i class="fab fa-google-plus-g fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>

          </a>

          <!--Linkedin -->

          <a class="li-ic">

            <i class="fab fa-linkedin-in fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>

          </a>

          <!--Instagram-->

          <a class="ins-ic">

            <i class="fab fa-instagram fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>

          </a>

          <!--Pinterest-->

          <a class="pin-ic">

            <i class="fab fa-pinterest fa-lg white-text fa-2x"> </i>

          </a>

        </div>

      </div>

      <!-- Grid column -->

​

    </div>

    <!-- Grid row-->

​

  </div>

  <!-- Footer Elements -->

​

  <!-- Copyright -->

  <div class="footer-copyright text-center py-3">© 2018 Copyright:

    <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a>

  </div>

  <!-- Copyright -->

​

</footer>

<!-- Footer -->