<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 gy-sm-13 gx-md-8 gx-xl-12 align-items-center&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-12&quot;&gt;
            &lt;figure class=&quot;rounded mx-5&quot;&gt;&lt;img src=&quot;/assets/img/photos/g8.jpg&quot; srcset=&quot;/assets/img/photos/g8@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;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g9.jpg&quot; srcset=&quot;/assets/img/photos/g9@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;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g10.jpg&quot; srcset=&quot;/assets/img/photos/g10@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-muted mb-3&quot;&gt;What Makes Us Different?&lt;/h2&gt;
        &lt;h3 class=&quot;display-3 mb-10&quot;&gt;We bring &lt;span class=&quot;underline-3 style-2 yellow&quot;&gt;solutions&lt;/span&gt; to make life easier for our customers.&lt;/h3&gt;
        &lt;div class=&quot;row gy-8&quot;&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/solid/lamp.svg&quot; class=&quot;svg-inject icon-svg icon-svg-xs solid-mono text-fuchsia me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Creativity&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Curabitur blandit lacus porttitor ridiculus mus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/solid/bulb.svg&quot; class=&quot;svg-inject icon-svg icon-svg-xs solid-mono text-violet me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Innovative Thinking&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Curabitur blandit lacus porttitor ridiculus mus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/solid/puzzle.svg&quot; class=&quot;svg-inject icon-svg icon-svg-xs solid-mono text-orange me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Rapid Solutions&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Curabitur blandit lacus porttitor ridiculus mus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;img src=&quot;/assets/img/icons/solid/headphone.svg&quot; class=&quot;svg-inject icon-svg icon-svg-xs solid-mono text-green me-4&quot; alt=&quot;&quot; /&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Top-Notch Support&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Curabitur blandit lacus porttitor ridiculus mus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&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>