diff --git a/_data/navigation.yml b/_data/navigation.yml
new file mode 100644
index 0000000..e75032f
--- /dev/null
+++ b/_data/navigation.yml
@@ -0,0 +1,8 @@
+- title: about
+  url: /me
+
+- title: github
+  url: https://github.com/getmicah
+
+- title: twitter
+  url: https://twitter.com/getmicah
diff --git a/_includes/header.html b/_includes/header.html
index 3ae26eb..eb6821f 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -2,5 +2,12 @@
 <div class="header">
     <h1>{{ site.name }}</h1>
     <h2>{{ site.description }}</h2>
-    <a href="/">home</a>
+    <ul>
+        <li><a href="/">home</a></li>
+        {% for item in site.data.navigation %}
+        <li>
+            <a href="{{ item.url }}">{{ item.title }}</a>
+        </li>
+        {% endfor %}
+    </ul>
 </div>
diff --git a/_sass/_about.scss b/_sass/_about.scss
new file mode 100644
index 0000000..e69de29
diff --git a/_sass/_header.scss b/_sass/_header.scss
new file mode 100644
index 0000000..d3227c0
--- /dev/null
+++ b/_sass/_header.scss
@@ -0,0 +1,14 @@
+// HEADER
+.header {
+    h1 {
+        font-size: 36px;
+    }
+    h2 {
+        font-size: 20px;
+    }
+    ul {
+        li {
+            display: inline;
+        }
+    }
+}
diff --git a/_sass/_post.scss b/_sass/_post.scss
new file mode 100644
index 0000000..1ea7e1a
--- /dev/null
+++ b/_sass/_post.scss
@@ -0,0 +1,4 @@
+// POST
+.post {
+    margin-top: 20px;
+}
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 9ce9fe6..e71d3f5 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -3,32 +3,47 @@
 
 @import "reset";
 @import "config";
+@import "header";
+@import "post";
+@import "about";
+
 
 body {
     color: $color-primary;
     background: $color-background;
 }
+h1, h2 {
+    margin-bottom: 5px;
+}
+a {
+  color: #1A0DAB;
+  text-decoration: none;
+  &:visited {
+    color: #1A0DAB;
+    text-decoration: none;
+  }
+  &:hover {
+    color: #1A0DAB;
+    text-decoration: underline;
+  }
+  &:active {
+    color: #1A0DAB;
+    text-decoration: none;
+  }
+}
 
 
 // WRAPPER
 .wrapper {
-    margin: 30px;
-}
-
-
-// HEADER
-.header {
-    h1 {
-        font-size: 36px;
-    }
-    h2 {
-        font-size: 20px;
-    }
+    max-width: 666px;
+    margin: auto;
+    padding: 30px;
 }
 
 
 // PORTFOLIO
 .portfolio {
+    margin-top: 20px;
     h1 {
         font-size: 24px;
     }
@@ -37,13 +52,8 @@ body {
 
 // BLOG
 .blog {
+    margin-top: 20px;
     h1 {
         font-size: 24px;
     }
 }
-
-
-// POST
-.post {
-    
-}
diff --git a/index.html b/index.html
index 53c3c86..1bdf5bb 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,7 @@ layout: default
     </ul>
 </div>
 
+
 <div class="blog">
     <h1>Blog</h1>
     <ul>
diff --git a/me/index.html b/me/index.html
new file mode 100644
index 0000000..e69de29