diff --git a/sandbox-repair-day/image.png b/sandbox-repair-day/image.png
new file mode 100644
index 0000000..1583d62
Binary files /dev/null and b/sandbox-repair-day/image.png differ
diff --git a/sandbox-repair-day/image1.png b/sandbox-repair-day/image1.png
new file mode 100644
index 0000000..2a3219f
Binary files /dev/null and b/sandbox-repair-day/image1.png differ
diff --git a/sandbox-repair-day/image2.png b/sandbox-repair-day/image2.png
new file mode 100644
index 0000000..a4b235d
Binary files /dev/null and b/sandbox-repair-day/image2.png differ
diff --git a/sandbox-repair-day/index.html b/sandbox-repair-day/index.html
new file mode 100644
index 0000000..5f4452e
--- /dev/null
+++ b/sandbox-repair-day/index.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <style media="print">
+    @page {
+      margin: 0;
+    }
+
+    body {
+      margin: 0;
+    }
+  </style>
+
+  <body style="position: relative">
+    <div class="date">May 30th<br />12 - 5 pm</div>
+    <main>
+      Come to repair day @ Sandbox!<br /><br />
+      Repair days are community events where we help each other fix broken
+      items, anything from electronics to clothing.<br /><br />
+      Bring something to repair, tools, a friend, or just your own skills. All
+      are welcome.
+    </main>
+
+    <footer>
+      483 Moreland Ave NE<br />
+      33°46'03.2"N, 84°20'55.7"W<br />
+      We're on the 3rd floor
+    </footer>
+    <img
+      src="image.png"
+      style="
+        filter: brightness(0) saturate(100%) invert(68%) sepia(36%)
+          saturate(6650%) hue-rotate(343deg) brightness(93%) contrast(85%);
+        transform: rotate(-15deg);
+        position: absolute;
+        right: 0;
+        bottom: 2rem;
+      "
+    />
+    <img
+      src="image1.png"
+      style="
+        filter: brightness(0) saturate(100%) invert(90%) sepia(21%)
+          saturate(380%) hue-rotate(130deg) brightness(90%) contrast(91%);
+        transform: rotate(15deg);
+        position: absolute;
+        left: 0;
+        bottom: 2rem;
+        width: 500px;
+      "
+    />
+    <img
+      src="image2.png"
+      style="
+        filter: brightness(0) saturate(100%) invert(32%) sepia(25%)
+          saturate(1251%) hue-rotate(341deg) brightness(94%) contrast(88%);
+        transform: rotate(15deg);
+        position: absolute;
+        left: 0;
+        top: 2rem;
+        width: 500px;
+      "
+    />
+  </body>
+</html>
diff --git a/sandbox-repair-day/styles.css b/sandbox-repair-day/styles.css
new file mode 100644
index 0000000..7f486aa
--- /dev/null
+++ b/sandbox-repair-day/styles.css
@@ -0,0 +1,42 @@
+html {
+    background-color: transparent;
+    font-family: monospace;
+    font-weight: bold;
+    font-size: 16px;
+}
+
+body {
+    height: 95vh;
+    max-width: 100%;
+    background-color: #F1FAEE;
+    color: #2E1F27;
+    padding: 1.5rem;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+footer {
+    margin-top: auto;
+    justify-self: end;
+    font-size: 3rem;
+}
+
+
+main {
+    font-size: 2.5rem;
+    margin-top: 2rem;
+    width: 85%;
+}
+
+.date {
+    text-align: end;
+    width: 100%;
+    font-size: 4rem;
+}
+
+img {
+    opacity: 0.2;
+}
+
diff --git a/template/index.html b/template/index.html
new file mode 100644
index 0000000..9ccfcd0
--- /dev/null
+++ b/template/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Repair Day</title>
+  </head>
+  <style>
+    html {
+        background-color: black;
+    }
+    body {
+        margin: auto;
+        width: 800px;
+        aspect-ratio: 8.5/11;
+        background-color: white;
+    }
+  </style>
+  <body>
+    
+  </body>
+</html>
