diff --git a/app/templates/app/admin/base.html b/app/templates/app/admin/base.html
new file mode 100644
index 0000000..c1e0db0
--- /dev/null
+++ b/app/templates/app/admin/base.html
@@ -0,0 +1,97 @@
+{% load static %}
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Configuration - GMBA Connect</title>
+
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="description" content="">
+        <meta name="author" content="">
+
+
+        <link href="{% static 'app/admin/bootstrap/bootstrap3/swatch/default/bootstrap.min.css' %}?v=3.3.5" rel="stylesheet">
+
+        <link href="{% static 'app/admin/bootstrap/bootstrap3/css/bootstrap-theme.min.css' %}?v=3.3.5" rel="stylesheet">
+
+        <link href="{% static 'app/admin/css/bootstrap3/admin.css' %}?v=1.1.1" rel="stylesheet">
+
+        <link href="{% static 'app/admin/css/bootstrap3/submenu.css' %}" rel="stylesheet">
+
+        <style>
+        body {
+            padding-top: 4px;
+        }
+        </style>
+
+
+
+
+
+  </head>
+  <body>
+
+    <div class="container">
+      <nav class="navbar navbar-default" role="navigation">
+        <!-- Brand and toggle get grouped for better mobile display -->
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#admin-navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+
+          <a class="navbar-brand" href="/">GMBA Connect</a>
+
+        </div>
+        <!-- navbar content -->
+        <div class="collapse navbar-collapse" id="admin-navbar-collapse">
+
+          <ul class="nav navbar-nav">
+
+
+        <li {% if 'config-home' in request.get_full_path %} class="active" {% endif %}>
+          <a href="{% url 'config_home' %}">Home</a>
+        </li>
+        <li {% if 'config-home' not in request.get_full_path %} class="active" {% endif %}>
+          <a href="{% url 'config' %}">Configuration</a>
+        </li>
+
+          </ul>
+
+
+
+          <ul class="nav navbar-nav navbar-right">
+
+
+
+
+          </ul>
+
+
+
+        </div>
+      </nav>
+
+        <div class="container">
+        {% block content %}
+        {% endblock %}
+        </div>
+    </div>
+
+<script src="{% static 'app/admin/js/jquery.min.js' %}?v=3.3.1" type="text/javascript"></script>
+<script src="{% static 'app/admin/bootstrap/bootstrap3/js/bootstrap.min.js' %}?v=3.3.5" type="text/javascript"></script>
+<script src="{% static 'app/admin/js/moment.min.js' %}?v=2.22.2" type="text/javascript"></script>
+<script src="{% static 'app/admin/select2/select2.min.js' %}?v=3.5.2" type="text/javascript"></script>
+<script src="{% static 'app/admin/js/helpers.js' %}?v=1.0.0" type="text/javascript"></script>
+
+{% block js %}
+{% endblock %}
+
+{% block css %}
+{% endblock %}
+
+  </body>
+</html>
diff --git a/app/templates/app/admin/config.html b/app/templates/app/admin/config.html
index ff79069..c3d8b14 100644
--- a/app/templates/app/admin/config.html
+++ b/app/templates/app/admin/config.html
@@ -1,115 +1,7 @@
+{% extends "app/admin/base.html" %}
 {% load static %}
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Configuration - GMBA Connect</title>
+{% block content %}
 
-        <meta charset="UTF-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta name="description" content="">
-        <meta name="author" content="">
-
-
-        <link href="{% static 'app/admin/bootstrap/bootstrap3/swatch/default/bootstrap.min.css' %}?v=3.3.5" rel="stylesheet">
-
-        <link href="{% static 'app/admin/bootstrap/bootstrap3/css/bootstrap-theme.min.css' %}?v=3.3.5" rel="stylesheet">
-
-        <link href="{% static 'app/admin/css/bootstrap3/admin.css' %}?v=1.1.1" rel="stylesheet">
-
-        <link href="{% static 'app/admin/css/bootstrap3/submenu.css' %}" rel="stylesheet">
-
-        <style>
-        body {
-            padding-top: 4px;
-        }
-        </style>
-
-
-
-
-
-  </head>
-  <body>
-
-    <div class="container">
-      <nav class="navbar navbar-default" role="navigation">
-        <!-- Brand and toggle get grouped for better mobile display -->
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#admin-navbar-collapse">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-
-          <a class="navbar-brand" href="/50b20cba056a31a89803">GMBA Connect</a>
-
-        </div>
-        <!-- navbar content -->
-        <div class="collapse navbar-collapse" id="admin-navbar-collapse">
-
-          <ul class="nav navbar-nav">
-
-
-        <li>
-          <a href="/50b20cba056a31a89803/">Home</a>
-        </li>
-        <li>
-          <a href="/50b20cba056a31a89803/person/">Person</a>
-        </li>
-        <li>
-          <a href="/50b20cba056a31a89803/resource/">Resource</a>
-        </li>
-        <li>
-          <a href="/50b20cba056a31a89803/range/">Range</a>
-        </li>
-        <li>
-          <a href="/50b20cba056a31a89803/method/">Method</a>
-        </li>
-        <li>
-          <a href="/50b20cba056a31a89803/scale/">Scale</a>
-        </li>
-        <li>
-          <a href="/50b20cba056a31a89803/taxon/">Taxon</a>
-        </li>
-        <li>
-          <a href="/50b20cba056a31a89803/field/">Field</a>
-        </li>
-        <li class="active">
-          <a href="/50b20cba056a31a89803/config/">Configuration</a>
-        </li>
-
-          </ul>
-
-
-
-          <ul class="nav navbar-nav navbar-right">
-
-
-
-
-          </ul>
-
-
-
-        </div>
-      </nav>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<div class="container">
     <div class="row">
         <div class="col-sm-10 col-sm-offset-1">
             <h1>Configuration</h1>
@@ -405,19 +297,9 @@
         </div>
     </div>
 </div>
+{% endblock content %}
 
-    </div>
-
-    <script src="{% static 'app/admin/js/jquery.min.js' %}?v=3.3.1" type="text/javascript"></script>
-    <script src="{% static 'app/admin/bootstrap/bootstrap3/js/bootstrap.min.js' %}?v=3.3.5" type="text/javascript"></script>
-    <script src="{% static 'app/admin/js/moment.min.js' %}?v=2.22.2" type="text/javascript"></script>
-    <script src="{% static 'app/admin/select2/select2.min.js' %}?v=3.5.2" type="text/javascript"></script>
-    <script src="{% static 'app/admin/js/helpers.js' %}?v=1.0.0" type="text/javascript"></script>
-<style>
-	table.head { width: 100%; overflow-x: scroll; display: block; }
-	table.head tr td { padding: 5pt; border: 1px solid darkgrey; }
-	h4 { padding: 10pt; background: #ffd; }
-</style>
+{% block js %}
 <script>
 (function($) {
     $(function() {
@@ -465,6 +347,13 @@
     }); //-
 })(jQuery);
 </script>
+{% endblock %}
+{% block css %}
+<style>
+	table.head { width: 100%; overflow-x: scroll; display: block; }
+	table.head tr td { padding: 5pt; border: 1px solid darkgrey; }
+	h4 { padding: 10pt; background: #ffd; }
+</style>
 <style type="text/css">
     .datafile.active { background: lightseagreen }
 
@@ -472,6 +361,4 @@
 		li.datafile:hover { background: yellow }
 		li.datafile .filename, li.datafile .commands { display:inline-block; width:16em }
 </style>
-
-  </body>
-</html>
\ No newline at end of file
+{% endblock %}
\ No newline at end of file