init

static/Vvvebjs/demo/landing/scss/sections/showcase/showcase-8.scss

@@ -0,0 +1,74 @@
+.showcase-8 {
+	padding: 2rem 0;
+
+	.feature {
+		-webkit-box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
+		box-shadow: 0 15px 30px 0 rgba(var(--bs-body-color-rgb),.1);
+		border-radius:7px;
+		display:flex;
+		
+		.text {
+			padding:2rem;
+		}
+	}
+
+	.font-container {
+		-webkit-box-flex: 0;
+		-ms-flex: 0 0 210px;
+		flex: 0 0 210px;
+		display:flex;
+		background:var(--bs-light);
+		
+		.font-icon {
+			color:var(--bs-primary);
+			margin:auto;
+			
+			font-size:7rem;
+			padding:1.4rem;
+			border-radius:60px;
+			
+		}
+	}
+	
+	.col-md-6 {
+		//padding: 4rem;
+	}
+
+	h3 {
+		margin-bottom: 2rem;
+		color:var(--bs-body-color);
+		line-height:1.4rem;
+		
+		a {
+			font-size:2.7rem;
+			line-height:3.5rem;
+			color:var(--bs-body-color);
+			text-decoration:none;
+		}
+	}
+	
+	a {
+		text-decoration:none;
+		color:var(--bs-gray);
+		
+		&.more {
+			font-size:0.9rem;
+			color:var(--bs-primary);
+			
+			i {
+				color:var(--bs-primary);
+			}
+			
+			&:hover{
+				color:var(--bs-primary);
+			}
+		}
+	}
+	
+	p {
+		font-size: 1rem;
+		color:var(--bs-gray);
+		line-height: 1.4rem;
+		margin-bottom:1rem;
+	}	
+}