BASIC-LIBRARY / SECTION / TEAM
Team Two
WHO WE ARE
Meet the innovators shaping our platform. Our diverse team combines technical expertise with a passion for solving real-world problems.
@import url("/template/basic-library/section/team/team-two/raw/styles.css");
<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 tracking-widest text-2xl font-medium mb-4 text-gray-900"
>
WHO WE ARE
</h1>
<p class="ml-auto mr-auto mx-auto leading-relaxed text-base lg:w-2/3">
Meet the innovators shaping our platform. Our diverse team combines
technical expertise with a passion for solving real-world problems.
</p>
</div>
<div class="-m-4 flex flex-wrap">
<div class="pt-4 pr-4 pb-4 pl-4 lg:w-1/2">
<div
class="h-full flex flex-col items-center justify-center text-center sm:flex-row sm:justify-start sm:text-left"
>
<img
alt="team"
class="flex-shrink-0 rounded-lg w-48 h-48 object-cover object-center mb-4 sm:mb-0"
src="https://images.unsplash.com/photo-1488426862026-3ee34a7d66df?auto=format&q=75&fit=crop&w=256"
/>
<div class="flex-grow sm:pl-8">
<h2 class="title-font font-medium text-lg text-gray-900">
Naomi Rivers
</h2>
<h3 class="text-gray-500 mb-3">Frontend Engineer</h3>
<p class="mb-4">
Naomi brings clean design and intuitive user flows to life across
our customer-facing interfaces.
</p>
<span class="inline-flex">
<a class="text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"
></path>
</svg>
</a>
<a class="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"
></path>
</svg>
</a>
<a class="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"
></path>
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="pt-4 pr-4 pb-4 pl-4 lg:w-1/2">
<div
class="h-full flex flex-col items-center justify-center text-center sm:flex-row sm:justify-start sm:text-left"
>
<img
alt="team"
class="flex-shrink-0 rounded-lg w-48 h-48 object-cover object-center mb-4 sm:mb-0"
src="https://images.unsplash.com/photo-1567515004624-219c11d31f2e??auto=format&q=75&fit=crop&w=256"
/>
<div class="flex-grow sm:pl-8">
<h2 class="title-font font-medium text-lg text-gray-900">
Simon Koenig
</h2>
<h3 class="text-gray-500 mb-3">Creative Director</h3>
<p class="mb-4">
Simon oversees visual storytelling across all brand channels,
ensuring our message is clear and consistent.
</p>
<span class="inline-flex">
<a class="text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"
></path>
</svg>
</a>
<a class="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"
></path>
</svg>
</a>
<a class="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"
></path>
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="pt-4 pr-4 pb-4 pl-4 lg:w-1/2">
<div
class="h-full flex flex-col items-center justify-center text-center sm:flex-row sm:justify-start sm:text-left"
>
<img
alt="team"
class="flex-shrink-0 rounded-lg w-48 h-48 object-cover object-center mb-4 sm:mb-0"
src="https://images.unsplash.com/photo-1532073150508-0c1df022bdd1?auto=format&q=75&fit=crop&w=256"
/>
<div class="flex-grow sm:pl-8">
<h2 class="title-font font-medium text-lg text-gray-900">
Priya Desai
</h2>
<h3 class="text-gray-500 mb-3">Lead Mobile Engineer</h3>
<p class="mb-4">
Priya leads our mobile development, delivering native app
experiences tailored for speed and accessibility.
</p>
<span class="inline-flex">
<a class="text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"
></path>
</svg>
</a>
<a class="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"
></path>
</svg>
</a>
<a class="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"
></path>
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="pt-4 pr-4 pb-4 pl-4 lg:w-1/2">
<div
class="h-full flex flex-col items-center justify-center text-center sm:flex-row sm:justify-start sm:text-left"
>
<img
alt="team"
class="flex-shrink-0 rounded-lg w-48 h-48 object-cover object-center mb-4 sm:mb-0"
src="https://images.unsplash.com/photo-1529068755536-a5ade0dcb4e8?auto=format&q=75&fit=crop&w=256"
/>
<div class="flex-grow sm:pl-8">
<h2 class="title-font font-medium text-lg text-gray-900">
Tobias Ng
</h2>
<h3 class="text-gray-500 mb-3">Platform Engineer</h3>
<p class="mb-4">
Tobias is focused on stability and performance across the stack,
ensuring we scale efficiently with demand.
</p>
<span class="inline-flex">
<a class="text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"
></path>
</svg>
</a>
<a class="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"
></path>
</svg>
</a>
<a class="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
class="w-5 h-5"
viewBox="0 0 24 24"
>
<path
d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"
></path>
</svg>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
© 2025 tailsections.com. All rights reserved