<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-lg-8 gx-xl-12 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-4&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-line text-primary text-center mb-3&quot;&gt;Meet the Team&lt;/h2&gt;
        &lt;h3 class=&quot;display-5 mb-5&quot;&gt;Save your time and money by choosing our professional team.&lt;/h3&gt;
        &lt;p&gt;Donec id elit non mi porta gravida at eget metus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros tempus porttitor.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-primary rounded-pill mt-3&quot;&gt;See All Members&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-lg-8&quot;&gt;
        &lt;div class=&quot;swiper-container text-center mb-6&quot; data-margin=&quot;30&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;img class=&quot;rounded-circle w-20 mx-auto mb-4&quot; src=&quot;/assets/img/avatars/t1.jpg&quot; srcset=&quot;/assets/img/avatars/t1@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Cory Zamora&lt;/h4&gt;
                &lt;div class=&quot;meta mb-2&quot;&gt;Marketing Specialist&lt;/div&gt;
                &lt;p class=&quot;mb-2&quot;&gt;Etiam porta sem magna malesuada mollis.&lt;/p&gt;
                &lt;nav class=&quot;nav social justify-content-center text-center mb-0&quot;&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-slack&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-linkedin&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                &lt;/nav&gt;
                &lt;!-- /.social --&gt;
              &lt;/div&gt;
              &lt;!--/.swiper-slide --&gt;
              &lt;div class=&quot;swiper-slide&quot;&gt;
                &lt;img class=&quot;rounded-circle w-20 mx-auto mb-4&quot; src=&quot;/assets/img/avatars/t2.jpg&quot; srcset=&quot;/assets/img/avatars/t2@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Coriss Ambady&lt;/h4&gt;
                &lt;div class=&quot;meta mb-2&quot;&gt;Financial Analyst&lt;/div&gt;
                &lt;p class=&quot;mb-2&quot;&gt;Aenean eu leo quam. Pellentesque ornare lacinia.&lt;/p&gt;
                &lt;nav class=&quot;nav social justify-content-center text-center mb-0&quot;&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-youtube&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-facebook-f&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-dribbble&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                &lt;/nav&gt;
                &lt;!-- /.social --&gt;
              &lt;/div&gt;
              &lt;!--/.swiper-slide --&gt;
              &lt;div class=&quot;swiper-slide&quot;&gt;
                &lt;img class=&quot;rounded-circle w-20 mx-auto mb-4&quot; src=&quot;/assets/img/avatars/t3.jpg&quot; srcset=&quot;/assets/img/avatars/t3@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Nikolas Brooten&lt;/h4&gt;
                &lt;div class=&quot;meta mb-2&quot;&gt;Sales Manager&lt;/div&gt;
                &lt;p class=&quot;mb-2&quot;&gt;Donec ornare elit quam porta gravida at eget.&lt;/p&gt;
                &lt;nav class=&quot;nav social justify-content-center text-center mb-0&quot;&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-linkedin&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-tumblr-square&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-facebook-f&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                &lt;/nav&gt;
                &lt;!-- /.social --&gt;
              &lt;/div&gt;
              &lt;!--/.swiper-slide --&gt;
              &lt;div class=&quot;swiper-slide&quot;&gt;
                &lt;img class=&quot;rounded-circle w-20 mx-auto mb-4&quot; src=&quot;/assets/img/avatars/t4.jpg&quot; srcset=&quot;/assets/img/avatars/t4@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Jackie Sanders&lt;/h4&gt;
                &lt;div class=&quot;meta mb-2&quot;&gt;Investment Planner&lt;/div&gt;
                &lt;p class=&quot;mb-2&quot;&gt;Nullam risus eget urna mollis ornare vel eu leo.&lt;/p&gt;
                &lt;nav class=&quot;nav social justify-content-center text-center mb-0&quot;&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-facebook-f&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-dribbble&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                &lt;/nav&gt;
                &lt;!-- /.social --&gt;
              &lt;/div&gt;
              &lt;!--/.swiper-slide --&gt;
              &lt;div class=&quot;swiper-slide&quot;&gt;
                &lt;img class=&quot;rounded-circle w-20 mx-auto mb-4&quot; src=&quot;/assets/img/avatars/t5.jpg&quot; srcset=&quot;/assets/img/avatars/t5@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
                &lt;h4 class=&quot;mb-1&quot;&gt;Tina Geller&lt;/h4&gt;
                &lt;div class=&quot;meta mb-2&quot;&gt;Assistant Buyer&lt;/div&gt;
                &lt;p class=&quot;mb-2&quot;&gt;Vivamus sagittis lacus vel augue laoreet rutrum.&lt;/p&gt;
                &lt;nav class=&quot;nav social justify-content-center text-center mb-0&quot;&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-facebook-f&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-slack&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                  &lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;uil uil-dribbble&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                &lt;/nav&gt;
                &lt;!-- /.social --&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;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>