diff --git a/src/documents/index.html b/src/documents/index.html
index d19b321..ee846b5 100644
--- a/src/documents/index.html
+++ b/src/documents/index.html
@@ -4,6 +4,18 @@ title: "Home"
 icon: "home"
 order: 0
 ---
-<div class="animated">
-  Hello World!
+<div id="desktop">
+  <div id="columns">
+    <div class="animated">
+      <div id="text">
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius facilisis commodo. Aliquam convallis at sem at scelerisque. Integer dictum, ipsum a mollis dictum, erat tortor imperdiet urna, vitae scelerisque sem augue nec sapien. Mauris interdum tempor semper. Proin tristique lacinia commodo. Sed sed rhoncus purus, vitae feugiat massa. Quisque leo turpis, dapibus ut nisl vitae, placerat pretium risus. Duis sit amet tellus tristique, porta dolor vel, consequat eros. Donec vel nunc vehicula, accumsan diam ut, blandit massa. Nullam pellentesque mi pretium scelerisque ultricies.
+      </div>
+    </div>
+    <div class="animated">
+      <img src="/img/Photo.jpg" />
+    </div>
+  </div>
+  <div id="social" class="animated">
+    Twitter, Github, etc
+  </div>
 </div>
diff --git a/src/documents/styles.css.scss b/src/documents/styles.css.scss
index 8d56f72..0934ed7 100644
--- a/src/documents/styles.css.scss
+++ b/src/documents/styles.css.scss
@@ -137,35 +137,59 @@ body{
   animation-direction: alternate-reverse;
 }
 
-.animations[data-slug="index"]{
-  >div{
-    animation-name: fadeIn;
-  }
+#content{
+  overflow: hidden;
 }
 
-.animations #lightcontent{
-  animation-name: slideInUp;
+#content[data-slug="index"]{
+  #desktop{
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+  }
+  #columns{
+    flex-grow: 1;
+    display: flex;
+    flex-direction: row;
+    >div{
+      flex-grow: 1;
+      width: 50%;
+      margin: 20px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &:last-child{
+        img{
+          display: block;
+          width: 70%;
+          border-radius: 100%;
+        }
+      }
+    }
+  }
+  #social{
+    height: 150px;
+    background-color: purple;
+  }
+  &.animations{
+    #columns>div:first-child{
+      animation-name: slideInLeft;
+    }
+    #columns>div:last-child{
+      animation-name: slideInRight;
+    }
+    #social{
+      animation-name: fadeInUp;
+      animation-delay: 150ms;
+    }
+  }
 }
 
 .animations{
-  #headerimg{
-    //animation-name: fadeInUp;
-  }
-  #maincontent{
-    //animation-name: fadeInUpBig;
-    //animation-delay: 150ms;
-  }
   #imgcontent{
     animation-name: fadeInUp;
   }
-  &.is-exiting{
-    #imgcontent{
-      animation-name: fadeOutDown;
-      animation-direction: normal;
-    }
-    #headerimg, #maincontent{
-      animation-name: none;
-      animation-duration: 0ms;
-    }
+  #lightcontent{
+    animation-name: slideInUp;
   }
 }
diff --git a/src/files/img/Photo.jpg b/src/files/img/Photo.jpg
new file mode 100644
index 0000000..645e2d4
Binary files /dev/null and b/src/files/img/Photo.jpg differ