diff --git a/index.html b/index.html
index f5f57d7..dc3ee37 100644
--- a/index.html
+++ b/index.html
@@ -1,29 +1,41 @@
-<html lang="en"><head>
-    <meta charset="utf-8">
-    <link rel="shortcut icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="theme-color" content="#000000">
-    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Playfair+Display" rel="stylesheet">
-    <link href="app.css" rel="stylesheet">
-    </head>
-  <body>
-    <noscript> You need to enable JavaScript to run this app. </noscript>
-    <header>
-      <h1>
-        <img> Select a Breed
-      </h1>
-    </header>
-    <div class="Page">
-
-      <div class="ShowMeABreed">
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>resy • select a breed</title>
+  <link rel="stylesheet" href="app.css" />
+</head>
+<body>
+  <header class="site-header">
+    <div class="brand">
+      <span class="resy-logo">resy</span>
+      <h1 class="title">select a breed</h1>
+    </div>
+  </header>
 
-        <h1>Ok, but which one?!</h1>
-        <select></select>
-        <img src=""/>
-        <button>I don't like that one. Show me another.</button>
+  <main class="container">
+    <section class="controls">
+      <label for="breedselect" class="visually-hidden">dog breed</label>
+      <select id="breedselect" class="select">
+        <option value="" selected disabled>select a breed</option>
+      </select>
+    </section>
 
+    <section id="viewer" class="viewer">
+      <div id="imageframe" class="image-frame">
+        <div id="placeholder" class="placeholder">pick a breed to see a dog 🐶</div>
+        <img id="dogimage" alt="" hidden />
       </div>
-    </div>
-    <script src="app.js"></script>
-  </body>
+
+      <button id="anotherbtn" class="btn" type="button" disabled>
+        i don't like this one. show me another.
+      </button>
+
+      <p id="status" class="status"></p>
+    </section>
+  </main>
+
+  <script src="app.js" defer></script>
+</body>
 </html>
