<div class="container my-5 py-5">

​

​

    <!--Section: Content-->

    <section class="p-md-5 mx-md-5 text-center text-lg-left grey z-depth-1"

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

​

      <!--Grid row-->

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

​

        <!--Grid column-->

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

​

          <!--Card-->

          <div class="card">

​

            <!--Card content-->

            <div class="card-body text-center">

​

              <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-info btn-md waves-effect" role="button"><i

                  class="fas fa-download mr-2"></i>Download</a>

​

            </div>

​

          </div>

          <!--/.Card-->

​

        </div>

        <!--Grid column-->

​

      </div>

      <!--Grid row-->

​

    </section>

    <!--Section: Content-->

​

​

  </div>

​

​