<section class="wrapper bg-gradient-primary">\n      <div class="container pt-10 pt-md-14">\n        <div class="row gx-2 gy-10 align-items-center">\n          <div class="col-md-10 offset-md-1 offset-lg-0 col-lg-5 text-center text-lg-start order-2 order-lg-0" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 mb-5 mx-md-10 mx-lg-0">Create a powerful but effortless website for <br /><span class="typer text-primary text-nowrap" data-delay="100" data-words="your business.,your portfolio.,your startup.,digital marketing."></span><span class="cursor text-primary" data-owner="typer"></span></h1>\n            <p class="lead fs-23 mb-7">Build your website in minutes with the help of countless amazing features of Simeya.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start mb-4" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a class="btn btn-lg btn-primary rounded-pill me-2 scroll" href="#demos">Check Templates</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6 ms-auto position-relative">\n            <div class="row g-4">\n              <div class="col-4 d-flex flex-column ms-auto" data-cues="fadeIn" data-group="col-start" data-delay="900">\n                <div class="ms-auto mt-6"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc1.jpg" srcset="/assets/img/demos/vc1@2x.jpg 2x" alt="" /></div>\n                <div class="ms-auto mt-4"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc2.jpg" srcset="/assets/img/demos/vc2@2x.jpg 2x" alt="" /></div>\n                <div class="ms-auto mt-4"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc3.jpg" srcset="/assets/img/demos/vc3@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n              <div class="col-4" data-cues="fadeIn" data-group="col-middle">\n                <div><img class="w-100 img-fluid rounded shadow-lg" src="/assets/img/demos/vc4.jpg" srcset="/assets/img/demos/vc4@2x.jpg 2x" alt="" /></div>\n                <div><img class="w-100 img-fluid rounded shadow-lg mt-4" src="/assets/img/demos/vc5.jpg" srcset="/assets/img/demos/vc5@2x.jpg 2x" alt="" /></div>\n                <div><img class="w-100 img-fluid rounded shadow-lg mt-4" src="/assets/img/demos/vc6.jpg" srcset="/assets/img/demos/vc6@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n              <div class="col-4 d-flex flex-column" data-cues="fadeIn" data-group="col-end" data-delay="900">\n                <div class="mt-8"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc7.jpg" srcset="/assets/img/demos/vc7@2x.jpg 2x" alt="" /></div>\n                <div class="mt-4 mb-10"><img class="img-fluid rounded shadow-lg" src="/assets/img/demos/vc8.jpg" srcset="/assets/img/demos/vc8@2x.jpg 2x" alt="" /></div>\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n            <div class="position-relative mt-n20 mb-20" data-cue="fadeIn" data-delay="1800">\n              <div class="btn btn-circle btn-fuchsia pe-none ripple position-absolute counter-wrapper flex-column d-none d-xxl-flex" style="bottom: 0; right: -8%; width: 120px; height: 120px;">\n                <h3 class="fs-26 text-white mt-n1 mb-0">NO</h3>\n                <p>jQuery</p>\n              </div>\n            </div>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>