<!-- Remove the container if you want to extend the Footer to full width. -->

<div class="container my-5">

​

  <footer class="text-center text-white" style="background-color: #caced1;">

    <!-- Grid container -->

    <div class="container p-4">

      <!-- Section: Images -->

      <section class="">

        <div class="row">

          <div class="col-lg-2 col-md-12 mb-4 mb-md-0">

            <div

                 class="bg-image hover-overlay ripple shadow-1-strong rounded"

                 data-ripple-color="light"

                 >

              <img

                   src="https://mdbootstrap.com/img/new/fluid/city/113.jpg"

                   class="w-100"

                   />

              <a href="#!">

                <div

                     class="mask"

                     style="background-color: rgba(251, 251, 251, 0.2);"

                     ></div>

              </a>

            </div>

          </div>

          <div class="col-lg-2 col-md-12 mb-4 mb-md-0">

            <div

                 class="bg-image hover-overlay ripple shadow-1-strong rounded"

                 data-ripple-color="light"

                 >

              <img

                   src="https://mdbootstrap.com/img/new/fluid/city/111.jpg"

                   class="w-100"

                   />

              <a href="#!">

                <div

                     class="mask"

                     style="background-color: rgba(251, 251, 251, 0.2);"

                     ></div>

              </a>

            </div>

          </div>

          <div class="col-lg-2 col-md-12 mb-4 mb-md-0">

            <div

                 class="bg-image hover-overlay ripple shadow-1-strong rounded"

                 data-ripple-color="light"

                 >

              <img

                   src="https://mdbootstrap.com/img/new/fluid/city/112.jpg"

                   class="w-100"

                   />

              <a href="#!">

                <div

                     class="mask"

                     style="background-color: rgba(251, 251, 251, 0.2);"

                     ></div>

              </a>

            </div>

          </div>

          <div class="col-lg-2 col-md-12 mb-4 mb-md-0">

            <div

                 class="bg-image hover-overlay ripple shadow-1-strong rounded"

                 data-ripple-color="light"

                 >

              <img

                   src="https://mdbootstrap.com/img/new/fluid/city/114.jpg"

                   class="w-100"

                   />

              <a href="#!">

                <div

                     class="mask"

                     style="background-color: rgba(251, 251, 251, 0.2);"

                     ></div>

              </a>

            </div>

          </div>

          <div class="col-lg-2 col-md-12 mb-4 mb-md-0">

            <div

                 class="bg-image hover-overlay ripple shadow-1-strong rounded"

                 data-ripple-color="light"

                 >

              <img

                   src="https://mdbootstrap.com/img/new/fluid/city/115.jpg"

                   class="w-100"

                   />

              <a href="#!">

                <div

                     class="mask"

                     style="background-color: rgba(251, 251, 251, 0.2);"

                     ></div>

              </a>

            </div>

          </div>

          <div class="col-lg-2 col-md-12 mb-4 mb-md-0">

            <div

                 class="bg-image hover-overlay ripple shadow-1-strong rounded"

                 data-ripple-color="light"

                 >

              <img

                   src="https://mdbootstrap.com/img/new/fluid/city/116.jpg"

                   class="w-100"

                   />

              <a href="#!">

                <div

                     class="mask"

                     style="background-color: rgba(251, 251, 251, 0.2);"

                     ></div>

              </a>

            </div>

          </div>

        </div>

      </section>

      <!-- Section: Images -->

    </div>

    <!-- Grid container -->

​

    <!-- Copyright -->

    <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">

      © 2020 Copyright:

      <a class="text-white" href="https://mdbootstrap.com/">MDBootstrap.com</a>

    </div>

    <!-- Copyright -->

  </footer>

​

</div>

<!-- End of .container -->