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

​

​

  <!--Section: Content-->

  <section class="text-center white-text grey p-5"

    style="background-image: url(https://mdbootstrap.com/img/Photos/Others/background.jpg);">

​

    <!--Grid row-->

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

​

      <!--Grid column-->

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

​

          <h3 class="font-weight-bold">Call to action</h3>

​

          <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Id quam sapiente molestiae

            numquam quas, voluptates omnis nulla ea odio quia similique corrupti magnam.</p>

​

          <a href="#" class="btn btn-outline-white btn-md waves-effect ml-0" role="button"><i class="fas fa-clone mr-2"></i>View project</a>

          <a href="#" class="btn btn-outline-white btn-md waves-effect" role="button"><i class="fas fa-download mr-2"></i>Download</a>

​

      </div>

      <!--Grid column-->

​

    </div>

    <!--Grid row-->

​

  </section>

  <!--Section: Content-->

​

​

</div>