diff --git a/templates/_layout.html.tera b/templates/_layout.html.tera
index fb5c5fb..556cb40 100644
--- a/templates/_layout.html.tera
+++ b/templates/_layout.html.tera
@@ -32,7 +32,7 @@
 
   <body>
     {% block body %}
-      <nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark" role="navigation">
+      <nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark text-light" role="navigation">
         <div class="container">
           <a class="navbar-brand list-select" href="#">Online Prikbord</a>
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -45,6 +45,7 @@
     <div class="container" id="content">
       {% block content %}{% endblock content %}
     </div> <!-- /.container -->
+    {% block footer %}{% endblock footer %}
     {% block script %}{% endblock script %}
     {% endblock body %}
   </body>
diff --git a/templates/index.html.tera b/templates/index.html.tera
index 2ae7725..bb0f34c 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -103,6 +103,14 @@ Horizontale lijn<pre>"></textarea>
 </div>
 {% endblock content %}
 
+{% block footer %}
+<footer class="footer bg-dark text-light">
+  <div class="container text-center">
+    <small>Wishlists v{{app_version}} — &copy; 2018 Paul van Tilburg</small>
+  </div>
+</footer>
+{% endblock footer %}
+
 {% block script %}
 <script src="/js/wishlists.js"></script>
 {% endblock script %}
