diff --git a/css/style.css b/css/style.css index 412f6d4..0deae8d 100644 --- a/css/style.css +++ b/css/style.css @@ -4,8 +4,94 @@ dark blue: #06365f light blue: #1c5380 */ +header { +margin:10; +height: 10px; +} + body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0; + background-image: linear-gradient(#1c5380, #06365f); + background-repeat: no-repeat; + background-size: 100% 30%; +} + +.phone { + width: 400px; + height: 600px; + padding: 20px; + margin: 10px; + text-align: center; + float: left; + display: inline-block; +} + +.brand { + width: 450px; + height: 60px; + padding: 20px; + margin: 10px; + float: left; + display: inline-block; +} + +.login{ + background-image: linear-gradient(#1c5380, #06365f); + padding: 10px; + margin: 10px; + border: 1px; + border-style: solid; + box-shadow: 1px 1px #888888; + position: absolute; +} + +.main { + background-image: url("../img/frame.png"); + background-image: height: 250px; + background-repeat: no-repeat; + background-position: relative; + width: 450px; + height: 400px; + padding: 20px 20px; + margin: 10px; + float: left; + display: inline-block; +} + + +h1 { + font-family: "Helvetica Neue", Helvetica, Aerial, sans-serif; + font-size: 30px; + color: #06365f; +} + + + +a { + text-decoration: none; + color: #1c5380; +} + +.clearfix:after{ + visibility: hidden; + display: block; + font-size: 0; + content: " "; + clear: both; + height: 0; +} + +footer { + padding: 20px 40px; + margin:10px 40px 10px 40px; + display: inline-block; + text-align: center; + float: left; } + +#copyright { + color: grey; +} + diff --git a/index.html b/index.html index f038e97..75fc368 100644 --- a/index.html +++ b/index.html @@ -4,30 +4,56 @@ Instagram + + - Instagram - Capture and Share the World's Moments +
- 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. - Oh yeah, did we mention it's free? +
+ iPhones +
+ + +
+ Home LogoLog in +
- Download on the App Store - Get it on Google Play +
+

Capture and Share
the World's Moments

- About Us - Support - Blog - Press - API - Jobs - Privacy - Terms - © 2014 Instagram + 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. +
+
+ Oh yeah, did we mention it's free? +
+
+ Apple App Store Logo + Google Play Store Logo +
+ + + +