51 lines
1.9 KiB
HTML
51 lines
1.9 KiB
HTML
<header class="hero-3" aria-label="hero-3">
|
|
|
|
<div class="container">
|
|
<div>
|
|
<div class="row align-items-center justify-content-center text-center">
|
|
<div class="col-lg-12">
|
|
<h1 class="heading mb-4 display-3" data-aos="fade-up" data-aos-delay="100">Next generation website builder</h1>
|
|
<div class="col-lg-8 mx-auto">
|
|
<h2 class="h4 lh-base fw-normal" data-aos="fade-up" data-aos-delay="100">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</h2>
|
|
</div>
|
|
|
|
<div class="buttons" data-aos="fade-up" data-aos-delay="300">
|
|
<a href="https://www.vvveb.com" class="btn btn-primary">
|
|
<span>Free Download</span>
|
|
<span>⚡</span>
|
|
</a>
|
|
<a href="https://demo.vvveb.com" class="btn btn-light">Live Demo</a>
|
|
</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%" height="100" fill="var(--bs-body-bg)" preserveAspectRatio="none">
|
|
<defs></defs>
|
|
<title>rough-edges-bottom</title>
|
|
<path 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="separator top">
|
|
|
|
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 41" width="100%" height="200" 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> |