<div class="container my-5 py-5 z-depth-1">

    <!--Section: Content-->

    <section class="px-md-5 mx-md-5 text-center text-lg-left dark-grey-text">

​

​

      <!--Grid row-->

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

​

        <!--Grid column-->

        <div class="col-md-6">

​

          <!-- Default form subscription -->

          <form class="text-center" action="#!">

​

            <p class="h4 mb-4">Subscribe</p>

​

            <p>Join our mailing list. We write rarely, but only the best content.</p>

​

            <p>

              <a href="" target="_blank">See the last newsletter</a>

            </p>

​

            <!-- Name -->

            <input type="text" id="defaultSubscriptionFormPassword" class="form-control mb-4" placeholder="Name">

​

            <!-- Email -->

            <input type="email" id="defaultSubscriptionFormEmail" class="form-control mb-4" placeholder="E-mail">

​

            <!-- Sign in button -->

            <button class="btn btn-info btn-block" type="submit">Sign in</button>

​

​

          </form>

          <!-- Default form subscription -->

​

        </div>

        <!--Grid column-->

​

      </div>

      <!--Grid row-->

​

​

    </section>

    <!--Section: Content-->

​

​

  </div>