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

<div class="container my-5">

​

  <footer class="bg-light text-center">

  <!-- Grid container -->

  <div class="container p-4 pb-0">

    <!-- Section: Form -->

    <section class="">

      <form action="">

        <!--Grid row-->

        <div class="row d-flex justify-content-center">

          <!--Grid column-->

          <div class="col-auto">

            <p class="pt-2">

              <strong>Sign up for our newsletter</strong>

            </p>

          </div>

          <!--Grid column-->

​

          <!--Grid column-->

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

            <!-- Email input -->

            <div class="form-outline mb-4">

              <input type="email" id="form5Example2" class="form-control" />

              <label class="form-label" for="form5Example2">Email address</label>

            </div>

          </div>

          <!--Grid column-->

​

          <!--Grid column-->

          <div class="col-auto">

            <!-- Submit button -->

            <button type="submit" class="btn btn-primary mb-4">

              Subscribe

            </button>

          </div>

          <!--Grid column-->

        </div>

        <!--Grid row-->

      </form>

    </section>

    <!-- Section: Form -->

  </div>

  <!-- Grid container -->

​

  <!-- Copyright -->

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

    © 2020 Copyright:

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

  </div>

  <!-- Copyright -->

</footer>

</div>

<!-- End of .container -->

​

​