index: Add icons to explainer

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

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 319b58037f3c8a0f034a08b02248afa180b2124c..d6f36a6855f0f40489d1eb3fbeec2e645ab88a8a 100644 (file)
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -24,7 +24,7 @@ $twitter:                                     #00acee;
 // Theme
 $primary:                                      #FF2E53;
 $secondary:                                    #757575;
-$light:                                                #c4c4c4;
+$light:                                                #faf5f6;
 $dark:                                         #4f4f4f;
 
 $theme-colors: (

diff --git a/src/templates/index.html b/src/templates/index.html
index 11b11f90ad8cab0dfba137c7c055f2a10b6e0b0c..13b115eee5178d30035cf20a827ba55b54ac7ebe 100644 (file)
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -40,6 +40,8 @@
 
                        <div class="row">
                                <div class="col-12 col-lg-4 mb-3 text-center">
+                                       <span class="fas fa-fire fa-4x bg-light text-primary p-3 mb-2"></span>
+
                                        <h4>{{ _("The Right Choice") }}</h4>
 
                                        <p class="mb-0">
@@ -48,6 +50,8 @@
                                </div>
 
                                <div class="col-12 col-lg-4 mb-3 text-center">
+                                       <span class="fab fa-osi fa-4x bg-light text-primary p-3 mb-2"></span>
+
                                        <h4>{{ _("Free & Open") }}</h4>
 
                                        <p class="mb-0">
@@ -56,6 +60,8 @@
                                </div>
 
                                <div class="col-12 col-lg-4 mb-3 text-center">
+                                       <span class="fas fa-shield-alt fa-4x bg-light text-primary p-3 mb-2"></span>
+
                                        <h4>{{ _("Security") }}</h4>
 
                                        <p class="mb-0">