Blocks - Team

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

Filter Blocks:

Our Team

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

image

Coriss Ambady

Financial Analyst

image

Cory Zamora

Marketing Specialist

image

Nikolas Brooten

Sales Manager

image

Jackie Sanders

Investment Planner

<section class="wrapper !bg-[#ffffff] ">
                  <div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
                    <div class="flex flex-wrap mx-[-15px] !mb-3">
                      <div class="md:w-10/12 lg:w-full xl:w-10/12 xxl:w-9/12 w-full flex-[0_0_auto] px-[15px] max-w-full !mx-auto !text-center">
                        <h2 class="!text-[.75rem] uppercase text-[#aab0bc] !mb-3 tracking-[0.02rem] leading-[1.35]">Our Team</h2>
                        <h3 class="text-[calc(1.305rem_+_0.66vw)] font-bold xl:text-[1.8rem] !leading-[1.3] mb-7 lg:!px-36 xl:!px-32">Think unique and be innovative. Make a difference with Sandbox.</h3>
                      </div>
                      <!--/column -->
                    </div>
                    <!--/.row -->
                    <div class="flex flex-wrap mx-[-15px] grid-view md:mx-[-20px] lg:mx-[-20px] xl:mx-[-25px] mt-[-40px] xl:mt-0 lg:mt-0">
                      <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] xl:px-[25px] lg:px-[20px] md:px-[20px] px-[15px] max-w-full md:mt-[40px] sm:mt-[40px] xsm:mt-[40px]">
                        <div class="!relative">
                          <div class="shape !rounded-[.4rem] !bg-[#edf2fc] rellax xl:block lg:block md:block absolute" 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="max-w-full h-auto" src="../../assets/img/avatars/t1.jpg" srcset="../../assets/img/avatars/t1@2x.jpg 2x" alt="image"></figure>
                            <div class="card-body px-6 py-5">
                              <h4 class="!mb-1">Coriss Ambady</h4>
                              <p class="!mb-0 text-[.85rem]">Financial Analyst</p>
                            </div>
                            <!--/.card-body -->
                          </div>
                          <!-- /.card -->
                        </div>
                        <!-- /div -->
                      </div>
                      <!--/column -->
                      <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] xl:px-[25px] lg:px-[20px] md:px-[20px] px-[15px] max-w-full md:mt-[40px] sm:mt-[40px] xsm:mt-[40px]">
                        <div class="!relative">
                          <div class="shape !rounded-[.4rem] !bg-[#fcf0f1] rellax xl:block lg:block md:block absolute" 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="max-w-full h-auto" src="../../assets/img/avatars/t2.jpg" srcset="../../assets/img/avatars/t2@2x.jpg 2x" alt="image"></figure>
                            <div class="card-body px-6 py-5">
                              <h4 class="!mb-1">Cory Zamora</h4>
                              <p class="!mb-0 text-[.85rem]">Marketing Specialist</p>
                            </div>
                            <!--/.card-body -->
                          </div>
                          <!-- /.card -->
                        </div>
                        <!-- /div -->
                      </div>
                      <!--/column -->
                      <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] xl:px-[25px] lg:px-[20px] md:px-[20px] px-[15px] max-w-full md:mt-[40px] sm:mt-[40px] xsm:mt-[40px]">
                        <div class="!relative">
                          <div class="shape !rounded-[.4rem] !bg-[#edf9f6] rellax xl:block lg:block md:block absolute" 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="max-w-full h-auto" src="../../assets/img/avatars/t3.jpg" srcset="../../assets/img/avatars/t3@2x.jpg 2x" alt="image"></figure>
                            <div class="card-body px-6 py-5">
                              <h4 class="!mb-1">Nikolas Brooten</h4>
                              <p class="!mb-0 text-[.85rem]">Sales Manager</p>
                            </div>
                            <!--/.card-body -->
                          </div>
                          <!-- /.card -->
                        </div>
                        <!-- /div -->
                      </div>
                      <!--/column -->
                      <div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] xl:px-[25px] lg:px-[20px] md:px-[20px] px-[15px] max-w-full md:mt-[40px] sm:mt-[40px] xsm:mt-[40px]">
                        <div class="!relative">
                          <div class="shape !rounded-[.4rem] !bg-[#f6f3f9] rellax xl:block lg:block md:block absolute" 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="max-w-full h-auto" src="../../assets/img/avatars/t4.jpg" srcset="../../assets/img/avatars/t4@2x.jpg 2x" alt="image"></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>
</section>
<!-- /section -->
image

Save your time and money by choosing our professional team.

image

Coriss Ambady

Financial Analyst

Fermentum massa justo sit amet risus morbi leo.

image

Cory Zamora

Marketing Specialist

Fermentum massa justo sit amet risus morbi leo.

