<section class="wrapper pattern-wrapper bg-image section-frame" data-image-src="/assets/img/pattern.png">\n      <div class="container py-14 pt-md-16 pt-lg-0 pb-md-12">\n        <div class="row text-center mb-13">\n          <div class="col-lg-12 mx-auto">\n            <div class="mt-lg-n23 mt-xl-n21">\n              <figure class="rounded-xl"><img src="/assets/img/photos/about18.jpg" srcset="/assets/img/photos/about18@2x.jpg 2x" alt="" /></figure>\n            </div>\n          </div>\n          <!--/column -->\n        </div>\n        <!--/.row -->\n        <div class="row gx-md-8 gx-lg-12 gy-6 gy-lg-0 mb-13">\n          <div class="col-lg-6">\n            <h1 class="display-2 mb-0 text-white">We are an award winning digital web design agency that strongly believes in the power of creative ideas.</h1>\n          </div>\n          <!-- /column -->\n          <div class="col-lg-6">\n            <p class="lead fs-lg mb-3 text-inverse">Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas faucibus mollis elit interdum. Duis mollis, est non commodo luctus.</p>\n            <a href="#" class="more link-white hover">Learn More</a>\n          </div>\n          <!-- /column -->\n        </div>\n        <!-- /.row -->\n      </div>\n      <!-- /.container -->\n    </section>