<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&quot;&gt;
      &lt;div class=&quot;col-md-10 offset-md-1 col-lg-8 offset-lg-2 mx-auto text-center&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;Happy Customers&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-10 px-xl-10 px-xxl-15&quot;&gt;Don&apos;t take our word for it. See what customers are saying about us.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;grid&quot;&gt;
      &lt;div class=&quot;row isotope gy-6&quot;&gt;
        &lt;div class=&quot;item col-md-6 col-xl-4&quot;&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;span class=&quot;ratings five mb-3&quot;&gt;&lt;/span&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 felis euismod semper. Cras justo odio dapibus facilisis sociis natoque penatibus.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;img class=&quot;rounded-circle w-12&quot; src=&quot;/assets/img/avatars/te1.jpg&quot; srcset=&quot;/assets/img/avatars/te1@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                  &lt;div class=&quot;info&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-4&quot;&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;span class=&quot;ratings five mb-3&quot;&gt;&lt;/span&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. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;img class=&quot;rounded-circle w-12&quot; src=&quot;/assets/img/avatars/te2.jpg&quot; srcset=&quot;/assets/img/avatars/te2@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                  &lt;div class=&quot;info&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-4&quot;&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;span class=&quot;ratings five mb-3&quot;&gt;&lt;/span&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 auctor. Nullam quis risus eget porta ac consectetur vestibulum. Donec sed odio dui consectetur adipiscing elit.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;img class=&quot;rounded-circle w-12&quot; src=&quot;/assets/img/avatars/te3.jpg&quot; srcset=&quot;/assets/img/avatars/te3@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                  &lt;div class=&quot;info&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-4&quot;&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;span class=&quot;ratings five mb-3&quot;&gt;&lt;/span&gt;
              &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                &lt;p&gt;&ldquo;Etiam adipiscing tincidunt elit convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at sapien. Aenean tortor libero condimentum ac laoreet vitae.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;img class=&quot;rounded-circle w-12&quot; src=&quot;/assets/img/avatars/te4.jpg&quot; srcset=&quot;/assets/img/avatars/te4@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                  &lt;div class=&quot;info&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-4&quot;&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;span class=&quot;ratings five mb-3&quot;&gt;&lt;/span&gt;
              &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                &lt;p&gt;&ldquo;Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociis natoque penatibus magnis dis montes, nascetur ridiculus mus. Donec sed odio dui. Nulla vitae elit libero a pharetra.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;img class=&quot;rounded-circle w-12&quot; src=&quot;/assets/img/avatars/te5.jpg&quot; srcset=&quot;/assets/img/avatars/te5@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                  &lt;div class=&quot;info&quot;&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Jackie Sanders&lt;/h5&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Investment Planner&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-4&quot;&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;span class=&quot;ratings five mb-3&quot;&gt;&lt;/span&gt;
              &lt;blockquote class=&quot;icon mb-0&quot;&gt;
                &lt;p&gt;&ldquo;Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.&rdquo;&lt;/p&gt;
                &lt;div class=&quot;blockquote-details&quot;&gt;
                  &lt;img class=&quot;rounded-circle w-12&quot; src=&quot;/assets/img/avatars/te6.jpg&quot; srcset=&quot;/assets/img/avatars/te6@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                  &lt;div class=&quot;info&quot;&gt;
                    &lt;h5 class=&quot;mb-1&quot;&gt;Laura Widerski&lt;/h5&gt;
                    &lt;p class=&quot;mb-0&quot;&gt;Sales 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&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>