<section class="wrapper bg-light">\n      <div class="container py-14 py-md-17">\n        <div class="row text-center mt-xl-12">\n          <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">App Features</h2>\n            <h3 class="display-4 mb-9 px-xxl-11">Simeya is the only app you need to track your goals for better health.</h3>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-8 mb-14 mb-md-17" data-cues="slideInUp" data-group="services">\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/target.svg" class="svg-inject icon-svg icon-svg-sm text-aqua me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Fitness Goal</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/medal.svg" class="svg-inject icon-svg icon-svg-sm text-yellow me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Activity Tracking</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/clock-3.svg" class="svg-inject icon-svg icon-svg-sm text-red me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Sleep Analysis</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-sm text-pink me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Workout Report</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/shop-2.svg" class="svg-inject icon-svg icon-svg-sm text-green me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Nutritional Analysis</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-4">\n            <div class="d-flex flex-row">\n              <div>\n                <img src="/assets/img/icons/lineal/team.svg" class="svg-inject icon-svg icon-svg-sm text-purple me-4" alt="" />\n              </div>\n              <div>\n                <h4 class="mb-1">Activity Sharing</h4>\n                <p class="mb-0">Duis mollis gravida commodo id luctus erat porttitor ligula, eget lacinia odio sem aget elit nullam quis risus eget.</p>\n              </div>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-10 mb-lg-19 mb-xl-22 align-items-center">\n          <div class="col-lg-6">\n            <figure><img src="/assets/img/photos/device.png" srcset="/assets/img/photos/device@2x.png 2x" data-cue="fadeIn" alt="" /></figure>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <h2 class="fs-15 text-uppercase text-muted mb-3">How It Works</h2>\n            <h3 class="display-4 mb-5">Download the app, create your profile and voilà, you're all set!</h3>\n            <p class="mb-8">Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo.</p>\n            <div class="row gy-6 gx-xxl-8 process-wrapper" data-cues="slideInUp" data-group="process">\n              <div class="col-md-4"> <img src="/assets/img/icons/lineal/cloud-computing.svg" class="svg-inject icon-svg icon-svg-sm text-green mb-3" alt="" />\n                <h4 class="mb-1">1. Download</h4>\n                <p class="mb-0">Nulla vitae elit libero elit non porta eget.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4"> <img src="/assets/img/icons/lineal/smartphone-2.svg" class="svg-inject icon-svg icon-svg-sm text-red mb-3" alt="" />\n                <h4 class="mb-1">2. Set Profile</h4>\n                <p class="mb-0">Nulla vitae elit libero elit non porta eget.</p>\n              </div>\n              <!--/column -->\n              <div class="col-md-4"> <img src="/assets/img/icons/lineal/rocket.svg" class="svg-inject icon-svg icon-svg-sm text-aqua mb-3" alt="" />\n                <h4 class="mb-1">3. Start</h4>\n                <p class="mb-0">Nulla vitae elit libero elit non porta eget.</p>\n              </div>\n              <!--/column -->\n            </div>\n            <!--/.row -->\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>