<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 mb-4">

​

      <!--Grid column-->

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

​

          <p class="font-weight-bold">contact@mycompany.com</p>

​

          <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ut esse placeat odit dolor excepturi.</p>

​

          <!--Facebook-->

          <a href="#" class="mx-1" role="button"><i class="fab fa-facebook-f"></i></a>

          <a href="#" class="mx-1" role="button"><i class="fab fa-twitter"></i></a>

          <a href="#" class="mx-1" role="button"><i class="fab fa-linkedin-in"></i></a>

          <a href="#" class="mx-1" role="button"><i class="fab fa-instagram"></i></a>

          <a href="#" class="mx-1" role="button"><i class="fab fa-pinterest"></i></a>

          <a href="#" class="mx-1" role="button"><i class="fab fa-youtube"></i></a>

          <a href="#" class="mx-1" role="button"><i class="fab fa-github"></i></a>

          <a href="#" class="mx-1" role="button"><i class="fab fa-stack-overflow"></i></a>

​

​

      </div>

      <!--Grid column-->

​

    </div>

    <!--Grid row-->

​

​

  </section>

  <!--Section: Content-->

​

​

</div>