48 lines
1.9 KiB
HTML
48 lines
1.9 KiB
HTML
<header class="hero-11 py-5" aria-label="hero-11">
|
|
<div class="container-fluid pt-5">
|
|
<div class="row mb-4 mb-lg-5 justify-content-lg-between">
|
|
<div class="col-3 col-md-1 col-lg-2 d-none d-md-flex align-items-center">
|
|
<div class="bg-dark ratio ratio-1x1 opacity-25"> </div>
|
|
</div>
|
|
<div class="col-4 col-md-3 col-lg-2 d-flex flex-column justify-content-between">
|
|
<div class="bg-primary ratio ratio-1x1 opacity-25"> </div>
|
|
<div>
|
|
<img class="img-fluid" src="demo/img/product-2.webp" alt="Team 1">
|
|
</div>
|
|
</div>
|
|
<div class="col-4 col-md-4 col-lg-3">
|
|
<img class="img-fluid" src="demo/img/product.webp" alt="Team 1">
|
|
</div>
|
|
<div class="col-4 col-md-3 col-lg-2 d-flex flex-column justify-content-between">
|
|
<div>
|
|
<img class="img-fluid" src="demo/img/product-2.webp" alt="Team 1">
|
|
</div>
|
|
<div class="bg-primary ratio ratio-1x1 opacity-25"> </div>
|
|
</div>
|
|
<div class="col-3 col-md-1 col-lg-2 d-none d-md-flex align-items-center">
|
|
<div class="bg-dark ratio ratio-1x1 opacity-25"> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="text-center col-md-8">
|
|
<div>
|
|
<h1 class="display-2 fw-bold">Next generation website builder</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center">
|
|
<div class="text-center col-xxl-6 col-md-8">
|
|
<div>
|
|
<p class="lead">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</p>
|
|
</div>
|
|
|
|
<div class="d-grid d-lg-block gap-2">
|
|
<a class="btn btn-primary btn-lg" href="#" role="button">Free download</a>
|
|
<a class="btn btn-outline-primary btn-lg" href="#" role="button">Live demo</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header> |