diff --git a/css/style.css b/css/style.css
index 412f6d4..c60d698 100644
--- a/css/style.css
+++ b/css/style.css
@@ -9,3 +9,83 @@ body {
   font-size: 16px;
   margin: 0;
 }
+
+#brand {
+  position: relative;
+  bottom: 170px;
+  left: 42%;
+}
+
+#frame {
+  position: relative;
+  left: 170px;
+  top: 140px;
+  z-index: 0;
+}
+
+#home {
+  position: relative;
+  bottom: 200px;
+  left: 5%;
+}
+
+.logIn {
+  position: relative;
+  bottom: 339px;
+  left: 78%;
+  color: #0B7AB5;
+}
+
+#phones {
+  position: relative;
+  right: 60%;
+  top: 250px;
+}
+
+#iPhoneBadge, #androidBadge {
+  position: relative;
+  left: 45%;
+  bottom: 170px;
+}
+
+#iPhoneBadge {
+  padding-right: 10px;
+}
+
+#androidBadge {
+  padding-left: 10px;
+}
+
+.column {
+  width: 400px;
+  position: relative;
+  left: 45%;
+  bottom: 200px;
+}
+
+h2 {
+  position: relative;
+  left: 45%;
+  bottom: 140px;
+  color: #0B7AB5;
+}
+
+div.backgroundColor {
+  background:  #0B7AB5;
+  background: linear-gradient(#0B7AB5 40%, white 60%);
+}
+
+h2#wldsM {
+  position: relative;
+  bottom: 160px
+}
+
+p {
+  line-height: 1.5;
+}
+
+footer {
+  text-align: center;
+  //text-decoration: none;
+  color: #0B7AB5;
+}
diff --git a/index.html b/index.html
index f038e97..abd5926 100644
--- a/index.html
+++ b/index.html
@@ -1,33 +1,50 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+  <link href="css/style.css" type="text/css" rel="stylesheet">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Instagram</title>
 </head>
 <body>
-  Instagram
+<div class="backgroundColor">
+  <img id="brand" src="img/brand.png">
+  <img id="frame" src="img/frame.png">
+  <img id="home" src="img/home.png">
+  <img id="phones" src="img/phones.png">
 
-  Capture and Share the World's Moments
+  <h2 id="captNshare">Capture and Share</h2>
+  <h2 id="wldsM">the World's Moments</h2>
+  <button class="logIn">Log In</button>
 
-  Instagram is a fast, beautiful and fun way to share your life with friends and family.
+  <div>
+    <div class = "column">
+  <p>Instagram is a fast, beautiful and fun way to share your life with friends and family.</p>
 
-  Take a picture or video, choose a filter to transform its look and feel, then post to Instagram &mdash; it's that easy. You can even share to Facebook, Twitter, Tumblr and more. It's a new way to see the world.
+  <p>Take a picture or video, choose a filter to transform its look and feel, then post to Instagram &mdash; it's that easy. You can even share to Facebook, Twitter, Tumblr and more. It's a new way to see the world.</p>
 
-  Oh yeah, did we mention it's free?
+  <p>Oh yeah, did we mention it's free?</p>
+    </div>
+</div>
 
-  Download on the App Store
-  Get it on Google Play
 
-  About Us
-  Support
-  Blog
-  Press
-  API
-  Jobs
-  Privacy
-  Terms
+  <img id="iPhoneBadge" src="img/badge-iphone.png">
+  <img id="androidBadge" src="img/badge-android.png">
 
-  &copy; 2014 Instagram
+<footer>
+  <nav>
+  <a = href>About Us</a>
+  <a = href>Support</a>
+  <a = href>Blog</a>
+  <a = href>Press</a>
+  <a = href>API</a>
+  <a = href>Jobs</a>
+  <a = href>Privacy</a>
+  <a = href>Terms</a>
+  <a = href>&copy; 2014 Instagram</a>
+  </nav>
+</footer>
+
+</div>
 </body>
 </html>
