From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 3 Nov 2020 13:27:26 +0000 (+0000)
Subject: index: Add box to promote LWL
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=c98edbef1f07511925a33ecfbaacab329e731f16;p=ipfire.org.git

index: Add box to promote LWL

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index d6f36a68..e54fa462 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -23,7 +23,7 @@ $twitter:					#00acee;
 
 // Theme
 $primary:					#FF2E53;
-$secondary:					#757575;
+$secondary:					$white;
 $light:						#faf5f6;
 $dark:						#4f4f4f;
 
@@ -93,6 +93,10 @@ $btn-border-width:			4px;
 $btn-padding-x:				1.5rem;
 $btn-padding-y:				.5rem;
 
+
+// Cards
+$card-border-radius:		0;
+
 // Progress
 $progress-height:			1rem * $line-height-base;
 
diff --git a/src/templates/index.html b/src/templates/index.html
index 13b115ee..f0f2bea8 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -71,4 +71,31 @@
 			</div>
 		</div>
 	</section>
+
+	<section>
+		<div class="container">
+			<div class="card bg-lwl text-white p-5">
+				<div class="row flex-lg-row-reverse justify-content-lg-between">
+					<div class="col-12 col-lg-3 text-center">
+						<img class="img-fluid w-100 my-2" src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
+							alt="{{ _("Lightning Wire Labs") }}">
+					</div>
+
+					<div class="col-12 col-lg-7 d-flex flex-column align-items-start align-self-center">
+						<h4>{{ _("Appliances and Support") }}</h4>
+
+						<p>
+							You need someone you can call when things go wrong.
+							Partnered with Lightning Wire Labs we offer applicances for enterprise
+							and XX businesses.
+						</p>
+
+						<a class="btn btn-secondary" href="https://www.lightningwirelabs.com">
+							{{ _("Go To Website") }}
+						</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
 {% end block %}