<div class="code-wrapper">
                  <div class="code-wrapper-inner">
                    <pre class="language-html"><code>
&lt;section class=&quot;wrapper overflow-hidden&quot;&gt;
  &lt;div class=&quot;container pt-19 pt-md-21 text-center position-relative&quot;&gt;
    &lt;div class=&quot;position-absolute&quot; style=&quot;top: -15%; left: 50%; transform: translateX(-50%);&quot;&gt;&lt;img src=&quot;/assets/img/photos/blurry.png&quot; data-cue=&quot;fadeIn&quot; alt=&quot;&quot;&gt;&lt;/div&gt;
    &lt;div class=&quot;row position-relative&quot;&gt;
      &lt;div class=&quot;col-lg-8 col-xxl-7 mx-auto position-relative&quot;&gt;
        &lt;div class=&quot;position-absolute shape grape w-5 d-none d-lg-block&quot; style=&quot;top: -5%; left: -15%;&quot; data-cue=&quot;fadeIn&quot; data-delay=&quot;1500&quot;&gt;&lt;img src=&quot;/assets/img/svg/pie.svg&quot; class=&quot;svg-inject icon-svg w-100 h-100&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
        &lt;div class=&quot;position-absolute shape violet w-10 d-none d-lg-block&quot; style=&quot;bottom: 30%; left: -20%;&quot; data-cue=&quot;fadeIn&quot; data-delay=&quot;1500&quot;&gt;&lt;img src=&quot;/assets/img/svg/scribble.svg&quot; class=&quot;svg-inject icon-svg w-100 h-100&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
        &lt;div class=&quot;position-absolute shape fuchsia w-6 d-none d-lg-block&quot; style=&quot;top: 0%; right: -25%; transform: rotate(70deg);&quot; data-cue=&quot;fadeIn&quot; data-delay=&quot;1500&quot;&gt;&lt;img src=&quot;/assets/img/svg/tri.svg&quot; class=&quot;svg-inject icon-svg w-100 h-100&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
        &lt;div class=&quot;position-absolute shape yellow w-6 d-none d-lg-block&quot; style=&quot;bottom: 25%; right: -17%;&quot; data-cue=&quot;fadeIn&quot; data-delay=&quot;1500&quot;&gt;&lt;img src=&quot;/assets/img/svg/circle.svg&quot; class=&quot;svg-inject icon-svg w-100 h-100&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
        &lt;div data-cues=&quot;slideInDown&quot; data-group=&quot;page-title&quot;&gt;
          &lt;h1 class=&quot;display-1 fs-64 mb-5 mx-md-10 mx-lg-0&quot;&gt;We are a digital web agency specializing on &lt;br /&gt;&lt;span class=&quot;rotator-fade text-primary&quot;&gt;web design.,SEO services.,e-commerce.,Google Adwords.&lt;/span&gt;&lt;/h1&gt;
          &lt;p class=&quot;lead fs-24 mb-8&quot;&gt;We are an award winning digital web agency that strongly believes in the power of creative ideas.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;d-flex justify-content-center&quot; data-cues=&quot;slideInDown&quot; data-delay=&quot;600&quot;&gt;
          &lt;span&gt;&lt;a class=&quot;btn btn-lg btn-primary rounded-xl mx-1&quot;&gt;See Projects&lt;/a&gt;&lt;/span&gt;
          &lt;span&gt;&lt;a class=&quot;btn btn-lg btn-fuchsia rounded-xl mx-1&quot;&gt;Contact Us&lt;/a&gt;&lt;/span&gt;
        &lt;/div&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;</code></pre>