diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 0000000..127f5a0
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,19 @@
+---
+layout: default
+---
+
+<div class="-mx-5 sm:mx-auto p-5 bg-white sm:rounded sm:shadow">
+
+  <div class="max-w-3xl mx-auto">
+
+    <div class="flex flex-col my-5 sm:my-10 space-y-2">
+      <h1 class="text-3xl font-bold text-gray-800">{{ page.title }}</h1>
+    </div>
+
+    <div class="prose max-w-3xl mx-auto">
+      {{content}}
+    </div>
+
+    <div class="mt-20"></div>
+  </div>
+</div>
diff --git a/about.html b/about.html
deleted file mode 100644
index 324a6d7..0000000
--- a/about.html
+++ /dev/null
@@ -1,8 +0,0 @@
----
-layout: default
-title: About
----
-
-<div class="py-12 px-3">
-  This page is a work in progress.
-</div>
diff --git a/about.md b/about.md
new file mode 100644
index 0000000..4acca31
--- /dev/null
+++ b/about.md
@@ -0,0 +1,6 @@
+---
+layout: page
+title: About
+---
+
+This page is a work in progress.