diff --git a/mdb/templates/base-menu.html b/mdb/templates/base-menu.html
new file mode 100644
index 0000000..28a692c
--- /dev/null
+++ b/mdb/templates/base-menu.html
@@ -0,0 +1,149 @@
+<!DOCTYPE html> 
+<html lang="en"> 
+	<head> 
+		<title>{% block title%}MDB{% endblock %}</title>
+		<link rel="stylesheet" href="{{ STATIC_URL }}bootstrap/css/bootstrap.css">
+		<link rel="stylesheet" href="{{ STATIC_URL }}bootstrap/css/bootstrap-responsive.css">
+		<meta charset="utf-8">
+		<style type="text/css">
+			body {
+				padding-top: 60px;
+				padding-bottom: 40px;
+			}
+			.sidebar-nav {
+				padding: 9px 0;
+			}
+		</style>
+	</head>
+<body>
+<div class="navbar navbar-fixed-top">
+	<div class="navbar-inner">
+		<div class="container-fluid">
+			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+				<span class="icon-bar"></span>
+			</a>
+			<a class="brand" href="http://mdb.neuf.no">MDB</a>
+		</div>
+	</div>
+</div>
+
+<div class="container-fluid">
+      <div class="row-fluid">
+        <div class="span3">
+          <div class="well sidebar-nav">
+            <ul class="nav nav-list">
+              <li class="nav-header">Information</li>
+              <li class="active"><a href="/info">Overview</a></li>
+              <li><a href="/info/host">Select Host</a></li>
+              <li><a href="/info/host/types">Categories</a></li>
+              <li class="nav-header">Session</li>
+              <li><a href="/admin/logout">Logout</a></li>
+              <li class="nav-header">Admin Shortcuts</li>
+              <li><a href="/admin/mdb/host">Host</a></li>
+              <li><a href="/admin/mdb/domain">Domain</a></li>
+              <li><a href="/admin/mdb/ip4subnet">IPv4 Subnet</a></li>
+              <li><a href="/admin/mdb/ip6subnet">IPv6 Subnet</a></li>
+            </ul>
+          </div><!--/.well -->
+        </div><!--/span-->
+        <div class="span9">
+          <div class="hero-unit">
+		{% block main-info %}
+            <h1>Information view</h1>
+            <p>This portal will give you a complete view over the health of the machine park and the network on Chateau Neuf. Use the menu on the left to navigate.</p>
+		{% endblock %}
+          </div>
+
+          <div class="row-fluid">
+		{% block box1 %}
+            <div class="span4">
+              <h2>Heading</h2>
+              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+              <p><a class="btn" href="#">View details &raquo;</a></p>
+		{% endblock %}
+            </div><!--/span-->
+
+            <div class="span4">
+		{% block box2 %}
+              <h2>Heading</h2>
+
+              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+
+              <p><a class="btn" href="#">View details &raquo;</a></p>
+
+		{% endblock %}
+            </div><!--/span-->
+
+            <div class="span4">
+		{% block box3 %}
+
+              <h2>Heading</h2>
+
+              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+
+              <p><a class="btn" href="#">View details &raquo;</a></p>
+
+		{% endblock %}
+            </div><!--/span-->
+
+          </div><!--/row-->
+		{% block box4 %}
+
+          <div class="row-fluid">
+
+            <div class="span4">
+
+              <h2>Heading</h2>
+
+              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+
+              <p><a class="btn" href="#">View details &raquo;</a></p>
+
+		{% endblock %}
+            </div><!--/span-->
+
+            <div class="span4">
+		{% block box5 %}
+
+              <h2>Heading</h2>
+
+              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+
+              <p><a class="btn" href="#">View details &raquo;</a></p>
+
+            </div><!--/span-->
+
+		{% endblock %}
+            <div class="span4">
+		{% block box6 %}
+
+              <h2>Heading</h2>
+
+              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
+
+              <p><a class="btn" href="#">View details &raquo;</a></p>
+
+		{% endblock %}
+            </div><!--/span-->
+
+          </div><!--/row-->
+
+        </div><!--/span-->
+
+      </div><!--/row-->
+
+
+
+      <hr>
+
+
+	<footer>
+		<p>Det Norske Studentersamfund 2012</p>
+	</footer>
+</div> <!-- /container -->
+<script src="{{ STATIC_URL }}js/jquery.js"></script>
+<script src="{{ STATIC_URL }}bootstrap/js/bootstrap.min.js"></script>
+</body>
+</html>