init

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

@@ -0,0 +1,43 @@
+<header class="hero-10 pt-5" aria-label="hero-10">
+
+  <div class="container py-5">
+    <div class="row mb-4 align-items-center flex-lg-row-reverse">
+      <div class="col-md-6 col-xl-7 mb-4 mb-lg-0 " style="">
+
+        <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 class="col-md-6 col-xl-5">
+        <div class="mb-3">
+          <div>
+            <h1 class="fw-bolder display-2">Next generation website builder</h1>
+          </div>
+        </div>
+
+
+
+        <div class="mb-4">
+          <div>
+            <p class="lead">Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.</p>
+          </div>
+        </div>
+        <div class="d-grid d-lg-block gap-2">
+          <a class="btn btn-primary btn-lg" href="#" role="button">
+            <span>&#9889;</span>
+            <span>Free Download</span>
+          </a>
+          <a class="btn btn-outline-primary btn-lg" href="#" role="button">Live demo</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</header>