diff --git a/starter-code/css/main.css b/starter-code/css/main.css index c4865cc..165a9a3 100644 --- a/starter-code/css/main.css +++ b/starter-code/css/main.css @@ -8,3 +8,68 @@ body { font: 200 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; } + +header { + height: 300px; + background-color: #06365F; + z-index: -1; +} + +.logo { + position: relative; + top: 100px; + left: 450px; +} + +h1 { + color: #06365F; +} + +p { + color: #1C5380; +} + +.container { + height: 400px; +} + +.left { + display: inline; + float: left; + position: relative; + top: -250px; + left: auto; + height: 400px; + width: 350px; + margin: 0 50px; +} + +.right { + /* background image not working */ + background-image: url(images/frame.png); + display: inline; + background-color: #000000; + position: relative; + top: -50px; + z-index: 1; +} + +.download { + display: inline; +} + +nav { + text-transform: uppercase; + text-align: center; +} + +a { + margin: 0 10px; + font-size: 14px; + color: #1c5380; +} + +span { + margin: 0 10px; + font-size: 14px; +} diff --git a/starter-code/index.html b/starter-code/index.html index 155dbb5..8717006 100644 --- a/starter-code/index.html +++ b/starter-code/index.html @@ -1,31 +1,59 @@ + Instagram + - Instagram +
+ +
- Capture and Share the World's Moments +
+
+
+ Phones +
+ +
+
+

+ Capture and Share
+ the World's Moments +

+ +

Instagram is a fast, beautiful and fun way to share your life with friends and family.

- 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 — it's that easy. You can even share to Facebook, Twitter, Tumblr and more. It's a new way to see the world.

- Take a picture or video, choose a filter to transform its look and feel, then post to Instagram — 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?

+
- Oh yeah, did we mention it's free? +
+
Download on the App Store
+
Get it on Google Play
+
+
- Download on the App Store - Get it on Google Play +
+ +
- About Us - Support - Blog - Press - API - Jobs - Privacy - Terms - - © 2014 Instagram +