init

static/Vvvebjs/demo/landing/sections/hero/hero-6.html

@@ -0,0 +1,45 @@
+<header class="hero-6" aria-label="hero-6">
+
+  <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 text-white">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 mt-4">
+          <a class="btn btn-primary btn-lg ms-0" href="#" role="button">
+            <span>&#9889;</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">
+        <img src="demo/img/team-1.jpg" class="shadow img-fluid rounded-4" loading="lazy">
+      </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" loading="lazy">
+  </div>
+</header>