<section class="wrapper bg-light">\n      <div class="container pb-11 pb-md-14">\n        <div class="row gx-lg-8 gx-xl-0 gy-10 align-items-center mb-14 mb-md-16">\n          <div class="col-lg-6 position-relative">\n            <div class="shape rounded bg-soft-primary rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative">\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="300" src="/assets/img/demos/fe1.jpg" srcset="/assets/img/demos/fe1@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" data-cue="fadeIn" data-delay="600" src="/assets/img/demos/fe2.jpg" srcset="/assets/img/demos/fe2@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-6">\n                <img class="img-fluid rounded shadow-lg my-5" data-cue="fadeIn" data-delay="900" src="/assets/img/demos/fe3.jpg" srcset="/assets/img/demos/fe3@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10" data-cue="fadeIn" data-delay="1200" src="/assets/img/demos/fe4.jpg" srcset="/assets/img/demos/fe4@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6 col-xl-5 col-xxl-4 offset-xl-1" data-cues="slideInRight" data-delay="1500" data-group="features-1">\n            <div class="d-flex flex-row mb-7">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-images"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Modern Portfolio Layouts</h4>\n                <p class="mb-0">Build and manage an eye-catching and impressive portfolio fast and without effort.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-7">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-calendar-alt"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Useful Blog Layouts</h4>\n                <p class="mb-0">Create an attractive and stunning journal to tell the world your wonderful stories.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-star"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Cool Features & Elements</h4>\n                <p class="mb-0">Simeya includes amazing features and elements to create rich and attractive pages.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-0 gy-10 align-items-center mb-16 mb-md-22">\n          <div class="col-lg-6 offset-xl-1 position-relative order-lg-2">\n            <div class="shape rounded bg-soft-primary rellax d-block" data-rellax-speed="0" style="top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0"></div>\n            <div class="row gx-md-5 gy-5 position-relative">\n              <div class="col-5">\n                <img class="img-fluid rounded shadow-lg my-5 d-flex ms-auto" data-cue="fadeIn" data-delay="300" src="/assets/img/demos/fe5.jpg" srcset="/assets/img/demos/fe5@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-10 ms-auto" data-cue="fadeIn" data-delay="600" src="/assets/img/demos/fe6.jpg" srcset="/assets/img/demos/fe6@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n              <div class="col-7">\n                <img class="img-fluid rounded shadow-lg mb-5" data-cue="fadeIn" data-delay="900" src="/assets/img/demos/fe7.jpg" srcset="/assets/img/demos/fe7@2x.jpg 2x" alt="" />\n                <img class="img-fluid rounded shadow-lg d-flex col-11" data-cue="fadeIn" data-delay="1200" src="/assets/img/demos/fe8.jpg" srcset="/assets/img/demos/fe8@2x.jpg 2x" alt="" />\n              </div>\n              <!-- /column -->\n            </div>\n            <!-- /.row -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6 col-xl-5 col-xxl-4 offset-xxl-1" data-cues="slideInLeft" data-delay="1500" data-group="features-2">\n            <div class="d-flex flex-row mb-7">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-web-grid-alt"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">13 Headers & 5 Footers</h4>\n                <p class="mb-0">Choose from various gorgeous header and footer styles to serve you best for your needs.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row mb-7">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-palette"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Color & Font Options</h4>\n                <p class="mb-0">You can either use the included color and fonts or easily add your own choices.</p>\n              </div>\n            </div>\n            <div class="d-flex flex-row">\n              <div>\n                <div class="icon btn btn-circle pe-none btn-soft-primary mt-1 me-4"> <i class="uil uil-tablet"></i> </div>\n              </div>\n              <div>\n                <h4 class="mb-1">Fully Responsive Layout</h4>\n                <p class="mb-0">Simeya adapts to different screen sizes therefore it is compatible with any device.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\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>