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 d6f36a6855f0f40489d1eb3fbeec2e645ab88a8a..e54fa4624b5b63d73616682cb7f7e7ac5d6c6910 100644 (file)
--- 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 13b115eee5178d30035cf20a827ba55b54ac7ebe..f0f2bea868455bc6e2610acc1fd88782b0cb2ed7 100644 (file)
--- 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 %}