diff --git a/starter-code/index.html b/starter-code/index.html
index 0a7febf..43908d3 100644
--- a/starter-code/index.html
+++ b/starter-code/index.html
@@ -1,12 +1,69 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>npm</title>
-</head>
-<body>
-  <!-- Your code goes here -->
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>npm</title>
+  </head>
+  <body>
+    <header>
+      <div class="top-left">
+        <a class="heart" href="#">♥︎</a>
+        <span class="acronym">Neophobe Plebeian Mumpsimus</span>
+      </div>
+    </header>
+    <nav>
+      <ul class="top-links">
+        <li><a href="#">npm Enterprise</a></li>
+        <li><a href="#">features</a></li>
+        <li><a href="#">pricing</a></li>
+        <li><a href="#">documentation</a></li>
+        <li><a href="#">support</a></li>
+        <!-- Can't replicate without CSS, sorry. -->
+        <img src="images/npm-logo.png" />
+        <form><input type="text" placeholder="find packages" /></form>
+        <button>🔍</button>
+        <li><a href="#">sing up</a> or <a href="#">log in</a></li>
+        <li><img src="images/bear-logo.png" /></li>
+      </ul>
+    </nav>
+    <section>
+      <h1>Build amazing things</h1>
+      npm is the package manager for JavaScript and the world's largest software
+      registry. Discover packages of reusable code - and assemble them in
+      powerful new ways. <br /><button>Sing up for NPM</button>
+      <img src="images/collaboration.svg" />
+    </section>
+    <section>
+      <h1>npm Orgs is powerful collaboration - for free</h1>
+      <ul>
+        <li>Encourage code discovery and re-use within team</li>
+        <li>Publish and control access to your own namespace</li>
+        <li>Manage public and private code with the same workflow</li>
+      </ul>
+      <button>Sing up for Orgs</button><br />
+      or <a href="#">Learn more about Orgs</a>
+    </section>
+    <section>
+      <h1>What is npm?</h1>
+      Use npm to install, share, and distribute code; manage dependencies in
+      your projects; and share & receive feedback with others.<br />
+      <button>Install npm</button>
+    </section>
+    <section>
+      <h1>What can you make with 475,000 building blocks?</h1>
+      The npm registry hosts almost half a million packages of free, reusable
+      code - the largest software registry in the world.
+      <p><img src="images/binoculars.svg"></p>
+      <h2>Find</h2>
+      <p>Libraries like <a href="#">JQuery</a>, <a href="#">Bootstrap</a>, <a href="#">React</a>, and <a href="#"">Angular</a>, and components from frameworks such as <a href="#">Ember</a></p>
+    <p><img src="images/mountain-flag.svg"></p>
+      <h2>Discover</h2>
+    <p>Packages for mobile, IoT, front end, back end, robotics... everything you need to start building amazing things.</p>
+    <p><img src="images/backpack.svg"></p>
+    <h2>Build</h2>
+    <p>Assemble packages like buildings blocks to quickly develop awesome new projects.</p>
+    </section>
+  </body>
 </html>
