<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 py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gy-10 gx-lg-8 gx-xl-12 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7 position-relative&quot;&gt;
        &lt;div class=&quot;shape bg-dot primary rellax w-18 h-18&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: 0; left: -1.4rem; z-index: 0;&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;figure class=&quot;rounded mt-md-10 position-relative&quot;&gt;&lt;img src=&quot;/assets/img/photos/g5.jpg&quot; srcset=&quot;/assets/img/photos/g5@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
              &lt;div class=&quot;col-md-12 order-md-2&quot;&gt;
                &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g6.jpg&quot; srcset=&quot;/assets/img/photos/g6@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-md-10&quot;&gt;
                &lt;div class=&quot;card bg-pale-primary text-center counter-wrapper&quot;&gt;
                  &lt;div class=&quot;card-body py-11&quot;&gt;
                    &lt;h3 class=&quot;counter text-nowrap&quot;&gt;5000+&lt;/h3&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Satisfied Customers&lt;/p&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;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&quot;&gt;
        &lt;h2 class=&quot;display-4 mb-3&quot;&gt;Let&rsquo;s Talk&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg&quot;&gt;Let&apos;s make something great together. We are &lt;span class=&quot;underline&quot;&gt;trusted by&lt;/span&gt; over 5000+ clients. Join them by using our services and grow your business.&lt;/p&gt;
        &lt;p&gt;Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill mt-2&quot;&gt;Join Us&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;</code></pre>