Back to Team Members
Team

Team Design 5

Beautiful Bootstrap team block — copy & paste ready.

#bootstrap#team

Live preview

Source code

html
<div class="container py-5">
  <h2 class="fw-bold text-center mb-5">Meet the team</h2>
  <div class="row g-4">
    <div class="col-6 col-md-3 text-center">
      <div class="rounded-4 overflow-hidden mb-3 bg-light" style="aspect-ratio:1"><img src="https://i.pravatar.cc/300?img=17" class="w-100 h-100"></div>
      <h6 class="fw-bold mb-0">Person 1</h6><small class="text-secondary">Designer</small>
    </div>
    <div class="col-6 col-md-3 text-center">
      <div class="rounded-4 overflow-hidden mb-3 bg-light" style="aspect-ratio:1"><img src="https://i.pravatar.cc/300?img=18" class="w-100 h-100"></div>
      <h6 class="fw-bold mb-0">Person 2</h6><small class="text-secondary">Designer</small>
    </div>
    <div class="col-6 col-md-3 text-center">
      <div class="rounded-4 overflow-hidden mb-3 bg-light" style="aspect-ratio:1"><img src="https://i.pravatar.cc/300?img=19" class="w-100 h-100"></div>
      <h6 class="fw-bold mb-0">Person 3</h6><small class="text-secondary">Designer</small>
    </div>
    <div class="col-6 col-md-3 text-center">
      <div class="rounded-4 overflow-hidden mb-3 bg-light" style="aspect-ratio:1"><img src="https://i.pravatar.cc/300?img=20" class="w-100 h-100"></div>
      <h6 class="fw-bold mb-0">Person 4</h6><small class="text-secondary">Designer</small>
    </div>
  </div>
</div>

More designs in this section