image

Nikolas Brooten

Sales Manager

Fermentum massa justo sit amet risus morbi leo.

image

Jackie Sanders

Investment Planner

Fermentum massa justo sit amet risus morbi leo.

image

Laura Widerski

Sales Specialist

Fermentum massa justo sit amet risus morbi leo.

image

Tina Geller

Financial Analyst

Fermentum massa justo sit amet risus morbi leo.


                  <div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
                    <div class="flex flex-wrap mx-[-15px] !mb-3">
                      <div class="md:w-10/12 lg:w-10/12 xl:w-9/12 xxl:w-7/12 w-full flex-[0_0_auto] px-[15px] max-w-full !mx-auto !text-center">
                        <img src="../../assets/img/icons/lineal/team.svg" class="svg-inject icon-svg icon-svg-md !w-[2.6rem] !h-[2.6rem] mb-4 m-[0_auto]" alt="image">
                        <h2 class="text-[calc(1.305rem_+_0.66vw)] font-bold xl:text-[1.8rem] leading-[1.3] mb-3 xl:!px-[4.5rem] lg:!px-[4.5rem]">Save your time and money by choosing our professional team.</h2>
                      </div>
                      <!--/column -->
                    </div>
                    <!--/.row -->
                    <div class="!relative">
                      <div class="shape !rounded-[50%] !bg-[#fff8ee] rellax !w-[6rem] !h-[6rem] absolute z-[1]" data-rellax-speed="1" style="bottom: 0.5rem; right: -1.7rem;"></div>
                      <div class="shape !rounded-[50%] bg-line red rellax !w-[6rem] !h-[6rem] absolute z-[1] opacity-50" data-rellax-speed="1" style="top: 0.5rem; left: -1.7rem;"></div>
                      <div class="swiper-container dots-closer !mb-6" data-margin="0" data-dots="true" data-items-xxl="4" data-items-xl="3" data-items-lg="3" data-items-md="2" data-items-xs="1">
                        <div class="swiper">
                          <div class="swiper-wrapper">
                            <div class="swiper-slide">
                              <div class="item-inner">
                                <div class="card">
                                  <div class="card-body p-[40px]">
                                    <img class="rounded-[50%] !w-[5rem] mb-4" src="../../assets/img/avatars/te1.jpg" srcset="../../assets/img/avatars/te1@2x.jpg 2x" alt="image">
                                    <h4 class="mb-1">Coriss Ambady</h4>
                                    <div class="text-[0.65rem] mb-2 uppercase tracking-[0.02rem] font-bold text-[#aab0bc]">Financial Analyst</div>
                                    <p class="!mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
                                    <nav class="nav social !mb-0">
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
                                    </nav>
                                    <!-- /.social -->
                                  </div>
                                  <!--/.card-body -->
                                </div>
                                <!-- /.card -->
                              </div>
                              <!-- /.item-inner -->
                            </div>
                            <!--/.swiper-slide -->
                            <div class="swiper-slide">
                              <div class="item-inner">
                                <div class="card">
                                  <div class="card-body p-[40px]">
                                    <img class="rounded-[50%] !w-[5rem] mb-4" src="../../assets/img/avatars/te2.jpg" srcset="../../assets/img/avatars/te2@2x.jpg 2x" alt="image">
                                    <h4 class="mb-1">Cory Zamora</h4>
                                    <div class="text-[0.65rem] mb-2 uppercase tracking-[0.02rem] font-bold text-[#aab0bc]">Marketing Specialist</div>
                                    <p class="!mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
                                    <nav class="nav social !mb-0">
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
                                    </nav>
                                    <!-- /.social -->
                                  </div>
                                  <!--/.card-body -->
                                </div>
                                <!-- /.card -->
                              </div>
                              <!-- /.item-inner -->
                            </div>
                            <!--/.swiper-slide -->
                            <div class="swiper-slide">
                              <div class="item-inner">
                                <div class="card">
                                  <div class="card-body p-[40px]">
                                    <img class="rounded-[50%] !w-[5rem] mb-4" src="../../assets/img/avatars/te3.jpg" srcset="../../assets/img/avatars/te3@2x.jpg 2x" alt="image">
                                    <h4 class="mb-1">Nikolas Brooten</h4>
                                    <div class="text-[0.65rem] mb-2 uppercase tracking-[0.02rem] font-bold text-[#aab0bc]">Sales Manager</div>
                                    <p class="!mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
                                    <nav class="nav social !mb-0">
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
                                    </nav>
                                    <!-- /.social -->
                                  </div>
                                  <!--/.card-body -->
                                </div>
                                <!-- /.card -->
                              </div>
                              <!-- /.item-inner -->
                            </div>
                            <!--/.swiper-slide -->
                            <div class="swiper-slide">
                              <div class="item-inner">
                                <div class="card">
                                  <div class="card-body p-[40px]">
                                    <img class="rounded-[50%] !w-[5rem] mb-4" src="../../assets/img/avatars/te4.jpg" srcset="../../assets/img/avatars/te4@2x.jpg 2x" alt="image">
                                    <h4 class="mb-1">Jackie Sanders</h4>
                                    <div class="text-[0.65rem] mb-2 uppercase tracking-[0.02rem] font-bold text-[#aab0bc]">Investment Planner</div>
                                    <p class="!mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
                                    <nav class="nav social !mb-0">
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
                                    </nav>
                                    <!-- /.social -->
                                  </div>
                                  <!--/.card-body -->
                                </div>
                                <!-- /.card -->
                              </div>
                              <!-- /.item-inner -->
                            </div>
                            <!--/.swiper-slide -->
                            <div class="swiper-slide">
                              <div class="item-inner">
                                <div class="card">
                                  <div class="card-body p-[40px]">
                                    <img class="rounded-[50%] !w-[5rem] mb-4" src="../../assets/img/avatars/te5.jpg" srcset="../../assets/img/avatars/te5@2x.jpg 2x" alt="image">
                                    <h4 class="mb-1">Laura Widerski</h4>
                                    <div class="text-[0.65rem] mb-2 uppercase tracking-[0.02rem] font-bold text-[#aab0bc]">Sales Specialist</div>
                                    <p class="!mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
                                    <nav class="nav social !mb-0">
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
                                    </nav>
                                    <!-- /.social -->
                                  </div>
                                  <!--/.card-body -->
                                </div>
                                <!-- /.card -->
                              </div>
                              <!-- /.item-inner -->
                            </div>
                            <!--/.swiper-slide -->
                            <div class="swiper-slide">
                              <div class="item-inner">
                                <div class="card">
                                  <div class="card-body p-[40px]">
                                    <img class="rounded-[50%] !w-[5rem] mb-4" src="../../assets/img/avatars/te6.jpg" srcset="../../assets/img/avatars/te6@2x.jpg 2x" alt="image">
                                    <h4 class="mb-1">Tina Geller</h4>
                                    <div class="text-[0.65rem] mb-2 uppercase tracking-[0.02rem] font-bold text-[#aab0bc]">Financial Analyst</div>
                                    <p class="!mb-2">Fermentum massa justo sit amet risus morbi leo.</p>
                                    <nav class="nav social !mb-0">
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                      <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
                                    </nav>
                                    <!-- /.social -->
                                  </div>
                                  <!--/.card-body -->
                                </div>
                                <!-- /.card -->
                              </div>
                              <!-- /.item-inner -->
                            </div>
                            <!--/.swiper-slide -->
                          </div>
                          <!--/.swiper-wrapper -->
                        </div>
                        <!-- /.swiper -->
                      </div>
                      <!-- /.swiper-container -->
                    </div>
                    <!-- /.relative -->
                  </div>

