<section class="py-24 bg-white overflow-hidden">
<div class="position-relative container">
<img class="position-absolute top-0 start-0 mt-n44 ms-n60" src="pstls-assets/images/teams/team-1-shadow.png" alt="">
<div class="position-relative">
<div class="row align-items-md-center">
<div class="col-12 col-md-5 mb-6 mb-md-0">
<h1 class="mb-0 lh-sm font-heading">Team</h1>
</div>
<div class="col-12 col-md-7">
<p class="mb-0 lh-lg">If you have ever wondered how to develop your brand, this is the place for you. Take a big step forward in growing your business with this great tool.</p>
</div>
</div>
<div class="row mt-20 mt-xl-24">
<div class="col-12 col-md-6 col-lg-4 mb-14">
<div class="mx-auto mw-xs px-7">
<div class="position-relative mb-12">
<img class="img-fluid position-relative" src="pstls-assets/images/teams/team-1-photo.jpg" style="z-index: 1" alt="">
<div class="bg-primary-light position-absolute start-0 top-0 w-100 h-100 mt-6 ms-n6"></div>
</div>
<h5 class="mb-0 fw-bold lh-lg font-heading">Sophie Kowalsky</h5>
<span class="text-muted small">CTO at Shuffle</span>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-14">
<div class="mx-auto mw-xs px-7">
<div class="position-relative mb-12">
<img class="img-fluid position-relative" src="pstls-assets/images/teams/team-1-photo-2.jpg" style="z-index: 1" alt="">
<div class="bg-danger-light position-absolute start-0 top-0 w-100 h-100 mt-n6 ms-6"></div>
</div>
<h5 class="mb-0 fw-bold lh-lg">Sophie Kowalsky</h5>
<span class="text-muted small">CTO at Shuffle</span>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-14 mb-lg-0">
<div class="mx-auto mw-xs px-7">
<div class="position-relative mb-12">
<img class="img-fluid position-relative" src="pstls-assets/images/teams/team-1-photo-3.jpg" style="z-index: 1" alt="">
<div class="bg-success-light position-absolute start-0 top-0 w-100 h-100 mt-6 ms-6"></div>
</div>
<h5 class="mb-0 fw-bold lh-lg">Sophie Kowalsky</h5>
<span class="text-muted small">CTO at Shuffle</span>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-14 mb-lg-0">
<div class="mx-auto mw-xs px-7">
<div class="position-relative mb-12">
<img class="img-fluid position-relative" src="pstls-assets/images/teams/team-1-photo-4.jpg" style="z-index: 1" alt="">
<div class="bg-primary-light position-absolute start-0 top-0 w-100 h-100 mt-n6 ms-6"></div>
</div>
<h5 class="mb-0 fw-bold lh-lg">Sophie Kowalsky</h5>
<span class="text-muted small">CTO at Shuffle</span>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 mb-14 mb-md-0">
<div class="mx-auto mw-xs px-7">
<div class="position-relative mb-12">
<img class="img-fluid position-relative" src="pstls-assets/images/teams/team-1-photo-5.jpg" style="z-index: 1" alt="">
<div class="bg-danger-light position-absolute start-0 top-0 w-100 h-100 mt-6 ms-n6"></div>
</div>
<h5 class="mb-0 fw-bold lh-lg">Sophie Kowalsky</h5>
<span class="text-muted small">CTO at Shuffle</span>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="mx-auto mw-xs px-7">
<div class="position-relative mb-12">
<img class="img-fluid position-relative" src="pstls-assets/images/teams/team-1-photo-6.jpg" style="z-index: 1" alt="">
<div class="bg-success-light position-absolute start-0 top-0 w-100 h-100 mt-n6 ms-n6"></div>
</div>
<h5 class="mb-0 fw-bold lh-lg">Sophie Kowalsky</h5>
<span class="text-muted small">CTO at Shuffle</span>
</div>
</div>
</div>
</div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 5
- Application 38
- Banner 10
- Blog 43
- Call to action 75
- Contact 23
- Content 4
- Content 45
- Cookies 31
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 29
- Features 108
- Footer 27
- Footers 10
- Graphs 9
- HTTP codes 32
- Headers 75
- How it works 29
- Logo clouds 51
- Modals 3
- Navbar 40
- Navigation (horizontal) 63
- Navigation (vertical) 4
- Newsletter 31
- Portfolio 29
- Pricing 25
- Projects 9
- Reviews 5
- Sign in / Sign up 55
- Stats 45
- Tables 25
- Team 24
- Testimonials 25
- Users 8
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.
Component #1
