<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row mb-8 text-center">\n          <div class="col-lg-9 col-xl-8 col-xxl-7 mx-auto">\n            <h2 class="fs-16 text-uppercase text-primary mb-3">Our Projects</h2>\n            <h3 class="display-4">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 product">\n              <figure class="lift rounded mb-6"><a href="/single-project.html"> <img src="/assets/img/photos/pd1.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-yellow">Coffee</div>\n                  <h2 class="post-title h3">Cras Fermentum Sem</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 workshop">\n              <figure class="lift rounded mb-6"><a href="/single-project2.html"> <img src="/assets/img/photos/pd2.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-red">Stationary</div>\n                  <h2 class="post-title h3">Mollis Ipsum Mattis</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 still-life">\n              <figure class="lift rounded mb-6"><a href="/single-project3.html"> <img src="/assets/img/photos/pd3.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-orange">Branding</div>\n                  <h2 class="post-title h3">Ipsum Ultricies Cursus</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <figure class="lift rounded mb-6"><a href="/single-project2.html"> <img src="/assets/img/photos/pd4.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-purple">Product</div>\n                  <h2 class="post-title h3">Inceptos Euismod Egestas</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <figure class="lift rounded mb-6"><a href="/single-project.html"> <img src="/assets/img/photos/pd5.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-leaf">Print</div>\n                  <h2 class="post-title h3">Sollicitudin Ornare Porta</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 workshop">\n              <figure class="lift rounded mb-6"><a href="/single-project3.html"> <img src="/assets/img/photos/pd6.jpg" alt="" /></a></figure>\n              <div class="project-details d-flex justify-content-center flex-column">\n                <div class="post-header">\n                  <div class="post-category mb-2 text-aqua">Workshop</div>\n                  <h2 class="post-title h3">Ipsum Mollis Vulputate</h2>\n                </div>\n                <!-- /.post-header -->\n              </div>\n              <!-- /.project-details -->\n            </div>\n            <!-- /.project -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid -->\n      </div>\n      <!-- /.container -->\n    </section>