diff --git a/app.js b/app.js
index 700e28c..7b67f54 100644
--- a/app.js
+++ b/app.js
@@ -9,8 +9,11 @@ app.set('views', './src/views')
 
 app.use(express.static('dist'))
 
+const siteName = "Pronoun Site"
+
 app.get('/', (req, res) => {
-  res.render('home')
+  const pageTitle = siteName;
+  res.render('home', { siteName, pageTitle } )
 })
 
 app.get('/:nominative/:accusative/:pronominal_possessive/:predicative_possessive/:reflexive', (req, res) => {
@@ -21,8 +24,11 @@ app.get('/:nominative/:accusative/:pronominal_possessive/:predicative_possessive
     predicative_possessive: predicativePossessive,
     reflexive,
   } = req.params
+  
+  const pageTitle = [nominative, accusative, pronominalPossessive, predicativePossessive, reflexive].join("/") + " - " + siteName;
+
   res.render('individual', {
-    nominative, accusative, pronominalPossessive, predicativePossessive, reflexive
+    siteName, pageTitle, nominative, accusative, pronominalPossessive, predicativePossessive, reflexive
   })
 })
 
diff --git a/src/views/home.handlebars b/src/views/home.handlebars
index 3a275c6..9ca80a9 100644
--- a/src/views/home.handlebars
+++ b/src/views/home.handlebars
@@ -1,4 +1,3 @@
-<div class="container mx-auto my-8">
-	<h1 class="text-3xl">This is going to be such a cool site!</h1>
-	<p>Check the readme!</p>
-</div>
+<h1 class="text-3xl">This is going to be such a cool site!</h1>
+<p>Check the readme!</p>
+
diff --git a/src/views/individual.handlebars b/src/views/individual.handlebars
index 8dee023..146875f 100644
--- a/src/views/individual.handlebars
+++ b/src/views/individual.handlebars
@@ -1,4 +1,2 @@
-<div class="container mx-auto my-8">
-	<h1 class="text-3xl">Individual</h1>
-	{{nominative}}/{{accusative}}/{{pronominalPossessive}}/{{predicativePossessive}}/{{reflexive}}
-</div>
+<h1 class="text-3xl">Individual</h1>
+{{nominative}}/{{accusative}}/{{pronominalPossessive}}/{{predicativePossessive}}/{{reflexive}}
diff --git a/src/views/layouts/main.handlebars b/src/views/layouts/main.handlebars
index 9bc4aee..eda6a0f 100644
--- a/src/views/layouts/main.handlebars
+++ b/src/views/layouts/main.handlebars
@@ -2,10 +2,14 @@
 <html>
 <head>
 	<meta charset="utf-8">
-	<title>Example App</title>
+	<title>{{{pageTitle}}}</title>
 	<link rel="stylesheet" href="/app.css">
 </head>
 <body>
-	{{{body}}}
+	<div class="container mx-auto my-8">
+		{{> header siteName=siteName }}
+		{{{body}}}
+		{{> footer }}
+	</div>
 </body>
 </html>
diff --git a/src/views/partials/footer.handlebars b/src/views/partials/footer.handlebars
new file mode 100644
index 0000000..cd5b54f
--- /dev/null
+++ b/src/views/partials/footer.handlebars
@@ -0,0 +1,11 @@
+<h3>Made by monsters</h3>
+
+<ul>
+    <li><a href="#">Gaiety</a> who uses she/her, fae/faer</li>
+    <li><a href="#">Angela</a> who uses it/its, she/her</li>
+    <li><a href="#">Rizzo</a> who uses he/him, they/them, xier/xies</li>
+</ul>
+
+<p>This site has a license of some sort, and that's linked <a href="#">here.</a></p>
+
+<p>Thanks for visiting!</p>
\ No newline at end of file
diff --git a/src/views/partials/header.handlebars b/src/views/partials/header.handlebars
new file mode 100644
index 0000000..06ccc3f
--- /dev/null
+++ b/src/views/partials/header.handlebars
@@ -0,0 +1 @@
+<h2>{{{siteName}}}</h2>
\ No newline at end of file
