<section id="portfolio">\n      <div class="wrapper bg-gray">\n        <div class="container py-15 py-md-17 text-center">\n          <div class="row">\n            <div class="col-lg-10 col-xl-8 col-xxl-7 mx-auto mb-8">\n              <h2 class="display-5 mb-3">My Selected Shots</h2>\n              <p class="lead fs-lg">Photography is my passion and I love to turn ideas into beautiful things.</p>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="grid grid-view projects-masonry">\n            <div class="isotope-filter filter mb-10">\n              <ul>\n                <li><a class="filter-item active" data-filter="*">All</a></li>\n                <li><a class="filter-item" data-filter=".foods">Foods</a></li>\n                <li><a class="filter-item" data-filter=".drinks">Drinks</a></li>\n                <li><a class="filter-item" data-filter=".events">Events</a></li>\n                <li><a class="filter-item" data-filter=".pastries">Pastries</a></li>\n              </ul>\n            </div>\n            <div class="row gx-md-6 gy-6 isotope">\n              <div class="project item col-md-6 col-xl-4 drinks events">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Fringilla Nullam</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 events">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ridiculus Parturient</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 drinks foods">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ornare Ipsum</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 events">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Nullam Mollis</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 pastries events">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Euismod Risus</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 foods">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ridiculus Tristique</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 foods drinks">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Sollicitudin Pharetra</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 pastries">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Tristique Venenatis</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 events">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Cursus Fusce</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 foods">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Consectetur Malesuada</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 drinks">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ultricies Aenean</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 foods">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Pellentesque Commodo</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 drinks">\n                <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>\n                  <figcaption>\n                    <h5 class="from-top mb-0">Ultricies Aenean</h5>\n                  </figcaption>\n                </figure>\n              </div>\n              <!-- /.project -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.grid -->\n        </div>\n        <!-- /.container -->\n      </div>\n      <!-- /.wrapper -->\n    </section>