init

static/Vvvebjs/demo/landing/scss/sections/hero/hero-4.scss

@@ -0,0 +1,64 @@
+.hero-4 {
+	background-size: cover;
+	background-position: center center;
+	background-repeat: no-repeat;
+	position: relative;
+	//background-image:url("../img/demo/hero-3.jpg");	
+	
+	height:100vh;
+	min-height:800px;
+	
+	> .container > .row {
+		height:100vh;
+		min-height:800px;
+	}
+	
+	
+	.btn {
+		padding: 1rem 2rem;
+		border-radius: 30px;
+		text-transform: uppercase;
+		font-size: 12px;
+		font-weight: 700;
+		letter-spacing: .1rem;		
+		
+		&.btn-white {
+			background:rgba(var(--bs-body-bg-rgb), 0.2);
+			color:#fff;
+		}
+	}
+	
+	>.container {
+		position: relative;
+		z-index: 2;
+	}
+	
+	.heading {
+		//font-size: 50px;
+		font-weight: 700;
+		color: var(--bs-light);
+	}
+	.subheading {
+		font-family:var(--bs-font-body);
+		//font-size:2rem;
+		margin-bottom:3rem;
+		color: var(--bs-light);		
+	}
+	.svg-wrapper {
+		position: absolute;
+		bottom: 0;
+		width: 100%;
+		left: 0;
+		z-index: 2;
+	}
+	
+	.buttons {
+		margin-top:3rem;
+		font-family:var(--bs-font-body);
+	}
+	
+	.overlay {
+		background: rgba(0,0,0, 1);
+		opacity:0.5;
+	}
+}