diff --git a/financeplanner/templates/financeplanner/base.html b/financeplanner/templates/financeplanner/base.html
new file mode 100644
index 0000000..2762d2a
--- /dev/null
+++ b/financeplanner/templates/financeplanner/base.html
@@ -0,0 +1,21 @@
+{% load static %}
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>{% block title %}FinancePlanner{% endblock %}</title>
+    <link rel="stylesheet" type="text/css" href="{% static 'financeplanner/style.css' %}">
+</head>
+<body>
+
+<h1>FloPlanner</h1>
+
+<p>
+    {% block navi %}{% endblock %}
+</p>
+
+{% block content %}{% endblock %}
+
+</body>
+</html>
diff --git a/financeplanner/templates/registration/logged_out.html b/financeplanner/templates/registration/logged_out.html
index 12fafae..4f82854 100644
--- a/financeplanner/templates/registration/logged_out.html
+++ b/financeplanner/templates/registration/logged_out.html
@@ -1,25 +1,15 @@
-{% load static %}
+{% extends "financeplanner/base.html" %}
 
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>FloPlanner - Logout</title>
-    <link rel="stylesheet" type="text/css" href="{% static 'financeplanner/style.css' %}">
-</head>
-<body>
+{% block title %}FinancePlanner - Logout{% endblock %}
 
-<h1>FloPlanner</h1>
-
-<p>
+{% block navi %}
     <a href="{% url 'admin:index' %}" class="mini-link">Admin Panel</a>
     -
     <a href="{% url 'login' %}" class="mini-link">Login</a>
-</p>
+{% endblock %}
 
-<div class="main-container text-centering">
-    <p>You have been logged out.</p>
-</div>
-
-</body>
-</html>
+{% block content %}
+    <div class="main-container text-centering">
+        <p>You have been logged out.</p>
+    </div>
+{% endblock %}
diff --git a/financeplanner/templates/registration/login.html b/financeplanner/templates/registration/login.html
index 7e97535..d3da930 100644
--- a/financeplanner/templates/registration/login.html
+++ b/financeplanner/templates/registration/login.html
@@ -1,40 +1,30 @@
-{% load static %}
+{% extends "financeplanner/base.html" %}
 
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>FloPlanner - Login</title>
-    <link rel="stylesheet" type="text/css" href="{% static 'financeplanner/style.css' %}">
-</head>
-<body>
+{% block title %}FinancePlanner - Login{% endblock %}
 
-<h1>FloPlanner</h1>
-
-<p>
+{% block navi %}
     <a href="{% url 'admin:index' %}" class="mini-link">Admin Panel</a>
-</p>
+{% endblock %}
 
-<div class="main-container flex-col-centering">
-    <form id="login-form" method="post" class="login-form" action="{% url 'login' %}">
-        {% csrf_token %}
-        <p class="login-line">
-            <label for="id_username" class="login-label">Username</label>
-            <input id="id_username" name="username" type="text" class="login-textbox">
-        </p>
-        <p class="login-line">
-            <label for="id_password" class="login-label">Password</label>
-            <input id="id_password" name="password" type="password" class="login-textbox">
-        </p>
-        {% if form.errors %}
-            <p class="login-line login-warning">Wrong credentials, please try again.</p>
-        {% endif %}
-        <p class="login-line">
-            <input type="submit" value="Login" class="login-button"/>
-        </p>
-        <input type="hidden" name="next" value="{{ next }}"/>
-    </form>
-</div>
-
-</body>
-</html>
+{% block content %}
+    <div class="main-container flex-col-centering">
+        <form id="login-form" method="post" class="login-form" action="{% url 'login' %}">
+            {% csrf_token %}
+            <p class="login-line">
+                <label for="id_username" class="login-label">Username</label>
+                <input id="id_username" name="username" type="text" class="login-textbox">
+            </p>
+            <p class="login-line">
+                <label for="id_password" class="login-label">Password</label>
+                <input id="id_password" name="password" type="password" class="login-textbox">
+            </p>
+            {% if form.errors %}
+                <p class="login-line login-warning">Wrong credentials, please try again.</p>
+            {% endif %}
+            <p class="login-line">
+                <input type="submit" value="Login" class="login-button"/>
+            </p>
+            <input type="hidden" name="next" value="{{ next }}"/>
+        </form>
+    </div>
+{% endblock %}
