<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 gx-lg-8 gx-xl-12 gy-12 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6 position-relative&quot;&gt;
        &lt;div class=&quot;btn btn-circle btn-primary pe-none position-absolute counter-wrapper flex-column d-none d-md-flex&quot; style=&quot;top: 50%; left: 50%; transform: translate(-50%, -50%); width: 170px; height: 170px;&quot;&gt;
          &lt;h3 class=&quot;text-white mb-1 mt-n2&quot;&gt;&lt;span class=&quot;counter counter-lg&quot;&gt;20+&lt;/span&gt;&lt;/h3&gt;
          &lt;p&gt;Year Experience&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;row gx-md-5 gy-5 align-items-center&quot;&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-10 offset-md-2&quot;&gt;
                &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/ab1.jpg&quot; srcset=&quot;/assets/img/photos/ab1@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
              &lt;/div&gt;
              &lt;!--/column --&gt;
              &lt;div class=&quot;col-md-12&quot;&gt;
                &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/ab2.jpg&quot; srcset=&quot;/assets/img/photos/ab2@2x.jpg 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;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/ab3.jpg&quot; srcset=&quot;/assets/img/photos/ab3@2x.jpg 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;!--/column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;img src=&quot;/assets/img/icons/lineal/handshake.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md mb-4&quot; alt=&quot;&quot; /&gt;
        &lt;h3 class=&quot;display-5 mb-5&quot;&gt;We are a creative company that focuses on establishing long-term relationships with customers.&lt;/h3&gt;
        &lt;p class=&quot;mb-7&quot;&gt;Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Vestibulum id ligula.&lt;/p&gt;
        &lt;div class=&quot;row counter-wrapper gy-6&quot;&gt;
          &lt;div class=&quot;col-md-4&quot;&gt;
            &lt;h3 class=&quot;counter text-primary&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-md-4&quot;&gt;
            &lt;h3 class=&quot;counter text-primary&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-md-4&quot;&gt;
            &lt;h3 class=&quot;counter text-primary&quot;&gt;2184&lt;/h3&gt;
            &lt;p&gt;Expert Employees&lt;/p&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>