diff --git a/css/style.css b/css/style.css index 412f6d4..602c35f 100644 --- a/css/style.css +++ b/css/style.css @@ -9,3 +9,106 @@ body { font-size: 16px; margin: 0; } + + +#header { + background-color: #06365f; + height: 40%; + width: 100%; + position: absolute; +} + + +#phones { + position: absolute; + top: 20%; + left: 10%; +} + +#title-img { + position: absolute; + top: 20%; + left: 44%; +} + +#title-home { + position: absolute; + top: 23%; + right: 16%; + background-color: #1c5380; + padding: 5px; + margin: 10px; + border-radius: 5px; +} + +#title-login{ + float: right; + padding-left: 5px; + font-weight: bold; +} + + +#main-text { + background-image: url('../img/frame.png'); + background-repeat: no-repeat; + position: relative; + top: 244px; + left: 43%; + width: 40%; + padding: 30px; +} + + +#main-text-head { + color: #06365f; + font-size: 20px; + font-weight: bold; + width: 65%; +} + +#mid-text { + width: 85%; + margin: 10px 0; + font-size: 14px; +} + +.buttons{ + position: absolute; + left: 45%; + top: 74%; + width: 30%; +} + +#download { + display:inline-block; +} + +#google { + display: inline-block; +} + +#footer { + bottom: 12px; + left: 321px; + position: absolute; + color: #1c5380; + font-weight: bold; +} + + +.text, .text1 { + display: inline-block; + margin: 10px; +} + +.text1 { + color: grey; +} +/* vw = view-width >> can be used to resize on mobile */ + + + + + + + diff --git a/index.html b/index.html index f038e97..9393edf 100644 --- a/index.html +++ b/index.html @@ -3,31 +3,52 @@ + Instagram - Instagram - Capture and Share the World's Moments + +
+
Phones
- Instagram is a fast, beautiful and fun way to share your life with friends and family. +
+
Instagram
+
Home
Log In
+
- 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. +
+ +
+
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? +
+ +
+ +
+
Download on the App Store
+
Get it on Google Play
+
+ - Download on the App Store - Get it on Google Play + - © 2014 Instagram