<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;div class=&quot;row gy-10 gy-sm-13 gx-md-8 gx-xl-12 align-items-center mb-10 mb-md-12&quot;&gt;
      &lt;div class=&quot;col-lg-6&quot;&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&quot;&gt;&lt;img src=&quot;/assets/img/photos/g12.jpg&quot; srcset=&quot;/assets/img/photos/g12@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 align-self-end&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g13.jpg&quot; srcset=&quot;/assets/img/photos/g13@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-12&quot;&gt;
            &lt;figure class=&quot;rounded mx-md-5&quot;&gt;&lt;img src=&quot;/assets/img/photos/g11.jpg&quot; srcset=&quot;/assets/img/photos/g11@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;h2 class=&quot;fs-16 text-uppercase text-primary mb-3&quot;&gt;Who Are We?&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-5&quot;&gt;Company that believes in the power of creative strategy.&lt;/h3&gt;
        &lt;p class=&quot;mb-6&quot;&gt;Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed.&lt;/p&gt;
        &lt;div class=&quot;row align-items-center counter-wrapper gy-6&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;h3 class=&quot;counter counter-lg mb-1&quot;&gt;99.7%&lt;/h3&gt;
            &lt;h5 class=&quot;mb-0&quot;&gt;Customer Satisfaction&lt;/h5&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;h3 class=&quot;counter counter-lg mb-1&quot;&gt;12x&lt;/h3&gt;
            &lt;h5 class=&quot;mb-0&quot;&gt;Revenue Growth&lt;/h5&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 class=&quot;row gx-lg-8 gx-xl-12 gy-6 mb-7 mb-md-9&quot;&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10&quot;&gt; &lt;span class=&quot;number fs-18&quot;&gt;1&lt;/span&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h3&gt;Our Vision&lt;/h3&gt;
            &lt;p class=&quot;mb-2&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget. Fusce dapibus tellus.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10&quot;&gt; &lt;span class=&quot;number fs-18&quot;&gt;2&lt;/span&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h3&gt;Our Mission&lt;/h3&gt;
            &lt;p class=&quot;mb-2&quot;&gt;Maecenas faucibus mollis interdum. Vivamus sagittis lacus vel augue laoreet. Sed posuere consectetur.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;div class=&quot;d-flex flex-row&quot;&gt;
          &lt;div&gt;
            &lt;div class=&quot;icon btn btn-block pe-none btn-soft-primary me-4 w-10 h-10&quot;&gt; &lt;span class=&quot;number fs-18&quot;&gt;3&lt;/span&gt; &lt;/div&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;h3&gt;Our Values&lt;/h3&gt;
            &lt;p class=&quot;mb-2&quot;&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Praesent commodo cursus magna scelerisque.&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
    &lt;div class=&quot;text-center&quot;&gt;&lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&gt;More Details&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>