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

  <section class="p-md-3 mx-md-5 text-lg-left">

    <div class="row">

      <div class="col-12">

        <h2 class="font-weight-bold mb-3">Features</h2>

        <p class="lead py-3">

          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut

          enim ad minim veniam, quis nostrud exercitation ullamco laboris

          nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor

          in reprehenderit in voluptate velit esse cillum dolore eu

          fugiat.

        </p>

        <a class="blue-text font-weight-bold" href="#">Learn more 

          <i class="fa fa-chevron-right pl-1"></i>

        </a>

      </div>

    </div>

    <div class="row mt-5">

      <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">

        <div class=" mt-3 text-center">

          <i class="fa fa-map-marker-alt fa-3x indigo-text mb-4"></i>

          <h4 class="font-weight-bold">Feature 1</h4>

        </div>

      </div>

      <div class="col-lg-3 col-md-6 mb-lg-0 mb-5">

        <div class=" mt-3 text-center">

          <i class="far fa-map fa-3x pink-text mb-4"></i>

          <h4 class="font-weight-bold">Feature 2</h4>

        </div>

      </div>

      <div class="col-lg-3 col-md-6 mb-md-0 mb-5">

        <div class=" mt-3 text-center">

          <i class="fa fa-globe-africa fa-3x amber-text mb-4"></i>

          <h4 class="font-weight-bold">Feature 3</h4>

        </div>

      </div>

      <div class="col-lg-3 col-md-6 mb-md-0 mb-5">

        <div class=" mt-3 text-center">

          <i class="fa fa-street-view fa-3x green-text mb-4"></i>

          <h4 class="font-weight-bold">Feature 4</h4>

        </div>

      </div>

    </div>

  </section>

</div>