Log In
BASIC-LIBRARY / SECTION / TEAM

Team One

Preview Code
Quick edit
<section class="body-font text-gray-600">
  <div
    class="container pl-5 pr-5 px-5 pt-24 pb-24 py-24 ml-auto mr-auto mx-auto max-w-screen-2xl"
  >
    <div class="flex flex-col text-center w-full mb-20">
      <h1
        class="title-font text-2xl font-medium mb-4 text-gray-900 sm:text-3xl"
      >
        Meet the People Behind Our Vision
      </h1>
      <p class="ml-auto mr-auto mx-auto leading-relaxed text-base lg:w-2/3">
        Our talented professionals come from diverse backgrounds, united by a
        shared passion for creating seamless digital experiences that truly
        matter.
      </p>
    </div>
    <div class="-m-2 flex flex-wrap">
      <div class="pt-2 pr-2 pb-2 pl-2 w-full md:w-1/2 lg:w-1/3">
        <div
          class="h-full flex items-center border-gray-200 border pt-4 pr-4 pb-4 pl-4 rounded-lg"
        >
          <img
            alt="team"
            class="flex-shrink-0 w-16 h-16 bg-gray-100 object-cover object-center rounded-full mr-4"
            src="https://images.unsplash.com/photo-1567515004624-219c11d31f2e??auto=format&amp;q=75&amp;fit=crop&amp;w=256"
          />
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 font-medium">Riley Bennett</h2>
            <p class="text-gray-500">Interaction Designer</p>
          </div>
        </div>
      </div>
      <div class="pt-2 pr-2 pb-2 pl-2 w-full md:w-1/2 lg:w-1/3">
        <div
          class="h-full flex items-center border-gray-200 border pt-4 pr-4 pb-4 pl-4 rounded-lg"
        >
          <img
            alt="team"
            class="flex-shrink-0 w-16 h-16 bg-gray-100 object-cover object-center rounded-full mr-4"
            src="https://images.unsplash.com/photo-1488426862026-3ee34a7d66df?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
          />
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 font-medium">Natalie Cruz</h2>
            <p class="text-gray-500">Chief Technology Officer</p>
          </div>
        </div>
      </div>
      <div class="pt-2 pr-2 pb-2 pl-2 w-full md:w-1/2 lg:w-1/3">
        <div
          class="h-full flex items-center border-gray-200 border pt-4 pr-4 pb-4 pl-4 rounded-lg"
        >
          <img
            alt="team"
            class="flex-shrink-0 w-16 h-16 bg-gray-100 object-cover object-center rounded-full mr-4"
            src="https://images.unsplash.com/photo-1522529599102-193c0d76b5b6?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
          />
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 font-medium">Kieran Vale</h2>
            <p class="text-gray-500">Co-Founder</p>
          </div>
        </div>
      </div>
      <div class="pt-2 pr-2 pb-2 pl-2 w-full md:w-1/2 lg:w-1/3">
        <div
          class="h-full flex items-center border-gray-200 border pt-4 pr-4 pb-4 pl-4 rounded-lg"
        >
          <img
            alt="team"
            class="flex-shrink-0 w-16 h-16 bg-gray-100 object-cover object-center rounded-full mr-4"
            src="https://images.unsplash.com/photo-1532073150508-0c1df022bdd1?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
          />
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 font-medium">Amira Patel</h2>
            <p class="text-gray-500">Infrastructure Engineer</p>
          </div>
        </div>
      </div>
      <div class="pt-2 pr-2 pb-2 pl-2 w-full md:w-1/2 lg:w-1/3">
        <div
          class="h-full flex items-center border-gray-200 border pt-4 pr-4 pb-4 pl-4 rounded-lg"
        >
          <img
            alt="team"
            class="flex-shrink-0 w-16 h-16 bg-gray-100 object-cover object-center rounded-full mr-4"
            src="https://images.unsplash.com/photo-1529068755536-a5ade0dcb4e8?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
          />
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 font-medium">Luca Andersen</h2>
            <p class="text-gray-500">Backend Developer</p>
          </div>
        </div>
      </div>
      <div class="pt-2 pr-2 pb-2 pl-2 w-full md:w-1/2 lg:w-1/3">
        <div
          class="h-full flex items-center border-gray-200 border pt-4 pr-4 pb-4 pl-4 rounded-lg"
        >
          <img
            alt="team"
            class="flex-shrink-0 w-16 h-16 bg-gray-100 object-cover object-center rounded-full mr-4"
            src="https://images.unsplash.com/photo-1532073150508-0c1df022bdd1?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
          />
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 font-medium">Maya Lin</h2>
            <p class="text-gray-500">Human Factors Analyst</p>
          </div>
        </div>
      </div>
      <div class="pt-2 pr-2 pb-2 pl-2 w-full md:w-1/2 lg:w-1/3">
        <div
          class="h-full flex items-center border-gray-200 border pt-4 pr-4 pb-4 pl-4 rounded-lg"
        >
          <img
            alt="team"
            class="flex-shrink-0 w-16 h-16 bg-gray-100 object-cover object-center rounded-full mr-4"
            src="https://images.unsplash.com/photo-1463453091185-61582044d556?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
          />
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 font-medium">Elias Morgan</h2>
            <p class="text-gray-500">Test Automation Lead</p>
          </div>
        </div>
      </div>
      <div class="pt-2 pr-2 pb-2 pl-2 w-full md:w-1/2 lg:w-1/3">
        <div
          class="h-full flex items-center border-gray-200 border pt-4 pr-4 pb-4 pl-4 rounded-lg"
        >
          <img
            alt="team"
            class="flex-shrink-0 w-16 h-16 bg-gray-100 object-cover object-center rounded-full mr-4"
            src="https://images.unsplash.com/photo-1562904403-a5106bef8319?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
          />
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 font-medium">Selena Okafor</h2>
            <p class="text-gray-500">Network Architect</p>
          </div>
        </div>
      </div>
      <div class="pt-2 pr-2 pb-2 pl-2 w-full md:w-1/2 lg:w-1/3">
        <div
          class="h-full flex items-center border-gray-200 border pt-4 pr-4 pb-4 pl-4 rounded-lg"
        >
          <img
            alt="team"
            class="flex-shrink-0 w-16 h-16 bg-gray-100 object-cover object-center rounded-full mr-4"
            src="https://images.unsplash.com/photo-1566492031773-4f4e44671857?auto=format&amp;q=75&amp;fit=crop&amp;w=256"
          />
          <div class="flex-grow">
            <h2 class="title-font text-gray-900 font-medium">Thiago Ramos</h2>
            <p class="text-gray-500">Strategic Product Lead</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
© 2025 tailsections.com. All rights reserved

Don’t Lose Your Edits!

Your changes are saved locally, but they may expire or be lost if you don’t create an account.

Create Account