From bb50932fc4aed669c1e3a1bf76177906e05ef6ab Mon Sep 17 00:00:00 2001 From: Mirabelle Morah Date: Sat, 17 May 2025 11:21:01 +0100 Subject: [PATCH 1/5] Adjusted semantic html --- index.html | 316 +++++++++++++++++++++++++---------------------------- 1 file changed, 148 insertions(+), 168 deletions(-) diff --git a/index.html b/index.html index 76254c13..4dbfefae 100644 --- a/index.html +++ b/index.html @@ -1,179 +1,159 @@ - - - - - - - - - - - Bikes for Refugees - - - -
- - - - -
- -
+ + + + + + + + + + + Bikes for Refugees + + + +
+ + + + + + + + + +
+ +
+ +
+
+ You've helped us give 72 bikes + to refugees and asylum seekers so far. Thank you! +
- +
+

Bikes for Refugees

+

+ Providing donated bikes and accessories to refugees and asylum + seekers in Scotland. +

+ + +
-
+
+

Learn more

-
-
-
- You've helped us give 72 bikes - to refugees and asylum seekers so far. Thank you! -
- -
-

Bikes for Refugees

-

- Providing donated bikes and accessories to refugees and asylum - seekers in Scotland. +

+ +
+ +

Why do refugees need bikes?

+

+ Many refugees are placed in housing in areas where there are + few jobs. Bikes provide low-cost transportation so that they + can get to work, manage child care and do their shopping. +

+

+ + + Learn more + +

+
+ +
+

How can I help?

+

+ We need lots of bikes and bike accessories! If you have an + old bike you don't use, bring it to one of our dropoff + events. Or come attend one of our fundraisers.

- - -
- -
-

Learn more

- -
-
-

Why do refugees need bikes?

-

- Many refugees are placed in housing in areas where there are - few jobs. Bikes provide low-cost transportation so that they - can get to work, manage child care and do their shopping. -

-

- - - Learn more - -

-
- -
-

How can I help?

-

- We need lots of bikes and bike accessories! If you have an - old bike you don't use, bring it to one of our dropoff - events. Or come attend one of our fundraisers. -

-

- - - Learn more - -

-
-
-
+

+ + + Learn more + +

+
- -
-

Upcoming events

- -
- -
-

- Join us for our Spring fundraisers -

-

- Riders needed now to help raise awareness and funds for BfR and - Médecins Sans Frontières. -

-
-
- -
- -
-

- Bike dropoff event in Edinburgh on May 11 -

-
-
- -
- -
-

- Help us cycle 4,797km -

-

- We need you to help us cycle 4797km, the distance of Edinburgh - to Damascus. -

-
-
- - +
+ + +
- -
-
-

- Bikes for Refugees Scotland is a volunteer-led project to help + + +

+ +
+ +
+

+ Help us cycle 4,797km +

+

+ We need you to help us cycle 4797km, the distance of Edinburgh + to Damascus. +

+
+
+ + + +
+ +
+
+

+ Bikes for Refugees Scotland is a volunteer-led project to help people explore and make connections with their local communities. -

-

Website by Code Your Future

-
+

+

Website by Code Your Future

- - + + + + \ No newline at end of file From f8ffb07e826e7f5977a7ec584d72bef240ad07d0 Mon Sep 17 00:00:00 2001 From: Mirabelle Morah Date: Sat, 17 May 2025 11:51:44 +0100 Subject: [PATCH 2/5] Added images and updated spacing in css --- index.html | 14 +++++++++----- styles/style.css | 50 +++++++++++++++++++++++++++++++++++++----------- 2 files changed, 48 insertions(+), 16 deletions(-) diff --git a/index.html b/index.html index 4dbfefae..2831e005 100644 --- a/index.html +++ b/index.html @@ -22,7 +22,9 @@ @@ -45,10 +48,11 @@
-
+ +
You've helped us give 72 bikes to refugees and asylum seekers so far. Thank you! -
+

Bikes for Refugees

@@ -103,7 +107,7 @@

How can I help?

Upcoming events

- +

Help us cycle 4,797km diff --git a/styles/style.css b/styles/style.css index 4d1c088e..1bf59ba6 100644 --- a/styles/style.css +++ b/styles/style.css @@ -5,13 +5,13 @@ * */ - :root { - --grey-dark: #292b2c; - --grey-light: #e4e4e4; - --orange-dark: #c05326; - --orange-light: #f7eae4; - --white: #fff; - } +:root { + --grey-dark: #292b2c; + --grey-light: #e4e4e4; + --orange-dark: #c05326; + --orange-light: #f7eae4; + --white: #fff; +} body { margin: 0; @@ -24,7 +24,12 @@ button { font-size: 1rem; } -h1,h2,h3,h4,h5,h6 { +h1, +h2, +h3, +h4, +h5, +h6 { margin-top: 0; margin-bottom: 0; } @@ -67,6 +72,7 @@ p { .navigation__item { padding: 0.5rem 0; + margin: 0 20px; } .navigation__link { @@ -95,7 +101,17 @@ p { /* Buttons */ - /* INSERT BUTTON STYLES HERE */ +button { + background-color: var(--orange-dark); + color: var(--white); + border: none; + border-radius: 4px; + padding: 0.5rem 1rem; + font-size: 1rem; + font-weight: 600; + text-transform: uppercase; + cursor: pointer; +} /* Content */ @@ -114,19 +130,26 @@ p { font-size: 0.85rem; line-height: 1.3; padding: 1.5rem 1rem; +} + +/* section */ +section { margin-bottom: 2rem; } /* hero */ .hero { - background-image: url("header-bike.jpg"); + background-image: url("/images/header-bike.jpg"); background-color: var(--grey-light); + color: var(--white); + padding: 70px 30px; } .hero h1 { margin-bottom: 1rem; font-size: 2.5rem; + } .hero p { @@ -134,6 +157,11 @@ p { margin-bottom: 2rem; } +.hero button:nth-of-type(2) { + background-color: var(--white); + color: var(--orange-dark); +} + /* Headings */ @@ -247,4 +275,4 @@ p { .main { padding-right: 2rem; } -} +} \ No newline at end of file From fd672215ac107807362aa4e97d13499fcb1e6080 Mon Sep 17 00:00:00 2001 From: Mirabelle Morah Date: Sat, 17 May 2025 12:26:24 +0100 Subject: [PATCH 3/5] Fixed spacing --- index.html | 13 +++++++++---- styles/style.css | 20 ++++++++++++++++++++ 2 files changed, 29 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 2831e005..1359eb8f 100644 --- a/index.html +++ b/index.html @@ -67,7 +67,7 @@

Bikes for Refugees

Learn more

-
+
@@ -77,12 +77,14 @@

Why do refugees need bikes?

few jobs. Bikes provide low-cost transportation so that they can get to work, manage child care and do their shopping.

+

Learn more

+
@@ -106,9 +108,11 @@

How can I help?