From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 18 Mar 2023 14:34:11 +0000 (+0000)
Subject: about: added hero
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=a94d97d8fc310d4d487d562921259e499cd274be;p=ipfire.org.git

about: added hero
---

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>