<div class="container my-5">

​

  <!-- Section: Block Content -->

  <section>

​

    <div class="card">

      <div class="card-body">

​

        <h5 class="text-center font-weight-bold mb-4">Recently Added Products</h5>

​

        <hr>

​

        <!--Grid row-->

        <div class="row">

​

          <!--Grid column-->

          <div class="col-12 mb-3 mx-auto">

​

            <div class="media">

              <img class="d-flex mr-3" src="https://mdbootstrap.com/img/Photos/Others/placeholder1.jpg" alt="Generic placeholder image">

              <div class="media-body">

                <h6 class="mt-1 font-weight-bold"><a href="#!">Samsung TV</a><a><span class="badge badge-warning float-right">$1800</span></a></h6>

                <p class="text-muted">Samsung 32" 1080p 60Hz LED Smart HDTV.</p>

              </div>

            </div>

            <hr>

            <div class="media">

              <img class="d-flex mr-3" src="https://mdbootstrap.com/img/Photos/Others/placeholder1.jpg" alt="Generic placeholder image">

              <div class="media-body">

                <h6 class="mt-1 font-weight-bold"><a href="#!">Bicycle</a><a><span class="badge badge-info float-right">$700</span></a></h6>

                <p class="text-muted">26" Mongoose Dolomite Men's 7-speed, Navy Blue.</p>

              </div>

            </div>

            <hr>

            <div class="media">

              <img class="d-flex mr-3" src="https://mdbootstrap.com/img/Photos/Others/placeholder1.jpg" alt="Generic placeholder image">

              <div class="media-body">

                <h6 class="mt-1 font-weight-bold"><a href="#!">Xbox One</a><a><span class="badge badge-danger float-right">$350</span></a></h6>

                <p class="text-muted">Xbox One Console Bundle with Halo Master Chief Collection.</p>

              </div>

            </div>

            <hr>

            <div class="media">

              <img class="d-flex mr-3" src="https://mdbootstrap.com/img/Photos/Others/placeholder1.jpg" alt="Generic placeholder image">

              <div class="media-body">

                <h6 class="mt-1 font-weight-bold"><a href="#!">PlayStation 4</a><a><span class="badge badge-success float-right">$399</span></a></h6>

                <p class="text-muted">PlayStation 4 500GB Console (PS4)</p>

              </div>

            </div>

​

          </div>

          <!--Grid column-->

​

        </div>

        <!--Grid row-->

​

        <hr>

​

        <p class="text-center mt-4 mb-1"><a href="#!">Wiew All Products</a></p>

​

      </div>

    </div>

​

  </section>

  <!-- Section: Block Content -->

​

</div>