<div class="code-wrapper">
                  <div class="code-wrapper-inner">
                    <pre class="language-html"><code>&lt;section class=&quot;wrapper image-wrapper bg-image bg-overlay bg-overlay-300 text-white&quot; data-image-src=&quot;/assets/img/photos/bg2.jpg&quot;&gt;
  &lt;div class=&quot;container pt-17 pb-19 pt-md-19 pb-md-20 text-center&quot;&gt;
    &lt;div class=&quot;row mb-11&quot;&gt;
      &lt;div class=&quot;col-md-9 col-lg-7 col-xxl-6 mx-auto&quot; data-cues=&quot;zoomIn&quot; data-group=&quot;page-title&quot; data-interval=&quot;-200&quot;&gt;
        &lt;h2 class=&quot;h6 text-uppercase ls-xl text-white mb-5&quot;&gt;Hello! This is Sandbox&lt;/h2&gt;
        &lt;h3 class=&quot;display-1 text-white mb-7&quot;&gt;We bring rapid solutions for your business&lt;/h3&gt;
        &lt;a href=&quot;/assets/media/movie.mp4&quot; class=&quot;btn btn-circle btn-white btn-play ripple mx-auto mb-5&quot; data-glightbox&gt;&lt;i class=&quot;icn-caret-right&quot;&gt;&lt;/i&gt;&lt;/a&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-light angled upper-end lower-end&quot;&gt;
  &lt;div class=&quot;container pb-14 pb-md-16&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-12 mt-n20&quot;&gt;
        &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/about5.jpg&quot; srcset=&quot;/assets/img/photos/about5@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
        &lt;div class=&quot;row&quot; data-cue=&quot;slideInUp&quot;&gt;
          &lt;div class=&quot;col-xl-10 mx-auto&quot;&gt;
            &lt;div class=&quot;card image-wrapper bg-full bg-image bg-overlay bg-overlay-300 text-white mt-n5 mt-lg-0 mt-lg-n50p mb-lg-n50p border-radius-lg-top&quot; data-image-src=&quot;/assets/img/photos/bg2.jpg&quot;&gt;
              &lt;div class=&quot;card-body p-9 p-xl-10&quot;&gt;
                &lt;div class=&quot;row align-items-center counter-wrapper gy-4 text-center&quot;&gt;
                  &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                    &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;7518&lt;/h3&gt;
                    &lt;p&gt;Completed Projects&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;!--/column --&gt;
                  &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                    &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;3472&lt;/h3&gt;
                    &lt;p&gt;Satisfied Customers&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;!--/column --&gt;
                  &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                    &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;2184&lt;/h3&gt;
                    &lt;p&gt;Expert Employees&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;!--/column --&gt;
                  &lt;div class=&quot;col-6 col-lg-3&quot;&gt;
                    &lt;h3 class=&quot;counter counter-lg text-white&quot;&gt;4523&lt;/h3&gt;
                    &lt;p&gt;Awards Won&lt;/p&gt;
                  &lt;/div&gt;
                  &lt;!--/column --&gt;
                &lt;/div&gt;
                &lt;!--/.row --&gt;
              &lt;/div&gt;
              &lt;!--/.card-body --&gt;
            &lt;/div&gt;
            &lt;!--/.card --&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
        &lt;/div&gt;
        &lt;!-- /.row --&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>