index: Remove "Looking for more?" headline and make section a hero

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

diff --git a/src/templates/index.html b/src/templates/index.html
index afc213fd28ad327b5ceec228333f6e908691de98..35ddeb92a0e450417e844f72df6089713a6ba8da 100644 (file)
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -147,90 +147,90 @@
                </div>
        </section>
 
-       <section class="section">
-               <div class="container">
-                       <h5 class="title is-5">{{ _("Looking For More?") }}</h5>
-
-                       <div class="columns is-vcentered">
-                               <div class="column">
-                                       <div class="box">
-                                               <h5 class="title is-5">{{ _("IPFire Location") }}</h5>
-
-                                               <div class="content">
-                                                       <p>
-                                                               IPFire Location is a geolocation service that maps
-                                                               IP addresses to their geographical locations,
-                                                               autonomous systems, and more!
-                                                       </p>
-                                               </div>
-
-                                               <div class="buttons">
-                                                       <a class="button is-primary is-fullwidth" href="/location">
-                                                               {{ _("Check It Out") }}
-                                                       </a>
+       <section class="hero">
+               <div class="hero-body">
+                       <div class="container">
+                               <div class="columns is-vcentered">
+                                       <div class="column">
+                                               <div class="box">
+                                                       <h5 class="title is-5">{{ _("IPFire Location") }}</h5>
+
+                                                       <div class="content">
+                                                               <p>
+                                                                       IPFire Location is a geolocation service that maps
+                                                                       IP addresses to their geographical locations,
+                                                                       autonomous systems, and more!
+                                                               </p>
+                                                       </div>
+
+                                                       <div class="buttons">
+                                                               <a class="button is-primary is-fullwidth" href="/location">
+                                                                       {{ _("Check It Out") }}
+                                                               </a>
+                                                       </div>
                                                </div>
                                        </div>
-                               </div>
-
-                               <div class="column is-half">
-                                       <div class="box p-6 has-background-lwl has-text-white">
-                                               <h3 class="title is-3 has-text-white">{{ _("Appliances and Support") }}</h3>
-
-                                               <div class="content">
-                                                       <p>
-                                                               Experience next-level security with our high-performance
-                                                               appliances, crafted to optimize IPFire's capabilities.
-                                                               Whether you're fortifying a business infrastructure or
-                                                               safeguarding your home network, we have the right
-                                                               appliance solution tailored for you.
-                                                       </p>
-
-                                                       <p>
-                                                               We are your partners in ensuring continuous network security.
-                                                               Our support solutions keep your systems running smoothly,
-                                                               providing peace of mind in the ever-evolving landscape of
-                                                               security.
-                                                       </p>
-                                               </div>
-
-                                               <div class="block">
-                                                       <a class="button is-white has-text-lwl is-fullwidth has-text-weight-bold"
-                                                                       href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&amp;utm_medium=frontpage">
-                                                               {{ _("Go to Store") }}
-                                                       </a>
-                                               </div>
 
-                                               <div class="block has-text-centered">
-                                                       <figure class="image is-128x128 is-inline-block">
-                                                               <img src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
-                                                                       alt="{{ _("Lightning Wire Labs") }}">
-                                                       </figure>
+                                       <div class="column is-half">
+                                               <div class="box p-6 has-background-lwl has-text-white">
+                                                       <h3 class="title is-3 has-text-white">{{ _("Appliances and Support") }}</h3>
+
+                                                       <div class="content">
+                                                               <p>
+                                                                       Experience next-level security with our high-performance
+                                                                       appliances, crafted to optimize IPFire's capabilities.
+                                                                       Whether you're fortifying a business infrastructure or
+                                                                       safeguarding your home network, we have the right
+                                                                       appliance solution tailored for you.
+                                                               </p>
+
+                                                               <p>
+                                                                       We are your partners in ensuring continuous network security.
+                                                                       Our support solutions keep your systems running smoothly,
+                                                                       providing peace of mind in the ever-evolving landscape of
+                                                                       security.
+                                                               </p>
+                                                       </div>
+
+                                                       <div class="block">
+                                                               <a class="button is-white has-text-lwl is-fullwidth has-text-weight-bold"
+                                                                               href="https://store.lightningwirelabs.com/?utm_source={{ hostname }}&amp;utm_medium=frontpage">
+                                                                       {{ _("Go to Store") }}
+                                                               </a>
+                                                       </div>
+
+                                                       <div class="block has-text-centered">
+                                                               <figure class="image is-128x128 is-inline-block">
+                                                                       <img src="{{ static_url("img/lightningwirelabs-logo.svg") }}"
+                                                                               alt="{{ _("Lightning Wire Labs") }}">
+                                                               </figure>
+                                                       </div>
                                                </div>
                                        </div>
-                               </div>
 
-                               <div class="column">
-                                       <div class="box">
-                                               <h5 class="title is-5">{{ _("Donate Today") }}</h5>
-
-                                               <div class="content">
-                                                       <p>
-                                                               IPFire is being sponsored by its users.
-                                                               Help us with your donation today!
-                                                       </p>
-                                               </div>
-
-                                               <div class="buttons">
-                                                       <a class="button is-primary is-fullwidth" href="/donate">
-                                                               <span class="icon-text">
-                                                                       <span class="icon">
-                                                                               <i class="fas fa-heart"></i>
-                                                                       </span>
-                                                                       <span>
-                                                                               {{ _("Donate") }}
+                                       <div class="column">
+                                               <div class="box">
+                                                       <h5 class="title is-5">{{ _("Donate Today") }}</h5>
+
+                                                       <div class="content">
+                                                               <p>
+                                                                       IPFire is being sponsored by its users.
+                                                                       Help us with your donation today!
+                                                               </p>
+                                                       </div>
+
+                                                       <div class="buttons">
+                                                               <a class="button is-primary is-fullwidth" href="/donate">
+                                                                       <span class="icon-text">
+                                                                               <span class="icon">
+                                                                                       <i class="fas fa-heart"></i>
+                                                                               </span>
+                                                                               <span>
+                                                                                       {{ _("Donate") }}
+                                                                               </span>
                                                                        </span>
-                                                               </span>
-                                                       </a>
+                                                               </a>
+                                                       </div>
                                                </div>
                                        </div>
                                </div>