<section class="wrapper bg-light" id="demos">\n      <div class="container py-14 py-md-18 pb-md-19">\n        <div class="row mb-10">\n          <div class="col-md-9 col-lg-7 col-xl-6 col-xxl-5 mx-auto">\n            <div class="counter-wrapper">\n              <h3 class="fs-70 mb-3 text-primary text-center counter">21</h3>\n            </div>\n            <h2 class="display-3 mb-3 text-center mb-0">Functional, impressive and rich demos to start with</h2>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="demos-wrapper">\n          <h2 class="fs-16 text-uppercase text-muted mb-6 text-center">New Templates</h2>\n          <div class="project mb-10">\n            <div class="card bg-soft-grape">\n              <div class="card-body ps-xl-12 py-0 overflow-hidden">\n                <div class="row gx-md-8 gx-xl-12 d-flex align-items-center">\n                  <div class="col-lg-7">\n                    <div class="row gx-7">\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-grape mt-9" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="/templates/preview.php?template_id=18" target="_blank"><img class="shadow-lg rounded-top" src="/assets/img/demos/d18.jpg" srcset="/assets/img/demos/d18@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-grape" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="/templates/preview.php?template_id=18" target="_blank"><img class="shadow-lg rounded-bottom" src="/assets/img/demos/d18-2.jpg" srcset="/assets/img/demos/d18-2@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                    </div>\n                    <!-- /.row -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-5 d-none d-lg-block">\n                    <h2 class="post-title fs-30 mb-4">Demo Layout XVIII</h2>\n                    <ul class="icon-list bullet-grape row ms-0 gy-2">\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Network, Marketing</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>SVG icons</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>3D illustrations</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Gradient image</span></li>\n                    </ul>\n                    <a href="/templates/preview.php?template_id=18" target="_blank" class="btn btn-sm btn-grape rounded-pill mt-1">See Demo</a>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /.project -->\n          <div class="project mb-10">\n            <div class="card bg-soft-fuchsia">\n              <div class="card-body ps-xl-12 py-0 overflow-hidden">\n                <div class="row gx-md-8 gx-xl-12 d-flex align-items-center">\n                  <div class="col-lg-7">\n                    <div class="row gx-7">\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-fuchsia mt-9" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="/templates/preview.php?template_id=19" target="_blank"><img class="shadow-lg rounded-top" src="/assets/img/demos/d19-1.jpg" srcset="/assets/img/demos/d19-1@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-fuchsia" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="/templates/preview.php?template_id=19" target="_blank"><img class="shadow-lg rounded-bottom" src="/assets/img/demos/d19-2.jpg" srcset="/assets/img/demos/d19-2@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                    </div>\n                    <!-- /.row -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-5 d-none d-lg-block">\n                    <h2 class="post-title fs-30 mb-4">Demo Layout XIX</h2>\n                    <ul class="icon-list bullet-fuchsia row ms-0 gy-2">\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Agency, Startup</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Gradient image</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>SVG icons</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Colorful design</span></li>\n                    </ul>\n                    <a href="/templates/preview.php?template_id=19" target="_blank" class="btn btn-sm btn-fuchsia rounded-pill mt-1">See Demo</a>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /.project -->\n          <div class="project">\n            <div class="card bg-soft-purple">\n              <div class="card-body ps-xl-12 py-0 overflow-hidden">\n                <div class="row gx-md-8 gx-xl-12 d-flex align-items-center">\n                  <div class="col-lg-7">\n                    <div class="row gx-7">\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-purple mt-9" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="/templates/preview.php?template_id=20" target="_blank"><img class="shadow-lg rounded-top" src="/assets/img/demos/d20-1.jpg" srcset="/assets/img/demos/d20-1@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                      <div class="col-6">\n                        <figure class="itooltip itooltip-purple" title='<h5 class="mb-0">Click to see the demo</h5>'><a href="/templates/preview.php?template_id=20" target="_blank"><img class="shadow-lg rounded-bottom" src="/assets/img/demos/d20-2.jpg" srcset="/assets/img/demos/d20-2@2x.jpg 2x" alt="" /></a></figure>\n                      </div>\n                      <!-- /column -->\n                    </div>\n                    <!-- /.row -->\n                  </div>\n                  <!-- /column -->\n                  <div class="col-lg-5 d-none d-lg-block">\n                    <h2 class="post-title fs-30 mb-4">Demo Layout XX</h2>\n                    <ul class="icon-list bullet-purple row ms-0 gy-2">\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Agency, Startup</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Framed layout</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Illustrations</span></li>\n                      <li class="col-md-6"><span><i class="uil uil-check"></i></span><span>Video background</span></li>\n                    </ul>\n                    <a href="/templates/preview.php?template_id=20" target="_blank" class="btn btn-sm btn-purple rounded-pill mt-1">See Demo</a>\n                  </div>\n                  <!-- /column -->\n                </div>\n                <!-- /.row -->\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!-- /.project -->\n          <div class="text-center mt-12"><a href="#" class="btn btn-primary rounded-pill">See All Templates</a></div>\n        </div>\n        <!-- /.demos-wrapper -->\n      </div>\n      <!-- /.container -->\n      <div class="overflow-hidden">\n        <div class="divider text-soft-primary 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>