<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 gx-xl-12 gy-10&quot;&gt;
      &lt;div class=&quot;col-xl-4&quot;&gt;
        &lt;h2 class=&quot;display-4 mt-10 mb-3&quot;&gt;Our Community&lt;/h2&gt;
        &lt;p class=&quot;lead fs-lg mb-6&quot;&gt;Customer satisfaction is our major goal. See what our clients are saying about our services.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill&quot;&gt;All Testimonials&lt;/a&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
      &lt;div class=&quot;col-xl-8&quot;&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;top: -0.7rem; right: -1.7rem;&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;shape rounded-circle bg-line red rellax w-16 h-16&quot; data-rellax-speed=&quot;1&quot; style=&quot;bottom: -0.5rem; left: -1.4rem;&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-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 ac facilisis sed posuere.&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;Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Duis mollis, est non commodo luctus.&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;Nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec id elit non mi porta gravida.&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;Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus posuere 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/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;Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque.&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;Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas sed diam eget risus varius blandit sit amet non magna.&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;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>