Blocks - Portfolio

<section class="wrapper bg-light">
  <div class="container py-14 py-md-16 text-center">
    <div class="row">
      <div class="col-lg-10 col-xl-8 col-xxl-7 mx-auto mb-8">
        <h2 class="display-5 mb-3">My Selected Shots</h2>
        <p class="lead fs-lg">Photography is my passion and I love to turn ideas into beautiful things.</p>
      </div>
      <!-- /column -->
    </div>
    <!-- /.row -->
    <div class="grid grid-view projects-masonry">
      <div class="isotope-filter filter mb-10">
        <ul>
          <li><a class="filter-item active" data-filter="*">All</a></li>
          <li><a class="filter-item" data-filter=".foods">Foods</a></li>
          <li><a class="filter-item" data-filter=".drinks">Drinks</a></li>
          <li><a class="filter-item" data-filter=".events">Events</a></li>
          <li><a class="filter-item" data-filter=".pastries">Pastries</a></li>
        </ul>
      </div>
      <div class="row gx-md-6 gy-6 isotope">
        <div class="project item col-md-6 col-xl-4 drinks events">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf1-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf1.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Fringilla Nullam</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 events">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf2-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf2.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Ridiculus Parturient</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 drinks foods">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf3-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf3.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Ornare Ipsum</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 events">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf4-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf4.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Nullam Mollis</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 pastries events">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf5-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf5.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Euismod Risus</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 foods">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf6-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf6.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Ridiculus Tristique</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 foods drinks">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf7-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf7.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Sollicitudin Pharetra</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 pastries">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf8-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf8.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Tristique Venenatis</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 events">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf9-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf9.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Cursus Fusce</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 foods">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf10-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf10.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Consectetur Malesuada</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 drinks">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf11-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf11.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Ultricies Aenean</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 foods">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf12-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf12.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Pellentesque Commodo</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
        <div class="project item col-md-6 col-xl-4 drinks">
          <figure class="overlay overlay-1 rounded"><a href="./assets/img/photos/pf13-full.jpg" data-glightbox data-gallery="shots-group"> <img src="./assets/img/photos/pf13.jpg" alt="" /></a>
            <figcaption>
              <h5 class="from-top mb-0">Ultricies Aenean</h5>
            </figcaption>
          </figure>
        </div>
        <!-- /.project -->
      </div>
      <!-- /.row -->
    </div>
    <!-- /.grid -->
  </div>
  <!-- /.container -->
</section>
<!-- /section -->