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

​

​

  <!--Section: Content-->

  <section class="dark-grey-text">

​

    <!-- Section heading -->

    <h2 class="text-center font-weight-bold mb-4 pb-2">Why is it so great?</h2>

    <!-- Section description -->

    <p class="text-center lead grey-text mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit,

      sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>

​

    <!-- Grid row -->

    <div class="row">

​

      <!-- Grid column -->

      <div class="col-lg-5 text-center text-lg-left">

        <img class="img-fluid" src="https://mdbootstrap.com/img/Photos/Others/screens-section.jpg" alt="Sample image">

      </div>

      <!-- Grid column -->

​

      <!-- Grid column -->

      <div class="col-lg-7">

​

        <!-- Grid row -->

        <div class="row mb-3">

​

          <!-- Grid column -->

          <div class="col-1">

            <i class="fas fa-share fa-lg indigo-text"></i>

          </div>

          <!-- Grid column -->

​

          <!-- Grid column -->

          <div class="col-xl-10 col-md-11 col-10">

            <h5 class="font-weight-bold mb-3">Safety</h5>

            <p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit enim ad minima veniam,

              quis nostrum exercitationem ullam. Reprehenderit maiores aperiam assumenda deleniti hic.</p>

          </div>

          <!-- Grid column -->

​

        </div>

        <!-- Grid row -->

​

        <!-- Grid row -->

        <div class="row mb-3">

​

          <!-- Grid column -->

          <div class="col-1">

            <i class="fas fa-share fa-lg indigo-text"></i>

          </div>

          <!-- Grid column -->

​

          <!-- Grid column -->

          <div class="col-xl-10 col-md-11 col-10">

            <h5 class="font-weight-bold mb-3">Technology</h5>

            <p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit enim ad minima veniam,

              quis nostrum exercitationem ullam. Reprehenderit maiores aperiam assumenda deleniti hic.</p>

          </div>

          <!-- Grid column -->

​

        </div>

        <!-- Grid row -->

​

        <!--Grid row-->

        <div class="row">

​

          <!-- Grid column -->

          <div class="col-1">

            <i class="fas fa-share fa-lg indigo-text"></i>

          </div>

          <!-- Grid column -->

​

          <!-- Grid column -->

          <div class="col-xl-10 col-md-11 col-10">

            <h5 class="font-weight-bold mb-3">Finance</h5>

            <p class="grey-text mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit enim ad minima

              veniam, quis nostrum exercitationem ullam. Reprehenderit maiores aperiam assumenda deleniti hic.</p>

          </div>

          <!-- Grid column -->

​

        </div>

        <!--Grid row-->

​

      </div>

      <!--Grid column-->

​

    </div>

    <!-- Grid row -->

​

  </section>

  <!--Section: Content-->

​

​

</div>