diff --git a/static/anonkun.css b/static/anonkun.css
index 0d7cc28..0e1f217 100644
--- a/static/anonkun.css
+++ b/static/anonkun.css
@@ -1,14 +1,30 @@
-#questBody {
-	height: 100%;
+#header {
 	position: fixed;
-	padding-left: 10px;
-	padding-right: 32%;
+	top: 0;
+	left: 0;
+	width: 100%;
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	background-color: #dddddd;
+}
+
+#header li {
+	display: inline;
+}
+
+#header a {
+	font-size: 14px;
+}
+
+#content {
+	display: flex;
 	overflow: auto;
 }
 
-.chat {
-	display: flex;
-	flex-direction: column;
+#questBody {
+	padding-left: 10px;
+	padding-right: 32%;
 }
 
 #chatPane {
@@ -17,6 +33,8 @@
 	right: 0;
 	position: fixed;
 	padding-right: 20px;
+	display: flex;
+	flex-direction: column;
 }
 
 #chatWindow {
@@ -28,6 +46,8 @@
 #messageBox {
 	padding-bottom: 10px;
 	width: 100%;
+	display: flex;
+	flex-direction: column;
 }
 
 #messageTextarea {
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..7edbae1
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>{% block title %}{% endblock %} - Anonkun</title>
+	<link rel="stylesheet" type="text/css" href="/static/anonkun.css">
+	{% block head %}{% endblock %}
+</head>
+<body>
+	<ul id="header">
+		<li><a href="{{ url_for('views.index') }}">Home</a></li>
+	</ul>
+	<div id="content">{% block content %}{% endblock %}	</div>
+</body>
+</html>
diff --git a/templates/create_quest.html b/templates/create_quest.html
index d29ff66..d5cbda5 100644
--- a/templates/create_quest.html
+++ b/templates/create_quest.html
@@ -1,13 +1,10 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Make a new quest</title>
-</head>
-<body>
-	<form method="post" action="{{ url_for('views.create_quest') }}">
-    	<input type="text" placeholder="Quest Title" name="quest_title" maxlength="300" required/><br/>
-		<textarea id="create_textarea" name="quest_body"></textarea>
-		<input type="submit" name="submit" value="Submit"/>
-	</form>
-</body>
-</html>
+{% extends "base.html" %}
+{% block title %}Start a new quest{% endblock %}
+{% block content %}
+<h1>New Quest</h1>
+<form method="post" action="{{ url_for('views.create_quest') }}">
+   	<input type="text" placeholder="Quest Title" name="quest_title" maxlength="300" required/><br/>
+	<textarea id="create_textarea" name="quest_body"></textarea>
+	<input type="submit" name="submit" value="Submit"/>
+</form>
+{% endblock %}
diff --git a/templates/index.html b/templates/index.html
index 7db8827..c5713a9 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,13 +1,9 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Meet the new anonkun.</title>
-</head>
-<body>
+{% extends "base.html" %}
+{% block title %}Index{% endblock %}
+{% block content %}
 	<h1>Quests 'n Shiet</h1>
 	<a href="./quest/unga-bunga-quest">Unga Bunga Quest</a><br />
 	<a href="./create_quest">Create New Quest</a><br />
 	<a href="./signup">Sign up</a><br />
 	<a href="./login">Login</a><br />
-</body>
-</html>
+{% endblock %}
diff --git a/templates/login.html b/templates/login.html
index 81206c5..8642e9a 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,13 +1,10 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Login</title>
-</head>
-<body>
+{% extends "base.html" %}
+{% block title %}Login{% endblock %}
+{% block content %}
+<h1>Login</h1>
 <form method="post" action="{{ url_for('views.login') }}">
 	<input type="text" placeholder="Username" name="user" maxlength="20" required/><br />
 	<input type="password" placeholder="Password" name="pass" maxlength="1024" required/><br />
 	<input type="submit" value="Log in" name="submit"/>
 </form>
-</body>
-</html>
+{% endblock %}
diff --git a/templates/quest.html b/templates/quest.html
index 6571709..a44c2e1 100644
--- a/templates/quest.html
+++ b/templates/quest.html
@@ -1,8 +1,6 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>{{ quest_title }}</title>
-	<link rel="stylesheet" type="text/css" href="/static/anonkun.css">
+{% extends "base.html" %}
+{% block title %}{{ quest_title }}{% endblock %}
+{% block head %}
 	<script type="text/javascript" src="/static/socket.io.slim.js"></script>
 	<script>
 	var socket;
@@ -43,31 +41,30 @@
 		return number;
 	}
 	</script>
-</head>
-<body>
-	<div id="questBody">
-		<h1>{{ quest_title }}</h1>
-		{% autoescape false %}
-		{{ quest_body }}
-		{% endautoescape %}
-	</div>
-	<div id="chatPane" class="chat">
-		<h1>Chat</h1>
-		<div id="chatWindow" class="chat">
+{% endblock %}
+{% block content %}
+	<div id="questContainer">
+		<div id="questBody">
+			<h1>{{ quest_title }}</h1>
 			{% autoescape false %}
-			{% for message in messages %}
-			<div class="message">
-				<div class="messageHeader">
-					<span class="messageName">{{ message[1] }}</span> <span class="messageDate">{{ message[3] | strftime }}</span>
-				</div>
-				<div class="messageMessage">{{ message[4] }}</div>
-			</div>
-			{% endfor %}
+			{{ quest_body }}
 			{% endautoescape %}
 		</div>
-		<div id="messageBox" class="chat">
-			<textarea id="messageTextarea"></textarea>
+		<div id="chatPane">
+			<h1>Chat</h1>
+			<div id="chatWindow">
+				{% autoescape false %}
+				{% for message in messages %}
+				<div class="message">
+					<div class="messageHeader">
+						<span class="messageName">{{ message[1] }}</span> <span class="messageDate">{{ message[3] | strftime }}</span>
+					</div>
+					<div class="messageMessage">{{ message[4] }}</div>
+				</div>
+				{% endfor %}
+				{% endautoescape %}
+			</div>
+			<div id="messageBox"><textarea id="messageTextarea"></textarea></div>
 		</div>
 	</div>
-</body>
-</html>
+{% endblock %}
diff --git a/templates/signup.html b/templates/signup.html
index d2a1316..4352339 100644
--- a/templates/signup.html
+++ b/templates/signup.html
@@ -1,9 +1,7 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Sign up a new account</title>
-</head>
-<body>
+{% extends "base.html" %}
+{% block title %}Sign up a new account{% endblock %}
+{% block content %}
+<h1>Sign up</h1>
 <div id="namePassRules">
 	<p>Username rules:
 	<ul>
@@ -14,12 +12,11 @@
 	<ul>
 		<li>Must be between 8 and 1024 characters</li>
 	</ul>
+</div>
 <form method="post" action="{{ url_for('views.signup') }}">
 	<input type="text" placeholder="Username" name="user" maxlength="20" required/><br />
 	<input type="password" placeholder="Password" name="pass" maxlength="1024" required/><br />
 	<input type="password" placeholder="Verify password" name="pass_verify" maxlength="1024" required/><br />
 	<input type="submit" value="Sign up" name="submit"/>
 </form>
-</body>
-</html>
-
+{% endblock %}
