Team Sections
Component #1
Our Team
Trust the professionals
法外狂徒-张三
项目经理
Jeff Fisher
CEO, Director
Lida Reidy
Marketer
艾米·弗伦
Lead 设计er
想与我们合作? 正在招聘
<!-- 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="图片描述内容">
<div class="card card-sm text-center mt-n7 mx-3">
<div class="card-body">
<h4 class="card-title">法外狂徒-张三</h4>
<p class="card-text">项目经理</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="图片描述内容">
<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="图片描述内容">
<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="图片描述内容">
<div class="card card-sm text-center mt-n7 mx-3">
<div class="card-body">
<h4 class="card-title">艾米·弗伦</h4>
<p class="card-text">Lead 设计er</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">
想与我们合作? <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">我们的队伍</span>
<h2>创意头脑</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="图片描述内容">
</div>
<span class="card-subtitle">创始人 / CEO</span>
<h4 class="card-title">法外狂徒-张三</h4>
<p class="card-text">我是一个雄心勃勃的工作狂,但除此之外,我是一个非常简单的人。</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="图片描述内容">
</div>
<span class="card-subtitle">项目经理</span>
<h4 class="card-title">Jeff Fisher</h4>
<p class="card-text">我是一个雄心勃勃的工作狂,但除此之外,我是一个非常简单的人。</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="图片描述内容">
</div>
<span class="card-subtitle">产品设计师</span>
<h4 class="card-title">艾米·弗伦</h4>
<p class="card-text">我是一个雄心勃勃的工作狂,但除此之外,我是一个非常简单的人。</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="图片描述内容">
</div>
<span class="card-subtitle">Support Consultant</span>
<h4 class="card-title">菲利普·威廉姆斯</h4>
<p class="card-text">我是一个雄心勃勃的工作狂,但除此之外,我是一个非常简单的人。</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">
想与我们合作? <a class="card-link ms-2" href="../page-hire-us.html">我们正在招聘 <span class="bi-chevron-right small ms-1"></span></a>
</div>
</div>
</div>
<!-- End Card Info -->
</div>
<!-- End Team -->