<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 53
- Banners 15
- Blog 56
- Call to action 95
- Careers 4
- Contact 38
- Content 59
- Cookies 41
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 43
- Features 132
- Footers 53
- Graphs 18
- HTTP codes 48
- Hero section 91
- How it works 43
- Logo clouds 72
- Modals 3
- Navbar 68
- Navigation (horizontal) 92
- Navigation (vertical) 6
- Newsletter 45
- Portfolio 39
- Pricing 43
- Projects 9
- Reviews 5
- Sign in / Sign up 71
- Stats 76
- Tables 57
- Team 41
- Testimonials 41
- 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.
