From cded79697c44a0cb29ba8a24f83c4b8fcc05a339 Mon Sep 17 00:00:00 2001 From: alexandru-pocovnicu <109530683+alexandru-pocovnicu@users.noreply.github.com> Date: Sun, 7 Sep 2025 09:37:50 +0100 Subject: [PATCH 1/3] changed divs with semantic html --- index.html | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 76254c13..6a6cee76 100644 --- a/index.html +++ b/index.html @@ -20,7 +20,7 @@ -
+
Donate Now -
+
-
+
You've helped us give 72 bikes to refugees and asylum seekers so far. Thank you! @@ -103,9 +103,9 @@

How can I help?

- + -
+
-
+
+ From cfb416d06470613ef68f9c55427fb1a329ef3688 Mon Sep 17 00:00:00 2001 From: alexandru-pocovnicu <109530683+alexandru-pocovnicu@users.noreply.github.com> Date: Mon, 8 Sep 2025 18:20:26 +0100 Subject: [PATCH 2/3] changed div elements with semantic html --- index.html | 30 +++++++++++++++++------------- 1 file changed, 17 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index 6a6cee76..d9bd6377 100644 --- a/index.html +++ b/index.html @@ -59,20 +59,24 @@
+

Bikes for Refugees

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

- - + + + +
+

Learn more

-
-
+
+

Why do refugees need bikes?

Many refugees are placed in housing in areas where there are @@ -85,9 +89,9 @@

Why do refugees need bikes?

Learn more

-
+ -
+

How can I help?

We need lots of bikes and bike accessories! If you have an @@ -100,7 +104,7 @@

How can I help?

Learn more

-
+
@@ -111,8 +115,8 @@

Upcoming events

@@ -128,8 +132,8 @@

@@ -141,8 +145,8 @@

From 14cb624ccbd390c3ce6179e14696cee54585cde3 Mon Sep 17 00:00:00 2001 From: alexandru-pocovnicu <109530683+alexandru-pocovnicu@users.noreply.github.com> Date: Mon, 8 Sep 2025 18:20:52 +0100 Subject: [PATCH 3/3] Enhance styles for navigation, hero section, and articles layout --- styles/style.css | 45 +++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 43 insertions(+), 2 deletions(-) diff --git a/styles/style.css b/styles/style.css index 4d1c088e..64631a13 100644 --- a/styles/style.css +++ b/styles/style.css @@ -74,6 +74,11 @@ p { font-weight: 600; text-transform: uppercase; text-decoration: none; + padding: 1rem; +} + +.navigation__link:hover{ + color: #c05326; } @@ -95,8 +100,20 @@ p { /* Buttons */ - /* INSERT BUTTON STYLES HERE */ +header button{ + background-color: var(--orange-dark); + color: var(--grey-light); + border: none; +} +#button1{ + color: var(--white); + background-color: var(--orange-dark); +} + +#button2{ + color: var(--orange-dark); +} /* Content */ @@ -120,21 +137,35 @@ p { /* hero */ .hero { - background-image: url("header-bike.jpg"); + background-image: url("../images/header-bike.jpg"); background-color: var(--grey-light); + background-size: cover; + background-position: center; + min-height: 40vh; + width:80vh ; + text-align: left; + align-items: center; + display: flex; + padding: 2rem; + margin-bottom: 2rem; } .hero h1 { margin-bottom: 1rem; font-size: 2.5rem; + color: #e4e4e4; } .hero p { font-size: 1.2rem; margin-bottom: 2rem; + color: #e4e4e4; } + + + /* Headings */ .heading-underline { @@ -161,8 +192,18 @@ p { /* Article */ +.both-articles{ + display: flex; +} + .article { margin-bottom: 1rem; + border-style: groove; + width: 50%; +} + +.article1{ + margin-right: 1rem; } .article__title {