diff --git a/index.html b/index.html
index f038e97..a76430a 100644
--- a/index.html
+++ b/index.html
@@ -3,31 +3,39 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" type="text/css" href="style.css">
   <title>Instagram</title>
 </head>
 <body>
-  Instagram
+  <img src="img/phones.png" alt="phone image" class="left">
+  <br>
+  <div id="top">
+  <img id="logo" src="img/brand.png" alt="brand logo" class="head">
+  <br>
+  <button><img id="login" src="img/home.png" alt="login image" class="head"><div>Log in</div></button>
+  </div>
 
-  Capture and Share the World's Moments
+  <h1>Capture and Share<br> the World's Moments</h1>
 
-  Instagram is a fast, beautiful and fun way to share your life with friends and family.
-
-  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.
-
-  Oh yeah, did we mention it's free?
-
-  Download on the App Store
-  Get it on Google Play
-
-  About Us
-  Support
-  Blog
-  Press
-  API
-  Jobs
-  Privacy
-  Terms
-
-  &copy; 2014 Instagram
+  <p class="content">Instagram is a <span>fast</span>, <span>beautiful</span> and <span>fun</span> way to share your life<br> with friends and family.</p>
+  <p class="content">Take a picture or video, choose a filter to transform its look<br> and feel, then post to Instagram &mdash; it's that easy. You can<br> even share to Facebook, Twitter, Tumblr and more. It's a<br> new way to see the world.</p>
+  <p class="content">Oh yeah, did we mention it's free?</p>
+  <br>
+  <br>
+  <img src="img/badge-iphone.png" alt="App Store">
+  <img src="img/badge-android.png" alt="Play store" class="store">
+<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>
+    </nav>
+  <p>&copy; 2014 Instagram</p>
+</footer>
 </body>
 </html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..2c6478e
--- /dev/null
+++ b/style.css
@@ -0,0 +1,71 @@
+body{
+  margin: 100px 100px 100px 130px;
+}
+
+.left {
+  display: inline-block;
+  float: left;
+  padding: 30px 120px;
+}
+
+h1 {
+  display: inline-block;
+  margin-right: 80px;
+  margin-top: 40px;
+  color: rgb(54,73,104);
+}
+
+#top{
+  width: 100%;
+  margin-top: 20px;
+}
+
+.head {
+  display: inline-block;
+  float: left;
+  padding: 6px;
+  margin-left: -40px;
+}
+
+button {
+  margin-left: 70px;
+  size: 20px;
+  color: white;
+  padding: 3px;
+}
+
+#login{
+  margin: 0 -10px 0 0;
+}
+
+button div{
+  padding: 10px 10px 10px 45px;
+  font-size: 13px;
+
+}
+
+span {
+  font-weight: bold;
+}
+
+.store{
+  padding: 0 20px;
+}
+
+footer nav {
+  display: inline-block;
+  padding: 40px 40px 40px 250px;
+  margin-right: -20px;
+
+}
+
+footer a {
+  padding: 10px;
+  text-decoration: none;
+  color: rgb(107,134,178);
+}
+
+footer p {
+  display: inline-block;
+}
+
