<section class="wrapper bg-light wrapper-border">\n      <div class="container py-14 py-md-18">\n        <div class="row gx-lg-8 gx-xl-12 gy-6 mb-10">\n          <div class="col-lg-6 order-lg-2">\n            <ul class="progress-list">\n              <li>\n                <p>Web Design</p>\n                <div class="progressbar line soft-violet" data-value="100"></div>\n              </li>\n              <li>\n                <p>Mobile Design</p>\n                <div class="progressbar line soft-blue" data-value="80"></div>\n              </li>\n              <li>\n                <p>Development</p>\n                <div class="progressbar line soft-leaf" data-value="85"></div>\n              </li>\n              <li>\n                <p>SEO</p>\n                <div class="progressbar line soft-pink" data-value="90"></div>\n              </li>\n            </ul>\n            <!-- /.progress-list -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6">\n            <h2 class="display-4 mb-3">What I Do?</h2>\n            <p class="lead fs-20 mb-5">Duis mollis est commodo luctus nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus eget urna mollis ornare vel. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-lg-8 gx-xl-12 gy-6 text-center">\n          <div class="col-md-6 col-lg-3">\n            <img src="/assets/img/icons/lineal/browser.svg" class="svg-inject icon-svg icon-svg-md text-violet mb-3" alt="" />\n            <h4>Web Design</h4>\n            <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <img src="/assets/img/icons/lineal/smartphone.svg" class="svg-inject icon-svg icon-svg-md text-blue mb-3" alt="" />\n            <h4>Mobile Design</h4>\n            <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <img src="/assets/img/icons/lineal/settings-3.svg" class="svg-inject icon-svg icon-svg-md text-leaf mb-3" alt="" />\n            <h4>Development</h4>\n            <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>\n          </div>\n          <!--/column -->\n          <div class="col-md-6 col-lg-3">\n            <img src="/assets/img/icons/lineal/search-2.svg" class="svg-inject icon-svg icon-svg-md text-pink mb-3" alt="" />\n            <h4>SEO</h4>\n            <p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo cum sociis natoque magnis.</p>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n      </div>\n      <!-- /.container -->\n    </section>