@@ -9,7 +9,21 @@
     <link rel="stylesheet" href="styles.css" />
   </head>
   <body>
-   
+   <nav>
+    <div class="nav-center">
+      <h4>color flipper</h4>
+      <ul class="nav-links">
+        <li><a href="index.html">simple</a></li>
+        <li><a href="hex.html">hex</a></li>
+      </ul>
+    </div>
+  </nav>
+  <main>
+    <div class="container">
+      <h2>background color : <span class="color">#f1f5f8</span></h2>
+      <button class="btn btn-hero" id="btn">click me</button>
+    </div>
+  </main>
     <!-- javascript -->
     <script src="app.js"></script>
   </body>