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

​

  <!--Section: Content-->

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

    <div class="row mb-5">

      <div class="col-md-4 mx-auto">

        <div class="view mb-4 pb-2">

          <img src="https://mdbootstrap.com/img/illustrations/undraw_connected_world_wuay.svg" class="img-fluid" alt="smaple image">

        </div>

      </div>

    </div>

​

    <h3 class="font-weight-bold mb-4 pb-2">Lorem ipsum dolor sit amet</h3>

    <p class="text-center mx-auto mb-4 pb-2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore et quasi architecto explicabo.</p>

    <button type="button" class="btn btn-deep-purple btn-rounded">Design your site now</button>

​

  </section>

  <!--Section: Content-->

​

</div>