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