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

​

​

  <!--Section: Content-->

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

​

    <!-- Section heading -->

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

    <!-- Section description -->

    <p class="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-md-4 mb-4">

​

        <i class="fas fa-chart-area fa-3x red-text"></i>

        <h5 class="font-weight-bold my-4">Analytics</h5>

        <p class="grey-text mb-md-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit

          maiores aperiam minima assumenda deleniti hic.

        </p>

​

      </div>

      <!-- Grid column -->

​

      <!-- Grid column -->

      <div class="col-md-4 mb-4">

​

        <i class="fas fa-book fa-3x cyan-text"></i>

        <h5 class="font-weight-bold my-4">Tutorials</h5>

        <p class="grey-text mb-md-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit

          maiores aperiam minima assumenda deleniti hic.

        </p>

​

      </div>

      <!-- Grid column -->

​

      <!-- Grid column -->

      <div class="col-md-4 mb-4">

​

        <i class="far fa-comments fa-3x orange-text"></i>

        <h5 class="font-weight-bold my-4">Support</h5>

        <p class="grey-text mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores

          aperiam minima assumenda deleniti hic.

        </p>

​

      </div>

      <!-- Grid column -->

​

    </div>

    <!-- Grid row -->

​

  </section>

  <!--Section: Content-->

​

​

</div>

​

​