<section class="wrapper bg-gradient-reverse-primary">\n      <div class="container pb-10 pb-md-13">\n        <div class="row mb-8 text-center">\n          <div class="col-lg-8 col-xl-7 mx-auto">\n            <h2 class="fs-15 ls-xl text-uppercase text-muted">Inner Pages</h2>\n            <h2 class="display-3 mt-3 mb-3 mb-0">Handcrafted and carefully put together pages to choose from.</h2>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="grid grid-view projects-masonry">\n          <div class="isotope-filter filter mb-10 text-start text-md-center">\n            <p>Filter:</p>\n            <ul>\n              <li><a class="filter-item active" data-filter="*">All</a></li>\n              <li><a class="filter-item" data-filter=".services">Services</a></li>\n              <li><a class="filter-item" data-filter=".about">About</a></li>\n              <li><a class="filter-item" data-filter=".contact">Contact</a></li>\n              <li><a class="filter-item" data-filter=".pricing">Pricing</a></li>\n              <li><a class="filter-item" data-filter=".projects">Projects</a></li>\n            </ul>\n          </div>\n          <div data-cue="fadeIn">\n            <div class="row gx-md-8 gx-xl-9 gy-8 gy-xl-9 isotope">\n              <div class="project item col-md-6 col-xl-4 services">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Services Modern</h5>'><a href="services.html"> <img src="/assets/img/demos/dc1.jpg" srcset="/assets/img/demos/dc1@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 services">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Services Concept</h5>'><a href="services2.html"> <img src="/assets/img/demos/dc2.jpg" srcset="/assets/img/demos/dc2@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 about">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">About Modern</h5>'><a href="about.html"> <img src="/assets/img/demos/dc3.jpg" srcset="/assets/img/demos/dc3@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 contact">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Contact with Facts</h5>'><a href="/contact.html"> <img src="/assets/img/demos/dc5.jpg" srcset="/assets/img/demos/dc5@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 about">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">About Concept</h5>'><a href="about2.html"> <img src="/assets/img/demos/dc4.jpg" srcset="/assets/img/demos/dc4@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 contact">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Contact Minimalist</h5>'><a href="/contact2.html"> <img src="/assets/img/demos/dc6.jpg" srcset="/assets/img/demos/dc6@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 contact">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Contact Modern</h5>'><a href="/contact3.html"> <img src="/assets/img/demos/dc7.jpg" srcset="/assets/img/demos/dc7@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 pricing">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Pricing</h5>'><a href="pricing.html"> <img src="/assets/img/demos/dc8.jpg" srcset="/assets/img/demos/dc8@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 projects">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Projects with Tiles</h5>'><a href="projects.html"> <img src="/assets/img/demos/dc9.jpg" srcset="/assets/img/demos/dc9@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 projects">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Projects Masonry</h5>'><a href="projects4.html"> <img src="/assets/img/demos/dc12.jpg" srcset="/assets/img/demos/dc12@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 projects">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Projects Masonry Large</h5>'><a href="projects3.html"> <img src="/assets/img/demos/dc11.jpg" srcset="/assets/img/demos/dc11@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n              <div class="project item col-md-6 col-xl-4 projects">\n                <figure class="itooltip itooltip-primary rounded shadow-lg" title='<h5 class="mb-0">Projects Overflow</h5>'><a href="projects2.html"> <img src="/assets/img/demos/dc10.jpg" srcset="/assets/img/demos/dc10@2x.jpg 2x" alt="" /></a></figure>\n              </div>\n              <!-- /.project -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!-- /div -->\n        </div>\n        <!-- /.grid -->\n        <div class="mb-15"></div>\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-light mx-n2">\n          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">\n            <path fill="currentColor" d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z" />\n          </svg>\n        </div>\n      </div>\n      <!-- /.overflow-hidden -->\n    </section>