Make sections on index page alternating

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

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 1133237058d5c7b6e00cbbcd4265de012c52b1d0..e63b3b4728975ecf7df3abdbc438190b4b7d9c4e 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -139,19 +139,6 @@ footer {
                        padding: 72px 0;
                }
        }
-
-       section#news, section#support, footer {
-               background-color: $body-color;
-               color: $body-bg;
-
-               h1 {
-                       color: inherit;
-               }
-       }
-
-       section#appliances {
-               padding-bottom: 48px;
-       }
 }
 
 .blog-post {

diff --git a/src/templates/index.html b/src/templates/index.html
index 6171c7133086e457a704dbcb369ddc5cc738b440..8901897f55c9db9b69ed4f436d1388050f5b47db 100644 (file)
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -25,7 +25,7 @@
                        </div>
                </div>
 
-               <section id="features">
+               <section class="inverse">
                        <div class="container">
                                <div class="row mb-5">
                                        <div class="col col-md-6">
@@ -129,7 +129,7 @@
                        </div>
                </section>
 
-               <section id="news">
+               <section>
                        <div class="container">
                                <div class="row">
                                        <div class="col-12 col-md-6 col-lg-5 mb-5">
@@ -183,7 +183,7 @@
                        </div>
                </section>
 
-               <section id="appliances">
+               <section class="inverse">
                        <div class="container">
                                <h1 class="text-center">{{ _("Professional Appliances & Services") }}</h1>