diff --git a/assets/css/starter.css b/assets/css/starter.css
index 4b16ed2..ecb20b1 100644
--- a/assets/css/starter.css
+++ b/assets/css/starter.css
@@ -1,4 +1,16 @@
 * {box-sizing: border-box;}
 html { height: 100%; }
 body { min-height: 100%; }
-body { background: #f5f5f5; color: #555; font-family: Avenir, "Helvetica neue", sans-serif; display: flex; flex-direction: column; margin:0; width: 100%; }
+body { background: #f5f5f5; color: #555; font-family: Avenir, "Helvetica neue", sans-serif; display: flex; flex-direction: column; padding: 1rem 0 0 1rem; width: 100%; }
+
+.qs-wrapper { margin: 0; }
+
+.qs-logo { height: 120px; width: 120px; background: url(http://i.imgur.com/XDaaJqX.png); background-size: 120px 120px; margin: 0.8rem 0; }
+
+.qs-nav-bar { display: flex; flex-direction: row; margin-bottom: 0.8rem; }
+
+.qs-nav-btn { margin-right: 10px; padding: 0px 10px; border: 1px solid #555 ; border-radius: 4px; }
+
+.qs-flappy { margin-top: 1rem; width: 80px; }
+
+
diff --git a/programs/quickstart.eve b/programs/quickstart.eve
new file mode 100644
index 0000000..f265802
--- /dev/null
+++ b/programs/quickstart.eve
@@ -0,0 +1,16 @@
+This will be where you write your web app for the quickstart!
+
+As you add blocks of code from the quickstart guide, remember to include code fences (```)! Eve programs are written as comments with bits of code embedded inside it, so none of this prose here will be run as Eve code. They're just for you to read.
+
+Eve code looks like this:
+
+
+```
+  // Only things in between the code fences are counted as code, and everything between a set of code fences is one block.
+```
+
+~~~
+  // Tildes can be used for code fences too :)
+~~~
+
+Add your first block below:
\ No newline at end of file