diff --git a/template.html b/template.html
new file mode 100644
index 0000000..b7b48a8
--- /dev/null
+++ b/template.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Wow So Polite</title>
+    <link rel="stylesheet" href="index.css" />
+  </head>
+
+  <body>
+    <header>
+      <h1>the Polite Cafe</h1>
+    </header>
+    <div id="bg"></div>
+
+    <div class="container">
+      <div class="column"></div>
+      <div class="column">
+        <div><!--- Articles ---></div>
+      </div>
+      <div class="column"></div>
+      <div class="column">
+        <section class="accordion">
+          <div class="tab">
+            <input type="checkbox" name="accordion-1" id="cb1" />
+            <label for="cb1" class="tab__label">articles</label>
+            <div class="tab__content">
+              <div><!--- Slugs ---></div>
+            </div>
+          </div>
+          <div class="tab">
+            <input type="checkbox" name="accordion-2" id="cb2" />
+            <label for="cb2" class="tab__label">about</label>
+            <div class="tab__content">
+              <p>
+                the polite cafe is a blog by
+                <a rel="me" href="https://furry.engineer/@ado">ado</a>, a
+                software lion on the internet
+              </p>
+            </div>
+          </div>
+        </section>
+        <p></p>
+        <p></p>
+        <p></p>
+        <p></p>
+      </div>
+      <div class="column"></div>
+    </div>
+    <footer>`^_^'</footer>
+  </body>
+</html>
