<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 gy-8 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-6 order-lg-2&quot;&gt;
        &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
          &lt;div class=&quot;col-md-4 offset-md-2 align-self-end&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g1.jpg&quot; srcset=&quot;/assets/img/photos/g1@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/g2.jpg&quot; srcset=&quot;/assets/img/photos/g2@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 offset-md-1&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g3.jpg&quot; srcset=&quot;/assets/img/photos/g3@2x.jpg 2x&quot; alt=&quot;&quot;&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4 align-self-start&quot;&gt;
            &lt;figure class=&quot;rounded&quot;&gt;&lt;img src=&quot;/assets/img/photos/g4.jpg&quot; srcset=&quot;/assets/img/photos/g4@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;display-4 mb-3&quot;&gt;What We Do?&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg mb-8 pe-xxl-2&quot;&gt;The full service we are offering is &lt;span class=&quot;underline&quot;&gt;specifically&lt;/span&gt; designed to meet your business needs and projects.&lt;/p&gt;
        &lt;div class=&quot;row gx-xl-10 gy-6&quot;&gt;
          &lt;div class=&quot;col-md-6 col-lg-12 col-xl-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-primary pe-none me-5&quot;&gt; &lt;i class=&quot;uil uil-phone-volume&quot;&gt;&lt;/i&gt; &lt;/div&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;24/7 Support&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero pharetra augue dapibus.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-12 col-xl-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-primary pe-none me-5&quot;&gt; &lt;i class=&quot;uil uil-shield-exclamation&quot;&gt;&lt;/i&gt; &lt;/div&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Secure Payments&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Vivamus sagittis lacus augue laoreet vel.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-12 col-xl-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-primary pe-none me-5&quot;&gt; &lt;i class=&quot;uil uil-laptop-cloud&quot;&gt;&lt;/i&gt; &lt;/div&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Daily Updates&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Cras mattis consectetur purus sit amet.&lt;/p&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-6 col-lg-12 col-xl-6&quot;&gt;
            &lt;div class=&quot;d-flex flex-row&quot;&gt;
              &lt;div&gt;
                &lt;div class=&quot;icon btn btn-circle btn-lg btn-soft-primary pe-none me-5&quot;&gt; &lt;i class=&quot;uil uil-chart-line&quot;&gt;&lt;/i&gt; &lt;/div&gt;
              &lt;/div&gt;
              &lt;div&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Market Research&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Aenean lacinia bibendum nulla sed consectetur.&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>