about: added hero

diff --git a/src/templates/about.html b/src/templates/about.html
index 09bd673dc8a365921794ce63579c2e5a6cb65a44..e521a06107fd992eeb7ff8f8d91199360fa7d5c3 100644 (file)
--- a/src/templates/about.html
+++ b/src/templates/about.html
@@ -3,24 +3,37 @@
 {% block title %}{{ _("About IPFire") }}{% end block %}
 
 {% block container %}
-       <div class="header">
-               <div class="container">
-                       <h1>{{ _("About IPFire") }}</h1>
-
-                       <p class="text-muted">
-                               IPFire is a dedicated firewall which will protect your network
-                               from threats from the Internet.
-
-                               Developed by an independent community of experts,
-                               it is a state-the-art product that trusted by thousands?
-                       </p>
-
-                       <!--
-                               This should be the executive summary (elevator pitch)
-                               and tell people what IPFire is and invite them to use it.
-                       -->
+       <section class="hero has-background-primary-light">
+               <div class="hero-body">
+                       <div class="container">
+                               <nav class="breadcrumb is-medium" aria-label="breadcrumbs">
+                                       <ul>
+                                               <li>
+                                                       <a href="/">Home</a>
+                                               </li>
+                                               <li class="is-active">
+                                                       <a href="#" aria-current="page">About</a>
+                                               </li>
+                                       </ul>
+                               </nav>
+                               <h1 class="title is-1">{{ _("About") }}</h1>
+                               <p class="subtitle">
+                                       IPFire is a dedicated firewall which will protect your network
+                                       from threats from the Internet.
+
+                                       Developed by an independent community of experts,
+                                       it is a state-the-art product that trusted by thousands?
+
+                                       <!--
+                                               This should be the executive summary (elevator pitch)
+                                               and tell people what IPFire is and invite them to use it.
+                                       -->
+                               </p>
+                       </div>
                </div>
-       </div>
+       </section>
+
+
 
        <div class="container">
                <section>