diff --git a/server/templates/about.tera b/server/templates/about.tera
index 7f52225..6aa498f 100644
--- a/server/templates/about.tera
+++ b/server/templates/about.tera
@@ -1,50 +1,7 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="title" content="{{og_title}}">
-    <title>{{og_title}}</title>
-    <meta name="description" content="{{og_desc}}">
-    <!-- open graph things -->
-    <meta property="og:title" content="{{og_title}}">
-    <meta property="og:type" content="{{og_type}}">
-    <meta property="og:description" content="{{og_desc}}">
-    <meta property="og:url" content="{{og_url}}">
-    <meta property="og:image" content="{{og_image}}">
-	<link rel="shortcut icon" type="image/png" href="{{favicon}}">
-    
-	<script src="https://kit.fontawesome.com/744f5c4640.js"></script>
-    <link rel="stylesheet" href="/static/css/about.css">
-    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
-</head>
+{% set stylesheet = "/static/css/about.css" %}
+{% include "header" %}
 <body>
-    <nav class="navbar navbar-expand-lg navbar-light bg-light">
-    <a class="navbar-brand" href="/">{{brand_url}}</a>
-    <button 
-            class="navbar-toggler dropdown" 
-            type="button" data-toggle="collapse" 
-            data-target="#nav-content" 
-            aria-controls="nav-content" 
-            aria-expanded="false" 
-            aria-label="Toggle navigation">
-        <span class="navbar-toggler-icon"></span>
-    </button>
-
-    <div class="collapse navbar-collapse" id="nav-content">
-        <ul class="navbar-nav">
-        <li class="nav-item">
-            <a class="nav-link" href="/about">What is freechat?</a>
-        </li>
-        <li class="nav-item"> 
-            <a class="nav-link" href="/servers">Instances</a>
-        </li>
-        </ul>
-    </div>
-    </nav>
+{%include "navbar" %}
     <div class="content-wrapper">
         <div class="content">
             <div class="pure-g">
diff --git a/server/templates/index.tera b/server/templates/index.tera
index 75cd8df..3204f08 100644
--- a/server/templates/index.tera
+++ b/server/templates/index.tera
@@ -1,59 +1,13 @@
 
-<!doctype html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="title" content="{{og_title}}">
-    <title>{{og_title}}</title>
-    <meta name="description" content="{{og_desc}}">
-    <!-- open graph things -->
-    <meta property="og:title" content="{{og_title}}">
-    <meta property="og:type" content="{{og_type}}">
-    <meta property="og:description" content="{{og_desc}}">
-    <meta property="og:url" content="{{og_url}}">
-    <meta property="og:image" content="{{og_image}}">
-	<link rel="shortcut icon" type="image/png" href="{{favicon}}">
-    
-	<script src="https://kit.fontawesome.com/744f5c4640.js"></script>
-    <link rel="stylesheet" href="/static/css/index.css">
-    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
-
-</head>
+{% set stylesheet = "/static/css/index.css" %}
+{% include 'header' %}
 <body>
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
-  <a class="navbar-brand" href="/">{{brand_url}}</a>
-  <button 
-        class="navbar-toggler dropdown" 
-        type="button" data-toggle="collapse" 
-        data-target="#nav-content" 
-        aria-controls="nav-content" 
-        aria-expanded="false" 
-        aria-label="Toggle navigation">
-    <span class="navbar-toggler-icon"></span>
-  </button>
-
-  <div class="collapse navbar-collapse" id="nav-content">
-    <ul class="navbar-nav">
-      <li class="nav-item">
-        <a class="nav-link" href="/about">What is freechat?</a>
-      </li>
-      <li class="nav-item"> 
-        <a class="nav-link" href="/servers">Instances</a>
-      </li>
-    </ul>
-  </div>
-</nav>
+{% include "navbar" %}
 <div class="splash-container">
     <div class="splash">
         <h1 class="splash-head">{{brand_url}}</h1>
         <p class="splash-subhead">{{brand_motto}}</p>
-        <p>
-            <a href="#msgform" class="pure-button pure-button-primary">{{brand_quip}}</a>
-        </p>
+        <p><button class="btn btn-light" type="button">Join Now</button></p>
     </div>
 </div>
 
@@ -73,13 +27,4 @@
     </div>
 </div>
 </body>
-    <!-- If jquery doesn't come first things like dropdown menus break -->
-    <script
-        src="https://code.jquery.com/jquery-3.4.1.slim.js"
-        integrity="sha256-BTlTdQO9/fascB1drekrDVkaKd9PkwBymMlHOiG+qLI="
-        crossorigin="anonymous"></script>    
-    <script 
-        src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" 
-        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" 
-        crossorigin="anonymous"></script>
-</html>
\ No newline at end of file
+{% include "footer" %}
\ No newline at end of file
