<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;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;Our Clients&lt;/h2&gt;
    &lt;div class=&quot;row gx-lg-8 mb-10 gy-5&quot;&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;h3 class=&quot;display-5 mb-0&quot;&gt;We are trusted by over 300+ clients. Join them by using our services and grow your business.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-lg-6&quot;&gt;
        &lt;p class=&quot;lead mb-0&quot;&gt;Donec ullamcorper nulla non metus auctor fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Maecenas faucibus mollis interdum. Cras justo odio mollis.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row row-cols-2 row-cols-md-3 row-cols-xl-5 gx-lg-6 gy-6 justify-content-center&quot;&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z1.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z2.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z3.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z4.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
          &lt;/div&gt;
          &lt;!--/.card-body --&gt;
        &lt;/div&gt;
        &lt;!--/.card --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div class=&quot;card shadow-lg h-100 align-items-center&quot;&gt;
          &lt;div class=&quot;card-body align-items-center d-flex px-3 py-6 p-md-8&quot;&gt;
            &lt;figure class=&quot;px-md-3 px-xl-0 px-xxl-3 mb-0&quot;&gt;&lt;img src=&quot;/assets/img/brands/z5.png&quot; alt=&quot;&quot; /&gt;&lt;/figure&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;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>