diff --git a/css/frame.png b/css/frame.png new file mode 100644 index 0000000..a3305bf Binary files /dev/null and b/css/frame.png differ diff --git a/css/style.css b/css/style.css index 412f6d4..db22ceb 100644 --- a/css/style.css +++ b/css/style.css @@ -6,6 +6,83 @@ light blue: #1c5380 body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 16px; - margin: 0; + margin: 0 auto; + background-image: linear-gradient(to bottom, #1c5380 40%, #1c5380 30%, white 30%, white 0%); + background-size: cover; + background-repeat: no-repeat; } + +#main { + width: 850px; + padding: 100px 0px 100px 0px; + margin: 0 auto; +} + +#box-left { + width: 350px; + float: left; +} + +#box-right { + padding: 20px 0 0 0; + width: 500px; + float: right; +} + +.button { + margin: 15px; + padding: 8px; + background-image: linear-gradient(to bottom, #1c5380, #06365f); + border: 1px solid #06365f; + border-radius: 4px; + vertical-align: middle; +} + +.button a { + color: #FFFFFF; + font-size: 14px; + text-decoration: none; + position: relative; + bottom: 5px; +} + +.text-box { + background-image: url("frame.png"); + background-repeat: no-repeat; + font-size: 15.5px; + padding: 20px 40px 20px 40px; +} + +.para { + line-height: 1.5; +} + +.badges { + padding: 30px 0px 0 0; +} + +div h1 { + color: #06365f; + font-size: 26px; +} + +footer { + clear: both; + text-align: center; + text-transform: uppercase; + padding: 40px 0px 40px 0px; + font-size: 12px; + font-weight: 500; +} + +nav a { + padding: 0px 7px 0px 7px; + text-decoration: none; + color: #1c5380; +} + +nav span { + color: #bec0c4; + padding: 0 0 0 20px; +} + diff --git a/index.html b/index.html index f038e97..0d20e76 100644 --- a/index.html +++ b/index.html @@ -4,30 +4,52 @@ Instagram + + - Instagram +
+
+ +
- Capture and Share the World's Moments +
+
+ Log in +
- Instagram is a fast, beautiful and fun way to share your life with friends and family. +
+

Capture and Share
the World's Moments

- 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. +
+

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

- Oh yeah, did we mention it's free? +

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.

- Download on the App Store - Get it on Google Play +

Oh yeah, did we mention it's free?

+
+ +
+
- About Us - Support - Blog - Press - API - Jobs - Privacy - Terms +
+
- © 2014 Instagram + +