<section class="py-32 bg-white overflow-hidden">
<div class="container px-4 mx-auto">
<div class="flex flex-wrap max-w-6xl mx-auto -m-3">
<div class="w-full md:w-1/3 p-3">
<div class="flex flex-col justify-end p-10 h-full bg-indigo-600 rounded-3xl">
<div>
<h3 class="mb-4 text-4xl text-white font-bold leading-snug">Who We Are</h3>
<p class="mb-8 text-white text-opacity-70 font-medium leading-relaxed">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat enim.</p>
<div class="md:max-w-max">
<button class="py-4 px-7 w-full font-semibold rounded-xl shadow-6xl focus:ring focus:ring-gray-300 bg-white hover:bg-gray-100 transition ease-in-out duration-200" type="button">Learn about us</button>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/3 p-3">
<div class="relative max-w-max mx-auto h-full overflow-hidden rounded-3xl">
<img class="h-full object-cover transform hover:scale-105 transition ease-in-out duration-1000" src="flaro-assets/images/team/bg.png" alt="">
<div class="bg-gradient-white absolute bottom-0 left-0 w-full p-8 pt-20" style="backdrop-filter: blur(3px);">
<h3 class="mb-1 text-2xl font-semibold leading-snug">Leslie Alexander</h3>
<p class="text-gray-600 font-medium">Co-Founder, CEO</p>
</div>
</div>
</div>
<div class="w-full md:w-1/3 p-3">
<div class="relative max-w-max mx-auto h-full overflow-hidden rounded-3xl">
<img class="h-full object-cover transform hover:scale-105 transition ease-in-out duration-1000" src="flaro-assets/images/team/bg2.png" alt="">
<div class="bg-gradient-white absolute bottom-0 left-0 w-full p-8 pt-20" style="backdrop-filter: blur(3px);">
<h3 class="mb-1 text-2xl font-semibold leading-snug">Jenny Wilson</h3>
<p class="text-gray-600 font-medium">Co-Founder, CEO</p>
</div>
</div>
</div>
</div>
</div>
</section>Framework
All Frameworks
UI Library
Flaro
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Team Components by Shuffle
Choose from 12 variations of Team UI components. Presented here are variants available in Flaro library.
You will also find many other types of components in Shuffle Editor that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.
Get access to all Team UI components, code and our visual editor. Try the demo for free!
