<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 mb-3&quot;&gt;
      &lt;div class=&quot;col-md-10 col-lg-12 col-xl-10 col-xxl-9 mx-auto text-center&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;Our Team&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-7 px-lg-19 px-xl-18&quot;&gt;Think unique and be innovative. Make a difference with Sandbox.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
    &lt;div class=&quot;row grid-view gx-md-8 gx-xl-10 gy-8 gy-lg-0&quot;&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
        &lt;div class=&quot;position-relative&quot;&gt;
          &lt;div class=&quot;shape rounded bg-soft-blue rellax d-md-block&quot; data-rellax-speed=&quot;0&quot; style=&quot;bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;figure class=&quot;card-img-top&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/avatars/t1.jpg&quot; srcset=&quot;/assets/img/avatars/t1@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
            &lt;div class=&quot;card-body px-6 py-5&quot;&gt;
              &lt;h4 class=&quot;mb-1&quot;&gt;Coriss Ambady&lt;/h4&gt;
              &lt;p class=&quot;mb-0&quot;&gt;Financial Analyst&lt;/p&gt;
            &lt;/div&gt;
            &lt;!--/.card-body --&gt;
          &lt;/div&gt;
          &lt;!-- /.card --&gt;
        &lt;/div&gt;
        &lt;!-- /div --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
        &lt;div class=&quot;position-relative&quot;&gt;
          &lt;div class=&quot;shape rounded bg-soft-red rellax d-md-block&quot; data-rellax-speed=&quot;0&quot; style=&quot;bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;figure class=&quot;card-img-top&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/avatars/t2.jpg&quot; srcset=&quot;/assets/img/avatars/t2@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
            &lt;div class=&quot;card-body px-6 py-5&quot;&gt;
              &lt;h4 class=&quot;mb-1&quot;&gt;Cory Zamora&lt;/h4&gt;
              &lt;p class=&quot;mb-0&quot;&gt;Marketing Specialist&lt;/p&gt;
            &lt;/div&gt;
            &lt;!--/.card-body --&gt;
          &lt;/div&gt;
          &lt;!-- /.card --&gt;
        &lt;/div&gt;
        &lt;!-- /div --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
        &lt;div class=&quot;position-relative&quot;&gt;
          &lt;div class=&quot;shape rounded bg-soft-green rellax d-md-block&quot; data-rellax-speed=&quot;0&quot; style=&quot;bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;figure class=&quot;card-img-top&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/avatars/t3.jpg&quot; srcset=&quot;/assets/img/avatars/t3@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
            &lt;div class=&quot;card-body px-6 py-5&quot;&gt;
              &lt;h4 class=&quot;mb-1&quot;&gt;Nikolas Brooten&lt;/h4&gt;
              &lt;p class=&quot;mb-0&quot;&gt;Sales Manager&lt;/p&gt;
            &lt;/div&gt;
            &lt;!--/.card-body --&gt;
          &lt;/div&gt;
          &lt;!-- /.card --&gt;
        &lt;/div&gt;
        &lt;!-- /div --&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
        &lt;div class=&quot;position-relative&quot;&gt;
          &lt;div class=&quot;shape rounded bg-soft-violet rellax d-md-block&quot; data-rellax-speed=&quot;0&quot; style=&quot;bottom: -0.75rem; right: -0.75rem; width: 98%; height: 98%; z-index:0&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;card&quot;&gt;
            &lt;figure class=&quot;card-img-top&quot;&gt;&lt;img class=&quot;img-fluid&quot; src=&quot;/assets/img/avatars/t4.jpg&quot; srcset=&quot;/assets/img/avatars/t4@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;&lt;/figure&gt;
            &lt;div class=&quot;card-body px-6 py-5&quot;&gt;
              &lt;h4 class=&quot;mb-1&quot;&gt;Jackie Sanders&lt;/h4&gt;
              &lt;p class=&quot;mb-0&quot;&gt;Investment Planner&lt;/p&gt;
            &lt;/div&gt;
            &lt;!--/.card-body --&gt;
          &lt;/div&gt;
          &lt;!-- /.card --&gt;
        &lt;/div&gt;
        &lt;!-- /div --&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>