<div class="container my-5">

​

​

  <!-- Section: Block Content -->

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

​

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

    <p class="text-center 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>

​

    <!-- First row -->

    <div class="row">

​

      <!-- First column -->

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

​

        <!-- Card -->

        <div class="card">

          <div class="view overlay">

            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(147).jpg" alt="Card image cap">

            <a>

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

            </a>

          </div>

​

          <a class="btn-floating btn-action ml-auto mr-4 mdb-color"><i class="fas fa-chevron-right pl-1"></i></a>

​

          <div class="card-body">

​

            <h4 class="card-title">Read more about my project</h4>

            <hr>

            <p class="card-text text-muted font-weight-light">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content.</p>

​

          </div>

        </div>

        <!-- Card -->

​

      </div>

      <!-- First column -->

​

      <!-- Second column -->

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

​

        <!-- Card -->

        <div class="card">

          <div class="view overlay">

            <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(41).jpg" alt="Card image cap">

            <a>

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

            </a>

          </div>

​

          <a class="btn-floating btn-action ml-auto mr-4 mdb-color"><i class="fas fa-chevron-right pl-1"></i></a>

​

          <div class="card-body">

​

            <h4 class="card-title">Read more about my project</h4>

            <hr>

            <p class="card-text text-muted font-weight-light">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content.</p>

​

          </div>

        </div>

        <!-- Card -->

​

      </div>

      <!-- Second column -->

​

    </div>

    <!-- First row -->

​

  </section>

  <!-- Section: Block Content -->

</div>

​

​