<section class="relative py-20 md:py-32 overflow-hidden bg-gray-100">
<div class="container px-4 mx-auto">
<div class="max-w-7xl mx-auto">
<div class="max-w-2xl mx-auto mb-18 text-center">
<h1 class="font-heading text-5xl xs:text-6xl md:text-7xl font-bold text-gray-900 mb-8">
<span>Amazing</span>
<span class="font-serif italic">Team</span>
</h1>
<p class="text-lg text-gray-500">We provide experienced advisors to help your company become more successful in the future.</p>
</div>
<div class="flex flex-wrap -mx-4 -mb-8">
<div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-4 mb-8">
<div class="max-w-xs md:max-w-none mx-auto h-full pt-3 px-3 pb-5 bg-white">
<img class="block w-full mb-4 h-64 object-cover" src="saturn-assets/images/team/photo-team-2.png" alt="">
<div class="text-center">
<h5 class="text-xl font-bold">Cameron Williamson</h5>
<span class="text-sm font-bold text-gray-400">Founder</span>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-4 mb-8">
<div class="max-w-xs md:max-w-none mx-auto h-full pt-3 px-3 pb-5 bg-white">
<img class="block w-full mb-4 h-64 object-cover" src="saturn-assets/images/team/photo-team-3.png" alt="">
<div class="text-center">
<h5 class="text-xl font-bold">Annette Black</h5>
<span class="text-sm font-bold text-gray-400">Co-Founder</span>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-4 mb-8">
<div class="max-w-xs md:max-w-none mx-auto h-full pt-3 px-3 pb-5 bg-white">
<img class="block w-full mb-4 h-64 object-cover" src="saturn-assets/images/team/photo-team-4.png" alt="">
<div class="text-center">
<h5 class="text-xl font-bold">Robert Fox</h5>
<span class="text-sm font-bold text-gray-400">Art Director</span>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-4 mb-8">
<div class="max-w-xs md:max-w-none mx-auto h-full pt-3 px-3 pb-5 bg-white">
<img class="block w-full mb-4 h-64 object-cover" src="saturn-assets/images/team/photo-team-5.png" alt="">
<div class="text-center">
<h5 class="text-xl font-bold">Eleanor Pena</h5>
<span class="text-sm font-bold text-gray-400">Project Manager</span>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-4 mb-8">
<div class="max-w-xs md:max-w-none mx-auto h-full pt-3 px-3 pb-5 bg-white">
<img class="block w-full mb-4 h-64 object-cover" src="saturn-assets/images/team/photo-team-6.png" alt="">
<div class="text-center">
<h5 class="text-xl font-bold">Darlene Robertson</h5>
<span class="text-sm font-bold text-gray-400">UI Designer</span>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-4 mb-8">
<div class="max-w-xs md:max-w-none mx-auto h-full pt-3 px-3 pb-5 bg-white">
<img class="block w-full mb-4 h-64 object-cover" src="saturn-assets/images/team/photo-team-7.png" alt="">
<div class="text-center">
<h5 class="text-xl font-bold">Courtney Henry</h5>
<span class="text-sm font-bold text-gray-400">Co-Founder</span>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-4 mb-8">
<div class="max-w-xs md:max-w-none mx-auto h-full pt-3 px-3 pb-5 bg-white">
<img class="block w-full mb-4 h-64 object-cover" src="saturn-assets/images/team/photo-team-8.png" alt="">
<div class="text-center">
<h5 class="text-xl font-bold">Floyd Miles</h5>
<span class="text-sm font-bold text-gray-400">Graphic Designer</span>
</div>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 xl:w-1/4 px-4 mb-8">
<div class="max-w-xs md:max-w-none mx-auto h-full pt-3 px-3 pb-5 bg-white">
<img class="block w-full mb-4 h-64 object-cover" src="saturn-assets/images/team/photo-team-1.png" alt="">
<div class="text-center">
<h5 class="text-xl font-bold">Kristin Watson</h5>
<span class="text-sm font-bold text-gray-400">Illustrator</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
All Frameworks
UI Library
All Libraries
Components
- About us 5
- Advanced inputs 18
- Alert 356
- Application 236
- Banners 106
- Benefits 16
- Blog 305
- Brands 3
- Breadcrumbs 31
- Call to action 445
- Cards 43
- Careers 50
- Contact 210
- Content 226
- Cookies 205
- Dashboards 13
- Download 10
- Dropdowns 4
- E-commerce (orders) 93
- E-commerce (products) 145
- Empty state 4
- FAQ 203
- Features 570
- Footers 292
- Forms 9
- Gallery 5
- Graph tiles 3
- Graphs 93
- HTTP codes 233
- Hero section 392
- How it works 237
- Instagram photos 9
- Integrations 8
- Logo clouds 353
- Modals 48
- Navbar 325
- Navigation (horizontal) 468
- Navigation (vertical) 32
- Newsletter 236
- Notifications 11
- Paginations 16
- Portfolio 184
- Pricing 245
- Product info 5
- Projects 26
- Reviews 46
- Rich text 6
- Search 3
- Services 5
- Sign in / Sign up 373
- Snackbars 10
- Stats 325
- Steps 12
- Tables 195
- Tabs 2
- Team 221
- Testimonials 272
- Toasts 6
- Users 67
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 221 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!
