<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;display-4 mb-3 text-center&quot;&gt;Happy Customers&lt;/h2&gt;
    &lt;p class=&quot;lead text-center mb-6 px-md-16 px-lg-0&quot;&gt;Customer satisfaction is our major goal. See what our customers are saying about us.&lt;/p&gt;
    &lt;div class=&quot;position-relative&quot;&gt;
      &lt;div class=&quot;shape rounded-circle bg-soft-yellow rellax w-16 h-16&quot; data-rellax-speed=&quot;1&quot; style=&quot;bottom: 0.5rem; right: -1.7rem;&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;shape bg-dot primary rellax w-16 h-16&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: -1rem; left: -1.7rem;&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;swiper-container dots-closer mb-6&quot; data-margin=&quot;0&quot; data-dots=&quot;true&quot; data-items-xl=&quot;3&quot; data-items-md=&quot;2&quot; data-items-xs=&quot;1&quot;&gt;
        &lt;div class=&quot;swiper&quot;&gt;
          &lt;div class=&quot;swiper-wrapper&quot;&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;div class=&quot;card&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 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;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;div class=&quot;card&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 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/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;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;div class=&quot;card&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 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/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;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;div class=&quot;card&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 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/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;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;div class=&quot;card&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 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/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;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
            &lt;div class=&quot;swiper-slide&quot;&gt;
              &lt;div class=&quot;item-inner&quot;&gt;
                &lt;div class=&quot;card&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 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/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;!-- /.item-inner --&gt;
            &lt;/div&gt;
            &lt;!--/.swiper-slide --&gt;
          &lt;/div&gt;
          &lt;!--/.swiper-wrapper --&gt;
        &lt;/div&gt;
        &lt;!-- /.swiper --&gt;
      &lt;/div&gt;
      &lt;!-- /.swiper-container --&gt;
    &lt;/div&gt;
    &lt;!-- /.position-relative --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>