<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
Tailwind CSS
UI Library
All Libraries
Components
- Alert 101
- Application 108
- Banners 73
- Benefits 16
- Blog 132
- Breadcrumbs 24
- Call to action 199
- Cards 29
- Careers 32
- Confirmation 6
- Contact 106
- Content 85
- Cookies 97
- Dashboards 13
- Download 5
- E-commerce (orders) 35
- E-commerce (products) 76
- FAQ 95
- Features 227
- Footers 145
- Forms 9
- Graphs 38
- HTTP codes 107
- Hero section 164
- How it works 129
- Instagram photos 5
- Integrations 5
- Logo clouds 179
- Modals 29
- Navbar 209
- Navigation (horizontal) 215
- Navigation (vertical) 7
- Newsletter 129
- Notifications 7
- Paginations 12
- Portfolio 93
- Pricing 128
- Product info 5
- Projects 6
- Reviews 32
- Rich text 3
- Sign in / Sign up 181
- Snackbars 10
- Stats 153
- Tables 75
- Team 117
- Testimonials 144
- Users 17
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
Show team members in an attractive and interesting way. Our UI libraries contain many variations of Tailwind teams components. Showing the entire team or its key figures builds credibility and attests to the professionalism of the company. It is easier to trust a specific person than a little-known and impersonal organization.
In this mode, you will see versions of the Tailwind teams components that are available within our UI libraries. You will also find many other types of components that will be in the same theme. Our UI libraries are prepared by experienced designers and the code underneath them is created by an in-house team of developers.
Get access to all Tailwind teams components, code and our editor. Try the demo for free.
