<div class="code-wrapper">
                  <div class="code-wrapper-inner">
                    <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-gray&quot;&gt;
  &lt;div class=&quot;container pt-12 pt-md-16 text-center&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-lg-8 col-xxl-7 mx-auto text-center&quot; data-cues=&quot;slideInDown&quot; data-group=&quot;page-title&quot; data-delay=&quot;600&quot;&gt;
        &lt;h2 class=&quot;fs-16 text-uppercase ls-xl text-dark mb-4&quot;&gt;Hello! This is Sandbox&lt;/h2&gt;
        &lt;h1 class=&quot;display-1 fs-58 mb-7&quot;&gt;We bring rapid solutions for your business.&lt;/h1&gt;
        &lt;div class=&quot;d-flex justify-content-center&quot; data-cues=&quot;slideInDown&quot; data-group=&quot;page-title-buttons&quot; data-delay=&quot;900&quot;&gt;
          &lt;span&gt;&lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-primary rounded-pill me-2&quot;&gt;Explore Now&lt;/a&gt;&lt;/span&gt;
          &lt;span&gt;&lt;a href=&quot;#&quot; class=&quot;btn btn-lg btn-outline-primary rounded-pill&quot;&gt;Contact Us&lt;/a&gt;&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
  &lt;figure class=&quot;position-absoute&quot; style=&quot;bottom: 0; left: 0; z-index: 2;&quot;&gt;&lt;img src=&quot;/assets/img/photos/bg11.jpg&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>