<section class="wrapper bg-soft-primary">\n      <div class="container pt-10 pb-15 pt-md-14 pb-md-20">\n        <div class="row gx-lg-8 gx-xl-12 gy-10 mb-5 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-n5 mx-lg-0">Creative. Smart. Awesome.</h1>\n            <p class="lead fs-lg mb-7">We specialize in web, mobile and identity design. We love to turn ideas into beautiful things.</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 class="btn btn-primary rounded me-2">See Projects</a></span>\n              <span><a class="btn btn-yellow rounded">Learn More</a></span>\n            </div>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-7" data-cue="slideInDown">\n            <figure><img class="w-auto" src="/assets/img/illustrations/i6.png" srcset="/assets/img/illustrations/i6@2x.png 2x" alt="" /></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>