<section class="pt-24 pb-36 bg-white overflow-hidden">
<div class="container">
<div class="mw-md-md mx-auto text-center mb-24">
<h2 class="fs-10 fw-semibold text-secondary mb-5">Our happy team</h2>
<p class="text-muted">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
</div>
<div class="container">
<div class="row g-16">
<div class="col-12 col-md-6">
<div class="container">
<div class="row g-7">
<div class="col-auto">
<img src="gradia-assets/images/teams/avatar1.png" alt="">
</div>
<div class="col">
<p class="fs-17 text-muted mb-6">Lorem ipsum dolor sit amet, consec tetur adipis cing elit. Eleifend id vulpu tate amet nunc. Elit sagittis sollici tudin cursus aliquam quis dui. Ut curabitur morbi nunc sit leo tellus neque dolor. Amet sem egestas.</p>
<h3 class="fs-17 mb-0">Darrell Steward, CEO</h3>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="container">
<div class="row g-7">
<div class="col-auto">
<img src="gradia-assets/images/teams/avatar2.png" alt="">
</div>
<div class="col">
<p class="fs-17 text-muted mb-6">Lorem ipsum dolor sit amet, consec tetur adipis cing elit. Eleifend id vulpu tate amet nunc. Elit sagittis sollici tudin cursus aliquam quis dui. Ut curabitur morbi nunc sit leo tellus neque dolor. Amet sem egestas.</p>
<h3 class="fs-17 mb-0">Cody Fisher, CTO</h3>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="container">
<div class="row g-7">
<div class="col">
<p class="fs-17 text-muted mb-6">Lorem ipsum dolor sit amet, consec tetur adipis cing elit. Eleifend id vulpu tate amet nunc. Elit sagittis sollici tudin cursus aliquam quis dui. Ut curabitur morbi nunc sit leo tellus neque dolor. Amet sem egestas.</p>
<h3 class="fs-17 mb-0">Guy Hawkins, CMO</h3>
</div>
<div class="col-auto">
<img src="gradia-assets/images/teams/avatar3.png" alt="">
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="container">
<div class="row g-7">
<div class="col">
<p class="fs-17 text-muted mb-6">Lorem ipsum dolor sit amet, consec tetur adipis cing elit. Eleifend id vulpu tate amet nunc. Elit sagittis sollici tudin cursus aliquam quis dui. Ut curabitur morbi nunc sit leo tellus neque dolor. Amet sem egestas.</p>
<h3 class="fs-17 mb-0">Annette White, COO</h3>
</div>
<div class="col-auto">
<img src="gradia-assets/images/teams/avatar4.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 85
- Application 58
- Banners 15
- Blog 84
- Call to action 99
- Careers 8
- Contact 42
- Content 62
- Cookies 48
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 49
- Features 140
- Footers 58
- Graphs 18
- HTTP codes 55
- Hero section 96
- How it works 46
- Logo clouds 80
- Modals 6
- Navbar 68
- Navigation (horizontal) 97
- Navigation (vertical) 6
- Newsletter 49
- Portfolio 39
- Pricing 47
- Projects 9
- Reviews 5
- Rich text 3
- Sign in / Sign up 81
- Stats 84
- Tables 57
- Team 46
- Testimonials 46
- Users 25
Show team members in an attractive and interesting way. Our UI libraries contain many variations of Bootstrap 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 Bootstrap 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 Bootstrap teams components, code and our editor. Try the demo for free.
