<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 text-white text-center&quot;&gt;
      &lt;div class=&quot;col-xl-10 mx-auto mb-14 mb-lg-n6&quot;&gt;
        &lt;div class=&quot;card image-wrapper bg-full bg-image bg-overlay bg-overlay-400&quot; data-image-src=&quot;/assets/img/photos/bg2.jpg&quot;&gt;
          &lt;div class=&quot;card-body p-9 p-xl-12&quot;&gt;
            &lt;div class=&quot;row gx-0&quot;&gt;
              &lt;div class=&quot;col-xxl-9 mx-auto&quot;&gt;
                &lt;div class=&quot;swiper-container dots-light dots-closer mb-6&quot; data-margin=&quot;30&quot; data-dots=&quot;true&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;span class=&quot;ratings five mb-3&quot;&gt;&lt;/span&gt;
                        &lt;blockquote class=&quot;border-0 fs-lg mb-2&quot;&gt;
                          &lt;p&gt;&ldquo;Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.&rdquo;&lt;/p&gt;
                          &lt;div class=&quot;blockquote-details justify-content-center text-center&quot;&gt;
                            &lt;div class=&quot;info ps-0&quot;&gt;
                              &lt;h5 class=&quot;mb-1 text-white&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;!--/.swiper-slide --&gt;
                      &lt;div class=&quot;swiper-slide&quot;&gt;
                        &lt;span class=&quot;ratings five mb-3&quot;&gt;&lt;/span&gt;
                        &lt;blockquote class=&quot;border-0 fs-lg mb-2&quot;&gt;
                          &lt;p&gt;&ldquo;Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.&rdquo;&lt;/p&gt;
                          &lt;div class=&quot;blockquote-details justify-content-center text-center&quot;&gt;
                            &lt;div class=&quot;info ps-0&quot;&gt;
                              &lt;h5 class=&quot;mb-1 text-white&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;!--/.swiper-slide --&gt;
                      &lt;div class=&quot;swiper-slide&quot;&gt;
                        &lt;span class=&quot;ratings five mb-3&quot;&gt;&lt;/span&gt;
                        &lt;blockquote class=&quot;border-0 fs-lg mb-2&quot;&gt;
                          &lt;p&gt;&ldquo;Vivamus sagittis lacus augue laoreet rutrum faucibus auctor vestibulum ligula porta felis, euismod semper cras justo odio consectetur.&rdquo;&lt;/p&gt;
                          &lt;div class=&quot;blockquote-details justify-content-center text-center&quot;&gt;
                            &lt;div class=&quot;info ps-0&quot;&gt;
                              &lt;h5 class=&quot;mb-1 text-white&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;!--/.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;!-- /column --&gt;
            &lt;/div&gt;
            &lt;!-- /.row --&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>