<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
All Libraries
Components
- Alert 266
- Application 226
- Banners 98
- Benefits 16
- Blog 285
- Breadcrumbs 24
- Call to action 403
- Cards 29
- Careers 40
- Confirmation 6
- Contact 189
- Content 217
- Cookies 193
- Dashboards 13
- Download 5
- E-commerce (orders) 63
- E-commerce (products) 120
- FAQ 185
- Features 514
- Footers 264
- Forms 9
- Gallery 5
- Graphs 65
- HTTP codes 211
- Hero section 350
- How it works 224
- Instagram photos 5
- Integrations 5
- Logo clouds 344
- Modals 42
- Navbar 305
- Navigation (horizontal) 432
- Navigation (vertical) 23
- Newsletter 218
- Notifications 7
- Paginations 12
- Portfolio 184
- Pricing 221
- Product info 5
- Projects 15
- Reviews 42
- Rich text 6
- Sign in / Sign up 335
- Snackbars 10
- Stats 281
- Tables 158
- Team 206
- Testimonials 244
- Users 59
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Team Components by Shuffle
Choose from 206 variations of Team UI components. Presented here are variants available in various UI libraries.
Get access to all UI components, code, and our visual editor. Try the demo for free!
