diff --git a/index.html b/index.html index 76254c13..d9bd6377 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!
+

Bikes for Refugees

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

- - + + + +
+

Learn more

-
-
+ + -
+
+
-
+
- - + 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 {