diff --git a/index.html b/index.html
index 7efb56a..7306ee9 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,31 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
+    <header><h1>Calculator</h1></header>
+    <main>
+        <div class="calculator">
+            <div class="screen"></div>
+            <div class="buttons">
+                <div class="col">
+                    
+                </div>
+                <div class="col"></div>
+                <div class="col"></div>
+                <div class="col"></div>
+            </div>
+        </div>
+    </main>
+    <footer>
+        Created by <a href="https://andrindie.com">Octavia Nichols</a>
+        for <a href="https://www.theodinproject.com/lessons/foundations-calculator">The Odin Project</a>.
+        Check out the code on <a href="https://github.com/Lolabird/odin-calculator">GitHub</a>.
+    </footer>
     
+
+
     <script scr="script.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..e69de29