diff --git a/includes/footer.php b/includes/footer.php
new file mode 100644
index 0000000..faecd8b
--- /dev/null
+++ b/includes/footer.php
@@ -0,0 +1,3 @@
+<footer>
+	made with love and tender care by emma. get in <a href="../site/contact.php" target="_blank">touch</a>
+</footer>
diff --git a/includes/header.php b/includes/header.php
new file mode 100644
index 0000000..951e0c7
--- /dev/null
+++ b/includes/header.php
@@ -0,0 +1,3 @@
+<header>
+	emma's place - a celebration of self-expression through the personal web
+</header>
diff --git a/index.php b/index.php
index 774b124..cce59ce 100644
--- a/index.php
+++ b/index.php
@@ -9,6 +9,7 @@
 
 	<body>
 		<main>
+			<?php include "./includes/header.php" ?>
 			<?php include "./includes/nav.php" ?>
 			<section>
 				<h1>welcome to emma's place</h1>
@@ -61,6 +62,7 @@
 					<li><a href="https://blog.hypertext.city" target="_blank">walk with me for a moment</a></li>
 				</ul>
 			</section>
+			<?php include "./includes/footer.php" ?>
 		</main>
 	</body>
 </html>
diff --git a/style/style.css b/style/style.css
index cdd770e..f6e4348 100644
--- a/style/style.css
+++ b/style/style.css
@@ -19,6 +19,21 @@ body {
 main {
 	display: grid;
 	grid-template-columns: 1fr 2fr;
+	grid-template-rows: 1fr 2fr 1fr;
+}
+
+header {
+	grid-column: 1/3;
+	grid-row: 1/2;
+}
+
+footer {
+	grid-column: 1/3;
+	grid-row: 4/5;
+}
+
+nav {
+	grid-column: 1/2;
 }
 
 section {
