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

​

​

  <!--Section: Content-->

  <section class="dark-grey-text text-center px-md-5 py-5">

​

    <!-- Grid row -->

    <div class="row">

​

      <!-- Grid column -->

      <div class="col-lg-6 col-md-8 mx-auto">

​

        <!-- Form -->

        <form class="" action="">

​

          <!-- Section heading -->

          <h3 class="font-weight-bold mb-4">Company Name</h3>

          <p class="text-muted mb-4 pb-2">Lorem ipsum dolor sit amet consectetur adipisicing elit, vitae fuga similique quos aperiam tenetur quo rerum debitis quibusdam.</p>

          <div class="input-group mb-4 pb-3">

            <input type="email" class="form-control" placeholder="Enter your email address" aria-label="Enter your email address"

              aria-describedby="button-addon2">

            <div class="input-group-append">

              <button class="btn btn-md btn-info rounded-right m-0 px-3 py-2 z-depth-0 waves-effect" type="submit" id="button-addon2">Submit</button>

            </div>

          </div>

          <ul class="list-unstyled d-flex justify-content-center mb-0 text-info">

            <li>

              <a class="mx-3" role="button"><i class="fab fa-lg fa-facebook-f"></i></a>

            </li>

            <li>

              <a class="mx-3" role="button"><i class="fab fa-lg fa-twitter"></i></a>

            </li>

            <li>

              <a class="mx-3" role="button"><i class="fab fa-lg fa-instagram"></i></a>

            </li>

            <li>

              <a class="mx-3" role="button"><i class="fab fa-lg fa-linkedin-in"></i></a>

            </li>

            <li>

              <a class="mx-3" role="button"><i class="fab fa-lg fa-pinterest"></i></a>

            </li>

          </ul>

        </form>

        <!-- Form -->

​

      </div>

      <!-- Grid column -->

​

    </div>

    <!-- Grid row -->

  </section>

  <!--Section: Content-->

​

​

</div>