@@include('_navbar.html', { "classList": "center-nav transparent navbar-light", "otherClassList": "w-100 d-flex ms-auto", "otherLanguageSelect": true, "otherBtn": true, "otherBtnClassList": "btn-sm btn-primary rounded-pill", "otherBtnText": "Contact", "otherBtnLink": "@@webRoot/contact.html" })

Blocks - Team

Copy any custom block snippet below and paste it on your page to build your website easily.

@@include('docs/_blocks-menu.html', {"page": "blocks-team"})

Our Team

Think unique and be innovative. Make a difference with Sandbox.

Coriss Ambady

Financial Analyst

Cory Zamora

Marketing Specialist

Nikolas Brooten

Sales Manager

Jackie Sanders

Investment Planner

View example's code

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