<div class="code-wrapper">
                  <div class="code-wrapper-inner">
                    <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container pt-11 pt-md-13 pb-11 pb-md-19 pb-lg-22 text-center&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-lg-8 col-xl-7 col-xxl-6 mx-auto&quot; data-cues=&quot;slideInDown&quot; data-group=&quot;page-title&quot;&gt;
        &lt;h1 class=&quot;display-1 fs-60 mb-4 px-md-15 px-lg-0&quot;&gt;We bring solutions to make life easier.&lt;/h1&gt;
        &lt;p class=&quot;lead fs-24 lh-sm mb-7 mx-md-13 mx-lg-10&quot;&gt;We are a creative company that focuses on long term relationships with customers.&lt;/p&gt;
        &lt;div&gt;
          &lt;a class=&quot;btn btn-lg btn-primary rounded mb-5&quot;&gt;Read More&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;
&lt;section class=&quot;wrapper bg-dark&quot;&gt;
  &lt;div class=&quot;container pt-14 pt-md-16 pb-9 pb-md-11&quot;&gt;
    &lt;figure class=&quot;rounded mt-md-n21 mt-lg-n23 mb-14&quot; data-cue=&quot;slideInDown&quot; data-delay=&quot;900&quot;&gt;&lt;img src=&quot;/assets/img/photos/about15.jpg&quot; srcset=&quot;/assets/img/photos/about15@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>