<section class="position-relative bg-secondary-dark py-24 py-md-40">
<img class="position-absolute top-50 start-0 w-100 translate-middle-y img-fluid" src="zospace-assets/lines/line-two-montain.svg" alt="">
<div class="container position-relative mx-auto">
<h2 class="h3 text-white text-center mb-24">Our Team</h2>
<div class="row mw-xl-6xl mx-auto justify-content-center mb-24">
<div class="col-12 col-lg-4 mb-20 mb-lg-0">
<div class="mw-xs mx-auto">
<img class="w-100 img-fluid mb-8" src="https://images.pexels.com/photos/5325840/pexels-photo-5325840.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="" style="height: 350px; object-fit: cover;">
<a class="btn w-100 text-start p-10 bg-primary rounded" href="#">
<h4 class="text-white mb-2">Léa Herrera</h4>
<span class="text-white">UX Designer</span>
<div class="mt-2 text-end">
<svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.2042 7.78599L19.5171 14.4731L18.6812 13.6372L24.3611 7.95734L0.709572 7.96153L0.709572 6.78292L24.3611 6.77874L19.0992 1.51681L19.9351 0.680916L26.2042 6.9501C26.4351 7.18093 26.4351 7.55515 26.2042 7.78599Z" fill="white"></path>
</svg>
</div>
</a>
</div>
</div>
<div class="col-12 col-lg-4 mb-20 mb-lg-0 mt-lg-40">
<div class="mw-xs mx-auto">
<img class="w-100 img-fluid mb-8" src="https://images.pexels.com/photos/5325885/pexels-photo-5325885.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="" style="height: 350px; object-fit: cover;">
<a class="btn w-100 text-start p-10 bg-primary rounded" href="#">
<h4 class="text-white mb-2">Maxi Svennson</h4>
<span class="text-white">Social Media Manager</span>
<div class="mt-2 text-end">
<svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.2042 7.78599L19.5171 14.4731L18.6812 13.6372L24.3611 7.95734L0.709572 7.96153L0.709572 6.78292L24.3611 6.77874L19.0992 1.51681L19.9351 0.680916L26.2042 6.9501C26.4351 7.18093 26.4351 7.55515 26.2042 7.78599Z" fill="white"></path>
</svg>
</div>
</a>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="mw-xs mx-auto">
<img class="w-100 img-fluid mb-8" src="https://images.unsplash.com/photo-1615803795804-06a0c2a0030e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=334&q=80" alt="" style="height: 350px; object-fit: cover;">
<a class="btn w-100 text-start p-10 bg-primary rounded" href="#">
<h4 class="text-white mb-2">Oliver Haller</h4>
<span class="text-white">Co-Founder</span>
<div class="mt-2 text-end">
<svg width="27" height="15" viewbox="0 0 27 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.2042 7.78599L19.5171 14.4731L18.6812 13.6372L24.3611 7.95734L0.709572 7.96153L0.709572 6.78292L24.3611 6.77874L19.0992 1.51681L19.9351 0.680916L26.2042 6.9501C26.4351 7.18093 26.4351 7.55515 26.2042 7.78599Z" fill="white"></path>
</svg>
</div>
</a>
</div>
</div>
</div>
<div class="text-center"><a class="btn btn-outline-light" href="#">More</a></div>
</div>
</section>Framework
Bootstrap
UI Library
All Libraries
Components
- Alert 85
- Application 43
- Applications 5
- Banner 15
- Blog 53
- Call to action 86
- Contact 28
- Contacts 5
- Content 59
- Cookies 41
- E-commerce (orders) 14
- E-commerce (products) 24
- FAQ 39
- Features 118
- Footers 48
- Graphs 18
- HTTP codes 43
- Headers 86
- How it works 39
- Logo clouds 68
- Modals 3
- Navbar 68
- Navigation (horizontal) 80
- Navigation (vertical) 6
- Navigations 4
- Newsletter 41
- Portfolio 39
- Pricing 35
- Projects 9
- Reviews 5
- Sign in / Sign up 65
- Stats 71
- Tables 52
- Tables 5
- Team 35
- Testimonials 35
- 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.
