<div class="container my-5">

​

​

  <!-- Section: Block Content -->

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

​

    <h3 class="font-weight-bold mb-4 pb-2">Our best projects</h3>

    <p class="text-muted w-responsive mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur veniam.</p>

​

    <!-- Grid row -->

    <div class="row">

​

      <!-- Grid column -->

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

​

        <div class="view overlay rounded z-depth-1">

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

          <a>

            <div class="mask rgba-white-slight"></div>

          </a>

        </div>

​

        <div class="px-3 pt-3 mx-1 mt-1 pb-0">

          <a class="orange-text">

            <h6 class="font-weight-bold mt-2 mb-3"><i class="fas fa-chart-line pr-2"></i>Marketing</h6>

          </a>

          <h4 class="font-weight-bold mb-3">Title of the news</h4>

          <p class="text-muted">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, adipisci velit cupidatat proident voluptatem quia numquam.</p>

          <a class="btn btn-success btn-rounded btn-md"> View more</a>

        </div>

​

      </div>

      <!-- Grid column -->

​

      <!-- Grid column -->

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

​

        <div class="view overlay rounded z-depth-1">

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

          <a>

            <div class="mask rgba-white-slight"></div>

          </a>

        </div>

​

        <div class="px-3 pt-3 mx-1 mt-1 pb-0">

          <a class="blue-text">

            <h6 class="font-weight-bold mt-2 mb-3"><i class="fas fa-eye pr-2"></i>Entertainment</h6>

          </a>

          <h4 class="font-weight-bold mb-3">Title of the news</h4>

          <p class="text-muted">Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid, aspernatur aut odit aut fugit.</p>

          <a class="btn btn-success btn-rounded btn-md"> View more</a>

        </div>

​

      </div>

      <!-- Grid column -->

​

    </div>

    <!-- Grid row -->

​

  </section>

  <!-- Section: Block Content -->

​

​

</div>