<section class="wrapper bg-gradient-primary">\n      <div class="container py-14 pt-md-15 pb-md-18">\n        <div class="row text-center">\n          <div class="col-lg-9 col-xxl-7 mx-auto" data-cues="zoomIn" data-group="welcome" data-interval="-200">\n            <h2 class="display-1 mb-4">Creative. Smart. Awesome.</h2>\n            <p class="lead fs-24 lh-sm px-md-5 px-xl-15 px-xxl-10 mb-7">We are an award winning web & mobile design agency that strongly believes in the power of creative ideas.</p>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n        <div class="d-flex justify-content-center" data-cues="slideInDown" data-group="join" data-delay="900">\n          <span><a class="btn btn-lg btn-primary rounded-pill mx-1">See Projects</a></span>\n          <span><a class="btn btn-lg btn-outline-primary rounded-pill mx-1">Contact Us</a></span>\n        </div>\n        <!-- /div -->\n        <div class="row mt-12" data-cue="fadeIn" data-delay="1600">\n          <div class="col-lg-8 mx-auto">\n            <figure><img class="img-fluid" src="/assets/img/illustrations/i12.png" srcset="/assets/img/illustrations/i12@2x.png 2x" alt=""></figure>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>