66 lines
2.8 KiB
HTML
66 lines
2.8 KiB
HTML
|
<section aria-label="features-18">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-4 py-5">
|
||
|
|
<div class="col">
|
||
|
|
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg position-relative">
|
||
|
|
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1 z-2">
|
||
|
|
<div class="pt-5 mt-5 mb-4">
|
||
|
|
<div>
|
||
|
|
<h2 class="display-6 lh-1 fw-bold">Much longer title that wraps to multiple lines</h2>
|
||
|
|
<p>Quickly design and customize responsive mobile-first sites with Bootstrap.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<ul class="d-flex list-unstyled mt-auto ms-auto">
|
||
|
|
<a class="btn btn-link btn-sm text-white " href="#" role="button">Read more</a>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="overlay z-1"></div>
|
||
|
|
<div class="background-container z-0">
|
||
|
|
<img src="demo/img/team-1.jpg">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg position-relative">
|
||
|
|
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1 z-2">
|
||
|
|
<div class="pt-5 mt-5 mb-4">
|
||
|
|
<div>
|
||
|
|
<h2 class="display-6 lh-1 fw-bold">Much longer title that wraps to multiple lines</h2>
|
||
|
|
<p>Quickly design and customize responsive mobile-first sites with Bootstrap.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<ul class="d-flex list-unstyled mt-auto ms-auto">
|
||
|
|
<a class="btn btn-link btn-sm text-white " href="#" role="button">Read more</a>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="overlay z-1"></div>
|
||
|
|
<div class="background-container z-0">
|
||
|
|
<img src="demo/img/team-2.jpg">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg position-relative">
|
||
|
|
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1 z-2">
|
||
|
|
<div class="pt-5 mt-5 mb-4">
|
||
|
|
<div>
|
||
|
|
<h2 class="display-6 lh-1 fw-bold">Much longer title that wraps to multiple lines</h2>
|
||
|
|
<p>Quickly design and customize responsive mobile-first sites with Bootstrap.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<ul class="d-flex list-unstyled mt-auto ms-auto">
|
||
|
|
<a class="btn btn-link btn-sm text-white " href="#" role="button">Read more</a>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="overlay z-1"></div>
|
||
|
|
<div class="background-container z-0">
|
||
|
|
<img src="demo/img/team-1.jpg">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|