57 lines
2.2 KiB
HTML
57 lines
2.2 KiB
HTML
<header class="hero-5" aria-label="hero-5">
|
|
|
|
<div class="container">
|
|
<div class="row align-items-center d-flex justify-content-between">
|
|
<div class="col-12 col-md-6 pb-5 order-2 order-sm-2 ">
|
|
<h1 class="fw-bold mb-3 mt-5 display-3">The next generation website builder.</h1>
|
|
<p class="lead">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</p>
|
|
<div class="d-grid d-lg-block gap-2">
|
|
<a class="btn btn-primary btn-lg" href="#" role="button">
|
|
<span>⚡</span>
|
|
<span>Free Download</span>
|
|
</a>
|
|
<a class="btn btn-light btn-lg" href="#" role="button">Live demo</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 order-sm-1 order-md-2">
|
|
|
|
<div class="rounded-4 position-relative overflow-hidden">
|
|
<img class="img-fluid w-100 shadow" src="demo/img/team-1.jpg" alt="Team 1">
|
|
<a class="position-absolute top-50 start-50 translate-middle glightbox d-flex justify-content-center align-items-center z-2" href="https://www.youtube.com/watch?v=rPbrR6b6ZYs">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="5em" height="5em" fill="currentColor" class="text-white" viewBox="0 0 16 16" lc-helper="svg-icon">
|
|
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z"></path>
|
|
</svg>
|
|
</a>
|
|
<div class="overlay z-1"></div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="separator bottom">
|
|
|
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 41" width="100%" preserveAspectRatio="none">
|
|
<defs>
|
|
<style>
|
|
.cls-1 {
|
|
fill: var(--bs-body-bg);
|
|
}
|
|
</style>
|
|
</defs>
|
|
<title>rough-edges-bottom</title>
|
|
<path class="cls-1" d="M0,185l125-26,33,17,58-12s54,19,55,19,50-11,50-11l56,6,60-8,63,15v15H0Z" transform="translate(0 -159)" />
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
<div class="overlay">
|
|
</div>
|
|
|
|
<div class="background-container">
|
|
<img src="demo/img/hero-3.webp" alt="Hero background">
|
|
</div>
|
|
|
|
</header> |