46 lines
1.9 KiB
HTML
46 lines
1.9 KiB
HTML
|
<section class="py-5 team-11" aria-label="team-11">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-center text-center mb-2 mb-lg-4">
|
||
|
|
<div class="col-12 col-lg-8 col-xxl-7 text-center mx-auto">
|
||
|
|
<span class="text-muted">Our Great Team</span>
|
||
|
|
<h2 class="display-5 fw-bold">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>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-4 mb-lg-0 mb-4">
|
||
|
|
<div class="card text-white border-0 justify-content-end position-relative">
|
||
|
|
<img class="img-fluid" src="demo/img/sections/team/1.webp">
|
||
|
|
<div class="position-absolute bottom-0 w-100 p-2 p-lg-4 bg-dark" style="--bs-bg-opacity: .3;">
|
||
|
|
<h5 class="fw-bold">John Doe</h5>
|
||
|
|
<div>
|
||
|
|
Designer
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 mb-lg-0 mb-4">
|
||
|
|
<div class="card text-white border-0 justify-content-end position-relative">
|
||
|
|
<img class="img-fluid" src="demo/img/sections/team/2.webp">
|
||
|
|
<div class="position-absolute bottom-0 w-100 p-2 p-lg-4 bg-dark" style="--bs-bg-opacity: .3;">
|
||
|
|
<h5 class="fw-bold">John Doe</h5>
|
||
|
|
<div>
|
||
|
|
Developer
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4">
|
||
|
|
<div class="card text-white border-0 justify-content-end position-relative">
|
||
|
|
<img class="img-fluid" src="demo/img/sections/team/3.webp">
|
||
|
|
<div class="position-absolute bottom-0 w-100 p-2 p-lg-4 bg-dark" style="--bs-bg-opacity: .3;">
|
||
|
|
<h5 class="fw-bold">John Doe</h5>
|
||
|
|
<div>
|
||
|
|
HR Manager
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|