Team Sections
Component #1
Our Team
Trust the professionals
Christina Kray
Project Manager
Jeff Fisher
CEO, Director
Lida Reidy
Marketer
Amy Forren
Lead Designer
Want to work with us? We're hiring
<!-- Team -->
<div class="container content-space-2 content-space-lg-3">
<!-- Heading -->
<div class="w-md-80 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
<span class="d-block small font-weight-bold text-cap mb-2">Our Team</span>
<h2>Trust the professionals</h2>
</div>
<!-- End Heading -->
<div class="row mb-7">
<div class="col-sm-6 col-md-3 mb-5 mb-lg-0">
<!-- Team -->
<img class="card-img rounded-2" src="../assets/img/400x500/img28.jpg" alt="Image Description">
<div class="card card-sm text-center mt-n7 mx-3">
<div class="card-body">
<h4 class="card-title">Christina Kray</h4>
<p class="card-text">Project Manager</p>
</div>
</div>
<!-- End Team -->
</div>
<!-- End Col -->
<div class="col-sm-6 col-md-3 mb-5 mb-lg-0">
<!-- Team -->
<img class="card-img rounded-2" src="../assets/img/400x500/img29.jpg" alt="Image Description">
<div class="card card-sm text-center mt-n7 mx-3">
<div class="card-body">
<h4 class="card-title">Jeff Fisher</h4>
<p class="card-text">CEO, Director</p>
</div>
</div>
<!-- End Team -->
</div>
<!-- End Col -->
<div class="col-sm-6 col-md-3 mb-5 mb-sm-0">
<!-- Team -->
<img class="card-img rounded-2" src="../assets/img/400x500/img30.jpg" alt="Image Description">
<div class="card card-sm text-center mt-n7 mx-3">
<div class="card-body">
<h4 class="card-title">Lida Reidy</h4>
<p class="card-text">Marketer</p>
</div>
</div>
<!-- End Team -->
</div>
<!-- End Col -->
<div class="col-sm-6 col-md-3">
<!-- Team -->
<img class="card-img rounded-2" src="../assets/img/400x500/img27.jpg" alt="Image Description">
<div class="card card-sm text-center mt-n7 mx-3">
<div class="card-body">
<h4 class="card-title">Amy Forren</h4>
<p class="card-text">Lead Designer</p>
</div>
</div>
<!-- End Team -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<!-- Card Info -->
<div class="text-center">
<div class="card card-info-link card-sm">
<div class="card-body">
Want to work with us? <a class="card-link ms-2" href="../page-hire-us.html">We're hiring <span class="bi-chevron-right small ms-1"></span></a>
</div>
</div>
</div>
<!-- End Card Info -->
</div>
<!-- End Team -->
Component #2
<!-- Team -->
<div class="container content-space-2 content-space-lg-3">
<!-- Heading -->
<div class="w-md-75 w-lg-50 text-center mx-md-auto mb-5 mb-md-9">
<span class="text-cap">Our team</span>
<h2>Creative minds</h2>
</div>
<!-- End Heading -->
<div class="row gx-3 mb-5">
<div class="col-sm-6 col-lg-3 mb-3">
<!-- Card -->
<div class="card card-transition h-100">
<div class="card-body">
<div class="avatar avatar-lg avatar-circle mb-4">
<img class="avatar-img" src="../assets/img/160x160/img7.jpg" alt="Image Description">
</div>
<span class="card-subtitle">Founder / CEO</span>
<h4 class="card-title">Christina Kray</h4>
<p class="card-text">I am an ambitious workaholic, but apart from that, pretty simple person.</p>
</div>
<div class="card-footer pt-0">
<!-- Socials -->
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-google"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-twitter"></i>
</a>
</li>
</ul>
<!-- End Socials -->
</div>
</div>
<!-- End Card -->
</div>
<!-- End Col -->
<div class="col-sm-6 col-lg-3 mb-3">
<!-- Card -->
<div class="card card-transition h-100">
<div class="card-body">
<div class="avatar avatar-lg avatar-circle mb-4">
<img class="avatar-img" src="../assets/img/160x160/img3.jpg" alt="Image Description">
</div>
<span class="card-subtitle">Project Manager</span>
<h4 class="card-title">Jeff Fisher</h4>
<p class="card-text">I am an ambitious workaholic, but apart from that, pretty simple person.</p>
</div>
<div class="card-footer pt-0">
<!-- Socials -->
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-google"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-twitter"></i>
</a>
</li>
</ul>
<!-- End Socials -->
</div>
</div>
<!-- End Card -->
</div>
<!-- End Col -->
<div class="col-sm-6 col-lg-3 mb-3">
<!-- Card -->
<div class="card card-transition h-100">
<div class="card-body">
<div class="avatar avatar-lg avatar-circle mb-4">
<img class="avatar-img" src="../assets/img/160x160/img10.jpg" alt="Image Description">
</div>
<span class="card-subtitle">Product Designer</span>
<h4 class="card-title">Amy Forren</h4>
<p class="card-text">I am an ambitious workaholic, but apart from that, pretty simple person.</p>
</div>
<div class="card-footer pt-0">
<!-- Socials -->
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-google"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-twitter"></i>
</a>
</li>
</ul>
<!-- End Socials -->
</div>
</div>
<!-- End Card -->
</div>
<!-- End Col -->
<div class="col-sm-6 col-lg-3 mb-3">
<!-- Card -->
<div class="card card-transition h-100">
<div class="card-body">
<div class="avatar avatar-lg avatar-circle mb-4">
<img class="avatar-img" src="../assets/img/160x160/img5.jpg" alt="Image Description">
</div>
<span class="card-subtitle">Support Consultant</span>
<h4 class="card-title">Philip Williams</h4>
<p class="card-text">I am an ambitious workaholic, but apart from that, pretty simple person.</p>
</div>
<div class="card-footer pt-0">
<!-- Socials -->
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-google"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-primary btn-xs btn-icon rounded" href="#">
<i class="bi-twitter"></i>
</a>
</li>
</ul>
<!-- End Socials -->
</div>
</div>
<!-- End Card -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<!-- Card Info -->
<div class="text-center">
<div class="card card-info-link card-sm">
<div class="card-body">
Want to work with us? <a class="card-link ms-2" href="../page-hire-us.html">We are hiring <span class="bi-chevron-right small ms-1"></span></a>
</div>
</div>
</div>
<!-- End Card Info -->
</div>
<!-- End Team -->