70 lines
2.8 KiB
HTML
70 lines
2.8 KiB
HTML
<section class="py-5 team-11" aria-label="team-13">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 order-2 order-lg-1">
|
|
<div class="row g-3">
|
|
<div class="col-sm-6">
|
|
<div class="card text-center border-0 bg-body-tertiary ">
|
|
<div class="card-body px-4 py-4">
|
|
<div class="mb-4 mx-2 mx-md-5">
|
|
<img class="img-fluid rounded-circle" src="demo/img/sections/team/1.webp">
|
|
</div>
|
|
<h5 class="fw-bold">John Doe</h5>
|
|
<div class="text-muted">
|
|
CTO
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="card text-center border-0 bg-body-tertiary ">
|
|
<div class="card-body px-4 py-4">
|
|
<div class="mb-4 mx-2 mx-md-5">
|
|
<img class="img-fluid rounded-circle" src="demo/img/sections/team/2.webp">
|
|
</div>
|
|
<h5 class="fw-bold">John Doe</h5>
|
|
<div class="text-muted">
|
|
CFO
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="card text-center border-0 bg-body-tertiary ">
|
|
<div class="card-body px-4 py-4">
|
|
<div class="mb-4 mx-2 mx-md-5">
|
|
<img class="img-fluid rounded-circle" src="demo/img/sections/team/3.webp">
|
|
</div>
|
|
<h5 class="fw-bold">John Doe</h5>
|
|
<div class="text-muted">
|
|
Designer
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="card text-center border-0 bg-body-tertiary ">
|
|
<div class="card-body px-4 py-4">
|
|
<div class="mb-4 mx-2 mx-md-5">
|
|
<img class="img-fluid rounded-circle" src="demo/img/sections/team/4.webp">
|
|
</div>
|
|
<h5 class="fw-bold">John Doe</h5>
|
|
<div class="text-muted">
|
|
Developer
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 order-1 order-lg-2">
|
|
<div class="ms-lg-5 mb-5">
|
|
<span class="text-muted">Our Great Team</span>
|
|
<h2 class="display-5 fw-bold mb-3 mb-xl-5">Meet the Team</h2>
|
|
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
|
|
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta harum ipsum venenatis metus sem veniam eveniet aperiam suscipit.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |