<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;section-frame mx-xxl-11&quot;&gt;
  &lt;div class=&quot;wrapper image-wrapper bg-image bg-cover bg-overlay bg-overlay-light-500 section-frame-wrapper&quot; data-image-src=&quot;/assets/img/photos/bg23.png&quot;&gt;
    &lt;div class=&quot;container py-16 py-md-18&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-md-11 col-lg-10 col-xl-9 mx-auto text-center&quot;&gt;
          &lt;h3 class=&quot;display-2 mb-10 px-xxl-10&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;row&quot;&gt;
        &lt;div class=&quot;grid col-md-11 mx-auto mb-lg-n23&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 shadow-lg&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.&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-4&quot;&gt;
              &lt;div class=&quot;card shadow-lg&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.&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-4&quot;&gt;
              &lt;div class=&quot;card shadow-lg&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.&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-4&quot;&gt;
              &lt;div class=&quot;card shadow-lg&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.&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-4&quot;&gt;
              &lt;div class=&quot;card shadow-lg&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.&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;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 shadow-lg&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.&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;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;!-- /.row --&gt;
    &lt;/div&gt;
    &lt;!-- /.container --&gt;
  &lt;/div&gt;
  &lt;!-- /.wrapper --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>