From d071f67a322c63a9a5209a1847a4a5a7fd0ad6f8 Mon Sep 17 00:00:00 2001 From: rlyz Date: Wed, 5 Aug 2020 23:59:52 +0800 Subject: [PATCH 1/2] v1 --- css/style.css | 105 +++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 104 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 412f6d4..6f9c44c 100644 --- a/css/style.css +++ b/css/style.css @@ -3,9 +3,112 @@ Colors to use: dark blue: #06365f light blue: #1c5380 */ +html { + background:linear-gradient(#1c5380,#06365f); + height: 45%; + background-repeat: no-repeat; +} -body { +body * { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0; } + +.Description { + position: absolute; + color:black; + bottom: 175px; + left: 700px; + +} + +div .header { + position: absolute; + top: 25px; + left: 35px; + right: 5px; + font-size: 27px; + text-align: left; + max-width: 275px; + width: 100%; + color: #06365f; + font-weight: 700; +} + +div .para { + position: absolute; + top: 115px; + left: 35px; + width: 100%; + max-width: 420px; + text-align: left +} + +nav .phones { + position: absolute; + top: 110px; + left: 325px; +} + +nav .brand { + position: absolute; + left: 700px; + top: 125px; +} + +.login { + position: absolute; + left: 1080px; + top: 135px; + background: #1c5380; + border: solid; + border-width: 1px; + border-color:#06365f; + color:white; + font-weight: bold; + font-size:20px; + padding:10px; +} + +nav .apple { + position: absolute; + left: 725px; + top: 565px; +} + +nav .android { + position: absolute; + left: 910px; + top: 565px; +} + +ul{ + list-style-type: none +} + +li{ + position:relative; + top:700px; + left: 430px; + float: left; +} + +li a{ + display: block; + text-align: center; + padding:10px; + text-transform: uppercase; + font-weight: bold; + font-size: 11px; + color:#1c5380; + text-decoration: none; +} + +.cr{ + padding:10px; + color:gray; + text-transform: uppercase; + font-size: 11px; + font-weight: bold; +} \ No newline at end of file From 1ace9c495acd1d382593ccc62832bf766f7b835a Mon Sep 17 00:00:00 2001 From: rlyz Date: Thu, 6 Aug 2020 00:01:23 +0800 Subject: [PATCH 2/2] v1 --- index.html | 61 ++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 39 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index f038e97..fe22dfe 100644 --- a/index.html +++ b/index.html @@ -3,31 +3,48 @@ + Instagram - Instagram + + + + + + +
+ +
Capture and Share the World's Moments
- 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 - - 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?
+
+