<section class="wrapper bg-light">\n        <div class="container py-15 py-md-17">\n          <div class="row">\n            <div class="col-lg-11 col-xl-10 mx-auto mb-10">\n              <h2 class="fs-16 text-uppercase text-muted text-center mb-3">Our Projects</h2>\n              <h3 class="display-3 text-center px-lg-5 px-xl-10 px-xxl-16 mb-0">Check out some of our awesome projects with creative ideas and great design.</h3>\n            </div>\n            <!-- /column -->\n          </div>\n          <!-- /.row -->\n          <div class="grid grid-view projects-masonry">\n            <div class="row gx-md-8 gy-10 gy-md-13 isotope">\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd7.jpg" srcset="/assets/img/photos/pd7@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd7-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project.html" class="link-dark">Cras Fermentum Sem</a></h2>\n                    <div class="post-category text-ash">Stationary</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd8.jpg" srcset="/assets/img/photos/pd8@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd8-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project2.html" class="link-dark">Mollis Ipsum Mattis</a></h2>\n                    <div class="post-category text-ash">Magazine, Book</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd9.jpg" srcset="/assets/img/photos/pd9@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd9-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project3.html" class="link-dark">Ipsum Ultricies Cursus</a></h2>\n                    <div class="post-category text-ash">Packaging</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd10.jpg" srcset="/assets/img/photos/pd10@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd10-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project.html" class="link-dark">Inceptos Euismod Egestas</a></h2>\n                    <div class="post-category text-ash">Stationary, Branding</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd11.jpg" srcset="/assets/img/photos/pd11@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd11-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project2.html" class="link-dark">Ipsum Mollis Vulputate</a></h2>\n                    <div class="post-category text-ash">Packaging</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n              <div class="project item col-md-6 col-xl-4">\n                <figure class="rounded mb-6"><img src="/assets/img/photos/pd12.jpg" srcset="/assets/img/photos/pd12@2x.jpg 2x" alt="" /><a class="item-link" href="/assets/img/photos/pd12-full.jpg" data-glightbox data-gallery="projects-group"><i class="uil uil-focus-add"></i></a></figure>\n                <div class="project-details d-flex justify-content-center flex-column">\n                  <div class="post-header">\n                    <h2 class="post-title h3 fs-22"><a href="/single-project3.html" class="link-dark">Porta Ornare Cras</a></h2>\n                    <div class="post-category text-ash">Branding</div>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.project-details -->\n              </div>\n              <!-- /.item -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /.grid -->\n          <div class="text-center mt-10">\n            <a href="#" class="btn btn-lg btn-primary rounded-pill">Start a Project</a>\n          </div>\n        </div>\n        <!-- /.container -->\n      </section>