diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..8f2da2e
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang='en'>
+  <head>
+    <title>Water.css</title>
+    <link rel='stylesheet' href='https://cdn.jsdelivr.net/gh/kognise/water.css@latest/water.min.css'>
+    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+  </head>
+  <body>
+    <h1>Water.css</h1>
+    <p>
+      Water.css is a just-add-css collection of styles to make simple websites like this just a little bit nicer.
+      <a href='https://github.com/kognise/water.css'>Get it already!</a>
+    </p>
+    <p>
+      Now you can write your simple static site with nice semantic html, and Water.css will manage the styling for you.
+    </p>
+
+    <h2>Is it responsive?</h2>
+    <p>
+      <strong>Heck yeah!</strong> It doesn't include any fancy styles so it's easily mobile responsive.
+      Just add the famous <a href='https://www.w3schools.com/css/css_rwd_viewport.asp'>responsive viewport tag</a> and you'll be good to go!
+    </p>
+    <p>
+      In fact, try resizing this page. Everything flows super nicely as you'll see.
+    </p>
+
+    <h2>More elements</h2>
+    <p>
+      This is supposed to be a demo page so we need more elements!
+    </p>
+    <ul>
+      <li>List item 1</li>
+      <li>List item 2</li>
+      <li>List item 3</li>
+    </ul>
+    <hr>
+    <form>
+      <label for='email'>Email</label>
+      <input type='email' name='email' id='email' placeholder='john.doe@gmail.com'>
+
+      <label for='password'>Password</label>
+      <input type='password' name='password' id='password' placeholder='&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;'>
+
+      <input type='checkbox' name='remember' id='remember' checked>
+      <label for='remember'>Remember me</label>
+
+      <input type='submit'>
+    </form>
+  </body>
+</html>
\ No newline at end of file
