diff --git a/images/rally.jpg b/images/rally.jpg
new file mode 100644
index 00000000..bf6cf547
Binary files /dev/null and b/images/rally.jpg differ
diff --git a/index.html b/index.html
index d1dc64a8..20f185a3 100644
--- a/index.html
+++ b/index.html
@@ -4,10 +4,68 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <link rel="stylesheet" type="text/css" href="style.css" />
+    <title>Tyler Koenig</title>
   </head>
   <body>
-    <h1>Hello World</h1>
-    <h2>by Tyler Koenig</h2>
+    <nav>
+      <div class="name">
+        <a href="/index.html">Tyler Koenig</a>
+      </div>
+      <div class="indexLinks"></div>
+      <a href="/index.html" target="#">About</a>
+      <a href="/index.html" target="#">Projects</a>
+    </nav>
+    <header>
+      <img src="/images/rally.jpg" alt="tyler" />
+      <h1 class="title">Tyler Koenig</h1>
+      <h2 class="intro">
+        warehouse associate at amazon
+        <p>student at we can code it</p>
+        <p>Web Developer in the making!</p>
+      </h2>
+    </header>
+    <main>
+      <section class="about">
+        <div class="bio">
+          <h3>About Me</h3>
+          <p>
+            I'm Tyler Koenig, a software developer in the making. Lorem ipsum
+            dolor sit amet consectetur adipisicing elit. Iste quod architecto
+            eius numquam. Sunt ducimus deserunt alias id eligendi repellendus
+            dicta veniam asperiores, rerum magnam totam autem ipsum cumque.
+            Fugit.
+          </p>
+        </div>
+        <div class="skills">
+          <h3>skills</h3>
+          <ul>
+            <li>problem solver</li>
+            <li>microsoft office</li>
+          </ul>
+        </div>
+        <div class="contact">
+          <h3>Contact</h3>
+          <div class="links">
+            <a href="https://github.com/lerko96" target="_blank" title="github"
+              >github</a
+            >
+            <a
+              href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
+              target="_blank"
+              title="LinkedIn"
+              >linkedin</a
+            >
+            <a href="mailto:tylerkng96@icloud.com" target="_blank" title="email"
+              >email</a
+            >
+          </div>
+        </div>
+      </section>
+      <section class="projects">
+        <h2>Projects</h2>
+      </section>
+    </main>
+    <footer></footer>
   </body>
 </html>
diff --git a/style.css b/style.css
new file mode 100644
index 00000000..7b5ea9fd
--- /dev/null
+++ b/style.css
@@ -0,0 +1,4 @@
+.about {
+  display: flex;
+  float: left;
+}
