From de41d5d2fb4dc49e49afb9325d3cee186d610860 Mon Sep 17 00:00:00 2001 From: Stella Del Mar <113214552+Stelladelmar@users.noreply.github.com> Date: Thu, 11 May 2023 13:45:35 +0100 Subject: [PATCH 1/5] - - --- css/main.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/css/main.css b/css/main.css index aa561706..6dbda0d8 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,17 @@ +/* +Fonts +Headings: Poppins - Semi-bold 600 +https://fonts.google.com/specimen/Poppins +Body: Quicksand - Light 300 +https://fonts.google.com/specimen/Quicksand + +Colors +Dark beige: #E6DACD +Light beige: #F4ECE6 +Royal blue: #0150FD +Black: #000 +White: #FFF */ + /* Add your CSS here */ /* Dont' forget to link this file to your HTML in the */ From 5c28ec5609aef90c14d640705875bf3310781659 Mon Sep 17 00:00:00 2001 From: Stella Del Mar <113214552+Stelladelmar@users.noreply.github.com> Date: Fri, 12 May 2023 19:52:16 +0100 Subject: [PATCH 2/5] nav fixed nav fixed --- css/main.css | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++-- index.html | 25 ++++++++++++++++++++++++- 2 files changed, 75 insertions(+), 3 deletions(-) diff --git a/css/main.css b/css/main.css index 6dbda0d8..70b5fa10 100644 --- a/css/main.css +++ b/css/main.css @@ -11,7 +11,56 @@ Light beige: #F4ECE6 Royal blue: #0150FD Black: #000 White: #FFF */ - /* Add your CSS here */ - /* Dont' forget to link this file to your HTML in the */ + +header { + position: fixed; + top: 0%; + left: 0%; + width: 100%; + background-color: white; + color: #000; + padding: 50x; + display: flex; + justify-content: center; +} +.fixed-nav { + display: flex; + font-weight: bold; + justify-content: space-between; + padding: 3%; + +} +.nav-left{ + display: flex; + justify-content: left; + margin-top: 10%; + font-family: "Poppins"; + +} +.nav-left p { + font-weight: lighter; +} + + +.nav-right { + display: flex; + justify-content:space-evenly; + margin-top: 10% +} +.nav-right a { + text-decoration: none; + justify-content: right; + color: #0050FF; + font-size: 15px; + padding:2%; + font-family: Poppins; +} + + +body { + background-color:#E6DACD; + + /* font-family: 'Quicksand', sans-serif; */ +} \ No newline at end of file diff --git a/index.html b/index.html index cd704c69..19a35752 100644 --- a/index.html +++ b/index.html @@ -5,15 +5,38 @@ + + + + Responsive grid project +
+
+ +
+ +
+
- +
+

This website design was created by Wix.com, and is used here for strictly educational purposes.

From d4d8f7a8098c8ada6657f63cc36352b82738de82 Mon Sep 17 00:00:00 2001 From: Stella Del Mar <113214552+Stelladelmar@users.noreply.github.com> Date: Sat, 13 May 2023 11:03:58 +0100 Subject: [PATCH 3/5] footer started --- css/main.css | 13 +++++++++++++ index.html | 12 +++++++++++- 2 files changed, 24 insertions(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 70b5fa10..c1170741 100644 --- a/css/main.css +++ b/css/main.css @@ -63,4 +63,17 @@ body { background-color:#E6DACD; /* font-family: 'Quicksand', sans-serif; */ +} + + + + + + + +footer { + background-color: white; + padding:50px; + + } \ No newline at end of file diff --git a/index.html b/index.html index 19a35752..ed2321f2 100644 --- a/index.html +++ b/index.html @@ -35,7 +35,17 @@

Maya Nelson

/PROJECT MANAGER

This website design was created by Wix.com, and is used here for strictly educational purposes.

From 5ef37f3af3bf53e1370fc90a7d68edcd10d2f5fa Mon Sep 17 00:00:00 2001 From: Stella Del Mar <113214552+Stelladelmar@users.noreply.github.com> Date: Fri, 2 Jun 2023 21:30:58 +0100 Subject: [PATCH 4/5] HEADER FOOTER STYLE --- .vscode/settings.json | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..4c7ff40f --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} From c8e17baf148f884210cfb5216ae5b8585c6e4add Mon Sep 17 00:00:00 2001 From: Stella Del Mar <113214552+Stelladelmar@users.noreply.github.com> Date: Fri, 2 Jun 2023 23:52:48 +0100 Subject: [PATCH 5/5] minor css --- css/main.css | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++-- index.html | 18 ++++++++++++---- 2 files changed, 72 insertions(+), 6 deletions(-) diff --git a/css/main.css b/css/main.css index c1170741..6c2e4c30 100644 --- a/css/main.css +++ b/css/main.css @@ -71,9 +71,65 @@ body { -footer { +/* footer { background-color: white; padding:50px; -} \ No newline at end of file +} */ +.footer-container { + /* position: fixed; */ + + /* float: left; */ + bottom: 0; + width: 100%; + background-color: white; + color: black; + text-align: center; +} +.row{ +} +.the-number{ + position: fixed; + left: 0; + bottom: 0; + float:left; + width: 25%; + /* width: 100%; */ + background-color: white; + color: black; + text-align: left; + +} +.tlf { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: white; + color: black; + text-align: center; + +} +.number { + float:left; + width: 25%; + /* position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: white; + color: black; + text-align: center; */ + +} +/* .email { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: white; + color: black; + text-align: center; + +} */ diff --git a/index.html b/index.html index ed2321f2..0b8c3608 100644 --- a/index.html +++ b/index.html @@ -36,13 +36,23 @@

Maya Nelson

/PROJECT MANAGER