<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-card pt-14 pt-md-16&quot;&gt;
    &lt;div class=&quot;card image-wrapper bg-full bg-image bg-overlay bg-overlay-light-500 pb-15&quot; data-image-src=&quot;/assets/img/photos/bg22.png&quot;&gt;
      &lt;div class=&quot;card-body py-14 px-0&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-10 gy-lg-0&quot;&gt;
            &lt;div class=&quot;col-lg-4 text-center text-lg-start&quot;&gt;
              &lt;h3 class=&quot;display-4 mb-3 pe-xxl-15&quot;&gt;We are proud of our works&lt;/h3&gt;
              &lt;p class=&quot;lead fs-lg mb-0 pe-xxl-10&quot;&gt;We bring solutions to make life easier for our customers.&lt;/p&gt;
            &lt;/div&gt;
            &lt;!-- /column --&gt;
            &lt;div class=&quot;col-lg-8 mt-lg-2&quot;&gt;
              &lt;div class=&quot;row align-items-center counter-wrapper gy-6 text-center&quot;&gt;
                &lt;div class=&quot;col-md-4&quot;&gt;
                  &lt;img src=&quot;/assets/img/icons/solid/target.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia mb-3&quot; alt=&quot;&quot; /&gt;
                  &lt;h3 class=&quot;counter&quot;&gt;1000+&lt;/h3&gt;
                  &lt;p class=&quot;mb-0&quot;&gt;Completed Projects&lt;/p&gt;
                &lt;/div&gt;
                &lt;!--/column --&gt;
                &lt;div class=&quot;col-md-4&quot;&gt;
                  &lt;img src=&quot;/assets/img/icons/solid/bar-chart.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia mb-3&quot; alt=&quot;&quot; /&gt;
                  &lt;h3 class=&quot;counter&quot;&gt;4x&lt;/h3&gt;
                  &lt;p class=&quot;mb-0&quot;&gt;Revenue Growth&lt;/p&gt;
                &lt;/div&gt;
                &lt;!--/column --&gt;
                &lt;div class=&quot;col-md-4&quot;&gt;
                  &lt;img src=&quot;/assets/img/icons/solid/employees.svg&quot; class=&quot;svg-inject icon-svg icon-svg-sm solid-duo text-grape-fuchsia mb-3&quot; alt=&quot;&quot; /&gt;
                  &lt;h3 class=&quot;counter&quot;&gt;99.7%&lt;/h3&gt;
                  &lt;p class=&quot;mb-0&quot;&gt;Customer Satisfaction&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;/div&gt;
      &lt;!--/.card-body --&gt;
    &lt;/div&gt;
    &lt;!--/.card --&gt;
  &lt;/div&gt;
  &lt;!-- /.container-card --&gt;
  &lt;div class=&quot;container&quot;&gt;
    &lt;div class=&quot;grid mb-16&quot;&gt;
      &lt;div class=&quot;row isotope gy-6 mt-n18&quot;&gt;
        &lt;div class=&quot;item col-md-6 col-xl-3&quot;&gt;
          &lt;div class=&quot;card shadow-lg card-border-bottom border-soft-primary&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                &lt;p&gt;&ldquo;Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Vestibulum id ligula porta. Cras mattis consectetur.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;div class=&quot;info ps-0&quot;&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Coriss Ambady&lt;/h5&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Financial Analyst&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/blockquote&gt;
            &lt;/div&gt;
            &lt;!-- /.card-body --&gt;
          &lt;/div&gt;
          &lt;!-- /.card --&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
        &lt;div class=&quot;item col-md-6 col-xl-3&quot;&gt;
          &lt;div class=&quot;card shadow-lg card-border-bottom border-soft-primary&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                &lt;p&gt;&ldquo;Fusce dapibus, tellus ac cursus tortor mauris condimentum fermentum massa justo sit amet purus sit amet fermentum.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;div class=&quot;info ps-0&quot;&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Cory Zamora&lt;/h5&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Marketing Specialist&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/blockquote&gt;
            &lt;/div&gt;
            &lt;!-- /.card-body --&gt;
          &lt;/div&gt;
          &lt;!-- /.card --&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
        &lt;div class=&quot;item col-md-6 col-xl-3&quot;&gt;
          &lt;div class=&quot;card shadow-lg card-border-bottom border-soft-primary&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                &lt;p&gt;&ldquo;Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor eu rutrum. Nulla vitae libero.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;div class=&quot;info ps-0&quot;&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Nikolas Brooten&lt;/h5&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Sales Manager&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/blockquote&gt;
            &lt;/div&gt;
            &lt;!-- /.card-body --&gt;
          &lt;/div&gt;
          &lt;!-- /.card --&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
        &lt;div class=&quot;item col-md-6 col-xl-3&quot;&gt;
          &lt;div class=&quot;card shadow-lg card-border-bottom border-soft-primary&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                &lt;p&gt;&ldquo;Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus eu tincidunt auctor nullam rutrum, pharetra augue.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;div class=&quot;info ps-0&quot;&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Coriss Ambady&lt;/h5&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Financial Analyst&lt;/p&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/blockquote&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;!-- /.grid-view --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>