From 11f68b1be50ddd1415443eadac17d740fbd61bca Mon Sep 17 00:00:00 2001 From: Aurelia Lim Date: Thu, 6 Aug 2020 00:23:03 +0800 Subject: [PATCH 1/2] i edited the css and html to the best of my ability --- css/style.css | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 69 ++++++++++++++++++++++++++++++++------------- 2 files changed, 127 insertions(+), 19 deletions(-) diff --git a/css/style.css b/css/style.css index 412f6d4..9d239f0 100644 --- a/css/style.css +++ b/css/style.css @@ -8,4 +8,81 @@ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; margin: 0; + background: -webkit-linear-gradient(top, rgba(28,83,128,1) 0%, rgba(6,54,95,1) 54%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 78%, rgba(255,255,255,1) 100%) no-repeat; +} + +.container { + + max-width: 900px; + margin: 0 auto; +} + +.igbutton:after { + content: ""; + display: table; + clear: both; +} +.phone{ +float: left; +width: 50%; +position: relative; +top: 300px; +} +.subheading{ +color: #1c5380; +width: 70%; +} +.textbox{ +font-size: 16px; +background: white; +border-radius: 5px; +padding: 5px 30px 30px 30px; +margin-top: 30px; +} + +.right{ +float: right; +width: 500px; +position: relative; +bottom: 180px; +} + +.igbutton{ +margin: 0; +padding: 0; +} +nav{ +display: inline; +} +.row-first{ +position: relative; +top: 190px; +} +.footer{ +bottom: 0; +height: 21%; +position: absolute; +margin-left: 12%; +} +.leftnav { +position: relative; +float: left; +width: 50%; +} +.rightnav { +float: right; +position: relative; +width: 37%; +top: 15px; + + +} +#loginbutton{ +color: white; +margin-top: 10%; +margin-left: 140px; +background: #478fca; +border-radius: 3px; +border: none; +padding: 3px; } diff --git a/index.html b/index.html index f038e97..b390b85 100644 --- a/index.html +++ b/index.html @@ -3,31 +3,62 @@ + Instagram - Instagram +
+
+
+ phones +
+
+
+ +
+
+
+

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?

+
+
+
+ iphone-dl + badge-android +
+
+
+
- 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 +
+ + From ba1a93352adc25ec9656a8654c92ee23aadb7ce0 Mon Sep 17 00:00:00 2001 From: Aurelia Lim Date: Thu, 6 Aug 2020 00:26:13 +0800 Subject: [PATCH 2/2] edited the css files of not needed stuff --- css/style.css | 9 ++------- 1 file changed, 2 insertions(+), 7 deletions(-) diff --git a/css/style.css b/css/style.css index 9d239f0..509dadb 100644 --- a/css/style.css +++ b/css/style.css @@ -51,13 +51,8 @@ bottom: 180px; margin: 0; padding: 0; } -nav{ -display: inline; -} -.row-first{ -position: relative; -top: 190px; -} + + .footer{ bottom: 0; height: 21%;