​

​

<!-- Footer -->

<footer class="page-footer font-small teal pt-4">

​

  <!-- Footer Text -->

  <div class="container-fluid text-center text-md-left">

    <!-- Grid row -->

    <div class="row">

​

      <!-- Grid column -->

      <div class="col-md-6 mt-md-0 mt-3">

​

        <!-- Content -->

        <h5 class="text-uppercase font-weight-bold">Footer text 1</h5>

        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Expedita sapiente sint, nulla, nihil

          repudiandae commodi voluptatibus corrupti animi sequi aliquid magnam debitis, maxime quam recusandae

          harum esse fugiat. Itaque, culpa?</p>

​

      </div>

      <!-- Grid column -->

​

      <hr class="clearfix w-100 d-md-none pb-3">

​

      <!-- Grid column -->

      <div class="col-md-6 mb-md-0 mb-3">

​

        <!-- Content -->

        <h5 class="text-uppercase font-weight-bold">Footer text 2</h5>

        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Optio deserunt fuga perferendis modi earum

          commodi aperiam temporibus quod nulla nesciunt aliquid debitis ullam omnis quos ipsam, aspernatur id

          excepturi hic.</p>

​

      </div>

      <!-- Grid column -->

​

    </div>

    <!-- Grid row -->

​

  </div>

  <!-- Footer Text -->

​

  <!-- 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 -->