<section class="wrapper bg-gray">\n      <div class="container pt-12 pt-md-14 pb-14 pb-md-16">\n        <div class="row gy-10 gy-md-13 gy-lg-0 align-items-center">\n          <div class="col-md-8 col-lg-5 d-flex position-relative mx-auto" data-cues="slideInDown" data-group="header">\n            <div class="img-mask mask-1"><img src="/assets/img/photos/about17.jpg" srcset="/assets/img/photos/about17@2x.jpg 2x" alt="" /></div>\n            <div class="card shadow-lg position-absolute" style="bottom: 10%; right: 2%;">\n              <div class="card-body py-4 px-5">\n                <div class="d-flex flex-row align-items-center">\n                  <div>\n                    <img src="/assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-sm text-primary mx-auto me-3" alt="" />\n                  </div>\n                  <div>\n                    <h3 class="counter mb-0 text-nowrap">250+</h3>\n                    <p class="fs-14 lh-sm mb-0 text-nowrap">Projects Done</p>\n                  </div>\n                </div>\n              </div>\n              <!--/.card-body -->\n            </div>\n            <!--/.card -->\n          </div>\n          <!--/column -->\n          <div class="col-lg-6 offset-lg-1 col-xxl-5 text-center text-lg-start" data-cues="slideInDown" data-group="page-title" data-delay="600">\n            <h1 class="display-1 mb-5">I'm User Interface Designer & Developer.</h1>\n            <p class="lead fs-25 lh-sm mb-7 px-md-10 px-lg-0">Hello! I'm Julia, a freelance user interface designer & developer based in London. I’m very passionate about the work that I do.</p>\n            <div class="d-flex justify-content-center justify-content-lg-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">\n              <span><a href="#" class="btn btn-lg btn-primary rounded-pill me-2">See My Works</a></span>\n              <span><a href="#" class="btn btn-lg btn-outline-primary rounded-pill">Contact Me</a></span>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>