diff --git a/content/about.erb b/content/about.erb
index 35479b4..12ecfba 100644
--- a/content/about.erb
+++ b/content/about.erb
@@ -3,12 +3,7 @@ navigable: true
 title: About
 order: 0
 ---
-<div class="subnav tabs">
-  <ul>
-    <li><a href="/about/statuten">Statuten</a></li>
-    <li class="is-disabled"><a>Historiek</a></li>
-  </ul>
-</div>
+  <%= render '/partials/_about_sub_navbar.*', :selected => 'about' %>
 <div class="content">
   <h1>Over Zeus WPI</h1>
 
diff --git a/content/about/statuten.erb b/content/about/statuten.erb
index a784921..12a237e 100644
--- a/content/about/statuten.erb
+++ b/content/about/statuten.erb
@@ -1,3 +1,4 @@
+<%= render '/partials/_about_sub_navbar.*', :selected => 'statuten'%>
 <div class="columns">
 	<div class="column is-1"></div>
 	<div class="column">
diff --git a/layouts/partials/_about_sub_navbar.erb b/layouts/partials/_about_sub_navbar.erb
new file mode 100644
index 0000000..a71365b
--- /dev/null
+++ b/layouts/partials/_about_sub_navbar.erb
@@ -0,0 +1,8 @@
+<div class="subnav tabs">
+  <ul>
+    <li class="<%= "is-active" if @selected == 'about'%>"><a href="/about">Over</a></li>
+    <li class="<%= "is-active" if @selected == 'statuten'%>"><a href="/about/statuten">Statuten</a></li>
+    <li class="is-disabled"><a>Historiek (soon)</a></li>
+    <li class="is-disabled"><a>Verslagen (soon)</a></li>
+  </ul>
+</div>