diff --git a/index.html b/index.html
new file mode 100644
index 0000000..7c437dd
--- /dev/null
+++ b/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Pimp My Soupboat</title>
+</head>
+
+<body>
+<!-- TODO: number headings -->
+
+    <h1>Pimp my Soupboat 🍜</h1>
+    <p>
+        Hello this is a little workshop to cover the basics of HTML + CSS + JS in order to customize our Soupboat⛵
+    </p>
+
+
+    <h2>Table of contents</h2>
+    <ol>
+        <li>Workspace, or: where do we code</li>
+        <li>Files in the Soupboat</li>
+        <li>HTML (for marking up contents)</li>
+        <li>CSS (for styling our website)</li>
+        <li>JS (for making things dynamic, i.e. magic)</li>
+        <li>References</li>
+    </ol>
+
+    <h2>Workspace, or: where do we code</h2>
+    <p>
+        Coding in
+    </p>
+
+    <h2>Files in the Soupboat</h2>
+
+    <h2>HTML (for marking up contents)</h2>
+
+    <h2>CSS (for styling our website)</h2>
+
+    <h2>JS (for making things dynamic, i.e. magic)</h2>
+
+    <h2>References</h2>
+    <ul>
+        <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML">MDN Web Docs (boring but really complete) </a>
+        </li>
+        <li><a href="https://www.w3schools.com/">w3school documentation, anything you need to know</a></li>
+        <li><a href="https://scrimba.com/learn/htmlcss">HTML/CSS Crash Course on Scrimba</a></li>
+        <li><a href="https://css-tricks.com/">CSS tricks for more guided css-styling</a></li>
+    </ul>
+
+</body>
+
+</html>
\ No newline at end of file