Meet the Team

Save your time and money by choosing our professional team.

Donec id elit non mi porta gravida at eget metus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros tempus porttitor.

See All Members
image

Cory Zamora

Marketing Specialist

Etiam porta sem magna malesuada mollis.

image

Coriss Ambady

Financial Analyst

Aenean eu leo quam. Pellentesque ornare lacinia.

image

Nikolas Brooten

Sales Manager

Donec ornare elit quam porta gravida at eget.

image

Jackie Sanders

Investment Planner

Nullam risus eget urna mollis ornare vel eu leo.

image

Tina Geller

Assistant Buyer

Vivamus sagittis lacus vel augue laoreet rutrum.

<section class="wrapper !bg-[#ffffff] ">
                  <div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
                    <div class="flex flex-wrap mx-[-15px] xl:mx-[-35px] lg:mx-[-20px] mt-[-50px] items-center">
                      <div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] xl:px-[35px] lg:px-[20px] px-[15px] max-w-full mt-[50px]">
                        <h2 class="!text-[.75rem] uppercase text-line relative align-top pl-[1.4rem] inline-flex tracking-[0.02rem] leading-[1.35] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0] text-[#3f78e0] !mb-3">Meet the Team</h2>
                        <h3 class="text-[calc(1.285rem_+_0.42vw)] font-bold xl:text-[1.6rem] !leading-[1.3] mb-5">Save your time and money by choosing our professional team.</h3>
                        <p>Donec id elit non mi porta gravida at eget metus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros tempus porttitor.</p>
                        <a href="#" class="btn btn-primary text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:border-[#3f78e0] focus:shadow-[rgba(92,140,229,1)] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !rounded-[50rem] mt-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">See All Members</a>
                      </div>
                      <!--/column -->
                      <div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] xl:px-[35px] lg:px-[20px] px-[15px] max-w-full mt-[50px]">
                        <div class="swiper-container !text-center !mb-6" data-margin="30" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1">
                          <div class="swiper">
                            <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                <img class="rounded-[50%] w-40 !mx-auto mb-4" src="../../assets/img/avatars/t1.jpg" srcset="../../assets/img/avatars/t1@2x.jpg 2x" alt="image">
                                <h4 class="!mb-1">Cory Zamora</h4>
                                <div class="text-[0.65rem] uppercase tracking-[0.02rem] font-bold text-[#aab0bc] mb-2">Marketing Specialist</div>
                                <p class="!mb-2">Etiam porta sem magna malesuada mollis.</p>
                                <nav class="nav social justify-center !text-center  !mb-0">
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-slack before:content-['\ecdd'] text-[1rem] text-[#d4135c]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-linkedin before:content-['\ebd1'] text-[1rem] text-[#3393c1]"></i></a>
                                </nav>
                                <!-- /.social -->
                              </div>
                              <!--/.swiper-slide -->
                              <div class="swiper-slide">
                                <img class="rounded-[50%] w-40 !mx-auto mb-4" src="../../assets/img/avatars/t2.jpg" srcset="../../assets/img/avatars/t2@2x.jpg 2x" alt="image">
                                <h4 class="!mb-1">Coriss Ambady</h4>
                                <div class="text-[0.65rem] uppercase tracking-[0.02rem] font-bold text-[#aab0bc] mb-2">Financial Analyst</div>
                                <p class="!mb-2">Aenean eu leo quam. Pellentesque ornare lacinia.</p>
                                <nav class="nav social justify-center !text-center  !mb-0">
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-youtube before:content-['\edb5'] text-[1rem] text-[#c8312b]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
                                </nav>
                                <!-- /.social -->
                              </div>
                              <!--/.swiper-slide -->
                              <div class="swiper-slide">
                                <img class="rounded-[50%] w-40 !mx-auto mb-4" src="../../assets/img/avatars/t3.jpg" srcset="../../assets/img/avatars/t3@2x.jpg 2x" alt="image">
                                <h4 class="!mb-1">Nikolas Brooten</h4>
                                <div class="text-[0.65rem] uppercase tracking-[0.02rem] font-bold text-[#aab0bc] mb-2">Sales Manager</div>
                                <p class="!mb-2">Donec ornare elit quam porta gravida at eget.</p>
                                <nav class="nav social justify-center !text-center  !mb-0">
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-linkedin before:content-['\ebd1'] text-[1rem] text-[#3393c1]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-tumblr-square before:content-['\ed54'] text-[1rem] text-[#5d82a4]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                </nav>
                                <!-- /.social -->
                              </div>
                              <!--/.swiper-slide -->
                              <div class="swiper-slide">
                                <img class="rounded-[50%] w-40 !mx-auto mb-4" src="../../assets/img/avatars/t4.jpg" srcset="../../assets/img/avatars/t4@2x.jpg 2x" alt="image">
                                <h4 class="!mb-1">Jackie Sanders</h4>
                                <div class="text-[0.65rem] uppercase tracking-[0.02rem] font-bold text-[#aab0bc] mb-2">Investment Planner</div>
                                <p class="!mb-2">Nullam risus eget urna mollis ornare vel eu leo.</p>
                                <nav class="nav social justify-center !text-center  !mb-0">
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
                                </nav>
                                <!-- /.social -->
                              </div>
                              <!--/.swiper-slide -->
                              <div class="swiper-slide">
                                <img class="rounded-[50%] w-40 !mx-auto mb-4" src="../../assets/img/avatars/t5.jpg" srcset="../../assets/img/avatars/t5@2x.jpg 2x" alt="image">
                                <h4 class="!mb-1">Tina Geller</h4>
                                <div class="text-[0.65rem] uppercase tracking-[0.02rem] font-bold text-[#aab0bc] mb-2">Assistant Buyer</div>
                                <p class="!mb-2">Vivamus sagittis lacus vel augue laoreet rutrum.</p>
                                <nav class="nav social justify-center !text-center  !mb-0">
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-slack before:content-['\ecdd'] text-[1rem] text-[#d4135c]"></i></a>
                                  <a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
                                </nav>
                                <!-- /.social -->
                              </div>
                              <!--/.swiper-slide -->
                            </div>
                            <!--/.swiper-wrapper -->
                          </div>
                          <!-- /.swiper -->
                        </div>
                        <!-- /.swiper-container -->
                      </div>
                      <!--/column -->
                    </div>
                    <!--/.row -->
                  </div>
</section>
<!-- /section -->

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

Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.

Buy Sandbox
image