Team Components

<section class="relative py-20 2xl:py-40 bg-gray-800 overflow-hidden">
  <img class="hidden lg:block absolute inset-x-0 bottom-0 mb-96" src="zospace-assets/lines/line-two-montain.svg" alt="">
  <div class="relative container px-4 mx-auto">
    <div class="max-w-4xl mx-auto">
      <h2 class="mb-24 text-center text-5xl font-bold font-heading text-white">Our Team</h2>
      <div class="flex flex-wrap justify-center -mx-10 mb-20">
        <div class="w-full lg:w-1/3 px-10 mb-20 lg:mb-0">
          <div>
            <img class="mb-8 w-full h-112 lg:h-80 object-cover object-top" src="https://images.pexels.com/photos/5325840/pexels-photo-5325840.jpeg?q=80&amp;fm=jpg&amp;crop=faces&amp;cs=tinysrgb&amp;fit=crop&amp;h=940&amp;w=940" alt="">
            <a class="inline-block w-full p-10 bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200" href="#">
              <h3 class="mb-2 text-3xl text-white font-bold font-heading">L&eacute;a Herrera</h3>
              <p class="mb-4 text-lg text-white font-bold">UX Designer</p>
              <div class="flex justify-end">
                <svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M26.2042 7.78599L19.5171 14.4731L18.6812 13.6372L24.3611 7.95734L0.709572 7.96153L0.709572 6.78292L24.3611 6.77874L19.0992 1.51681L19.9351 0.680916L26.2042 6.9501C26.4351 7.18093 26.4351 7.55515 26.2042 7.78599Z" fill="white"></path>
                </svg>
              </div>
            </a>
          </div>
        </div>
        <div class="w-full lg:w-1/3 px-10 mb-20 lg:mb-0">
          <div class="lg:mt-24">
            <img class="mb-8 w-full h-112 lg:h-80 object-cover object-top" src="https://images.pexels.com/photos/5325885/pexels-photo-5325885.jpeg?q=80&amp;fm=jpg&amp;crop=faces&amp;cs=tinysrgb&amp;fit=crop&amp;h=940&amp;w=940" alt="">
            <a class="inline-block w-full p-10 bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200" href="#">
              <h3 class="mb-2 text-3xl text-white font-bold font-heading">Maxi Svennson</h3>
              <p class="mb-4 text-lg text-white font-bold">Social Media Manager</p>
              <div class="flex justify-end">
                <svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M26.2042 7.78599L19.5171 14.4731L18.6812 13.6372L24.3611 7.95734L0.709572 7.96153L0.709572 6.78292L24.3611 6.77874L19.0992 1.51681L19.9351 0.680916L26.2042 6.9501C26.4351 7.18093 26.4351 7.55515 26.2042 7.78599Z" fill="white"></path>
                </svg>
              </div>
            </a>
          </div>
        </div>
        <div class="w-full lg:w-1/3 px-10">
          <div>
            <img class="mb-8 w-full h-112 lg:h-80 object-cover object-top" src="https://images.unsplash.com/photo-1615803795804-06a0c2a0030e?q=80&amp;fm=jpg&amp;crop=faces&amp;cs=tinysrgb&amp;fit=crop&amp;h=940&amp;w=940" alt="">
            <a class="inline-block w-full p-10 bg-blue-500 hover:bg-blue-600 rounded-lg transition duration-200" href="#">
              <h3 class="mb-2 text-3xl text-white font-bold font-heading">Oliver Haller</h3>
              <p class="mb-4 text-lg text-white font-bold">Co-Founder</p>
              <div class="flex justify-end">
                <svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M26.2042 7.78599L19.5171 14.4731L18.6812 13.6372L24.3611 7.95734L0.709572 7.96153L0.709572 6.78292L24.3611 6.77874L19.0992 1.51681L19.9351 0.680916L26.2042 6.9501C26.4351 7.18093 26.4351 7.55515 26.2042 7.78599Z" fill="white"></path>
                </svg>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="text-center"><a class="inline-block py-4 px-12 border border-gray-200 hover:border-gray-50 rounded-full font-bold text-white" href="#">More</a></div>
    </div>
  </div>
</section>

Redirecting to PayPal

Flex

Zospace

Artemis

Yofte

Team Components

Framework

UI Library

Components

Component #1

Team Components by Shuffle

Component #2

This component is only available to registered users.

Component #3

This component is only available to registered users.

Component #4

This component is only available to registered users.

Component #5

This component is only available to registered users.

Component #6

This component is only available to registered users.

Component #7

This component is only available to registered users.

Component #8

This component is only available to registered users.

Component #9

This component is only available to registered users.

Component #10

This component is only available to registered users.

The easiest way to create beautiful templates

Annual

Monthly

Create an account

Beautiful UI libraries

Flexible solution

Constant update

No limits

Plugin support

Products

UI Components

Company

Legal