From a94d97d8fc310d4d487d562921259e499cd274be Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 18 Mar 2023 14:34:11 +0000
Subject: [PATCH] about: added hero

---
 src/templates/about.html | 47 +++++++++++++++++++++++++---------------
 1 file changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/templates/about.html b/src/templates/about.html
index 09bd673d..e521a061 100644
--- 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>
-- 
2.47.2