<section class="wrapper">\n      <div class="container pt-12 pt-md-0 pb-16 pb-md-18">\n        <div class="grid grid-view projects-masonry mt-md-n20 mt-lg-n22 mb-20">\n          <div class="row g-8 g-lg-10 isotope">\n            <div class="project item col-md-6 col-xl-4 workshop">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-aqua" title='<h5 class="mb-0">Click to see the project</h5>'><a href="/single-project3.html"> <img src="/assets/img/photos/pd6.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-aqua">Workshop</div>\n                    <h3 class="mb-0">Ipsum Mollis Vulputate</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-purple" title='<h5 class="mb-0">Click to see the project</h5>'><a href="/single-project2.html"> <img src="/assets/img/photos/pd4.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-purple">Product</div>\n                    <h3 class="mb-0">Inceptos Euismod Egestas</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-yellow" title='<h5 class="mb-0">Click to see the project</h5>'><a href="/single-project.html"> <img src="/assets/img/photos/pd1.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-yellow">Coffee</div>\n                    <h3 class="mb-0">Cras Fermentum Sem</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 workshop">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-red" title='<h5 class="mb-0">Click to see the project</h5>'><a href="/single-project2.html"> <img src="/assets/img/photos/pd2.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-red">Stationary</div>\n                    <h3 class="mb-0">Mollis Ipsum Mattis</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 still-life">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-orange" title='<h5 class="mb-0">Click to see the project</h5>'><a href="/single-project3.html"> <img src="/assets/img/photos/pd3.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-orange">Branding</div>\n                    <h3 class="mb-0">Ipsum Ultricies Cursus</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n            <div class="project item col-md-6 col-xl-4 product">\n              <div class="card shadow-lg">\n                <figure class="card-img-top itooltip itooltip-leaf" title='<h5 class="mb-0">Click to see the project</h5>'><a href="/single-project.html"> <img src="/assets/img/photos/pd5.jpg" alt="" /></a></figure>\n                <div class="card-body p-7">\n                  <div class="post-header">\n                    <div class="post-category text-line mb-2 text-leaf">Print</div>\n                    <h3 class="mb-0">Sollicitudin Ornare Porta</h3>\n                  </div>\n                  <!-- /.post-header -->\n                </div>\n                <!-- /.card-body -->\n              </div>\n              <!-- /.card -->\n            </div>\n            <!-- /.project -->\n          </div>\n          <!-- /.row -->\n        </div>\n        <!-- /.grid -->\n        <div class="row gx-lg-0 gy-10 align-items-center">\n          <div class="col-lg-5 offset-lg-1 order-lg-2">\n            <h2 class="display-3 mb-3">My areas of <em>expertise</em></h2>\n            <p class="lead fs-lg">The full service I am offering is specifically designed to meet your business needs.</p>\n            <p>Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus, nisi erat ligula magna mollis.</p>\n            <a href="#" class="btn btn-primary rounded-pill mt-3">More Details</a>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <div class="row g-6 text-center">\n              <div class="col-md-6">\n                <div class="row">\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg mb-6">\n                      <div class="card-body">\n                        <img src="/assets/img/icons/solid/edit.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                        <h3>Content Marketing</h3>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-primary">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg">\n                      <div class="card-body">\n                        <img src="/assets/img/icons/solid/team.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                        <h3>Social Engagement</h3>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-primary">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!-- /column -->\n              <div class="col-md-6">\n                <div class="row">\n                  <div class="col-lg-12 order-md-2">\n                    <div class="card shadow-lg mb-6 mb-md-0">\n                      <div class="card-body">\n                        <img src="/assets/img/icons/solid/lamp.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                        <h3>Identity & Branding</h3>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-primary">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-12">\n                    <div class="card shadow-lg mb-md-6 mt-lg-6">\n                      <div class="card-body">\n                        <img src="/assets/img/icons/solid/delivery-box.svg" class="svg-inject icon-svg icon-svg-sm solid-duo text-purple-aqua mb-3" alt="" />\n                        <h3>Product Design</h3>\n                        <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida.</p>\n                        <a href="#" class="more hover link-primary">Learn More</a>\n                      </div>\n                      <!--/.card-body -->\n                    </div>\n                    <!--/.card -->\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>