Skip to content

London | May-2025 | Seddiq Azam | bikes-for-refugees #524

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sedazam wants to merge 13 commits into
base: main
Choose a base branch
from
Open

London | May-2025 | Seddiq Azam | bikes-for-refugees #524

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
fe2a14f
modified
sedazam May 13, 2025
e1a44b0
edit this file to make changes to your commit message.
sedazam May 13, 2025
e57d3fc
donate button change
sedazam May 13, 2025
b325a8a
removed extra div
sedazam May 13, 2025
c6c3b97
donate button fix
sedazam May 14, 2025
cd241c1
update index.html and style.css
sedazam May 15, 2025
9532e7e
update index.html
sedazam May 17, 2025
1bcb5bc
update index.html
sedazam May 17, 2025
c6453da
Add files via upload
sedazam May 17, 2025
443f9a4
removed attributes
sedazam May 17, 2025
4a6a4cc
Merge branch 'May-2025/SeddiqAzam' of https://github.com/sedazam/bike…
sedazam May 17, 2025
8e30b7a
Update index.html
sedazam May 18, 2025
3905a20
Update style.css
sedazam May 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added bikes-for-refugees-May-2025-SeddiqAzam.zip
View file
Open in desktop
Binary file not shown.
240 changes: 113 additions & 127 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@

<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700"
rel="stylesheet"
/>
<link
Expand All @@ -21,157 +21,143 @@

<body>
<div class="header">
<a href="#">
<img
src="images/bikes-for-refugees_logo.jpg"
alt="Logo for Bikes for Refugees Scotland"
class="header__logo"
/>
</a>

<div>
<ul class="navigation__list">
<li class="navigation__item"><a class="navigation__link" href="#">Home</a></li>
<li class="navigation__item"><a class="navigation__link" href="#">About Us</a></li>
<li class="navigation__item"><a class="navigation__link" href="#">News & Events</a></li>
<li class="navigation__item"><a class="navigation__link" href="#">Contact Us</a></li>
</ul>
</div>

<a href="#">
<img
src="images/bikes-for-refugees_logo.jpg"
alt="Logo for Bikes for Refugees Scotland"
class="header__logo"
/>
</a>
<button class="donatenow">Donate Now</button>
</div>

<div>
<ul class="navigation__list">
<li class="navigation__item">
<a class="navigation__link" href="#">Home</a>
</li>
<li class="navigation__item">
<a class="navigation__link" href="#">About Us</a>
</li>
<li class="navigation__item">
<a class="navigation__link" href="#">News & Events</a>
</li>
<li class="navigation__item">
<a class="navigation__link" href="#">Contact Us</a>
</li>
</ul>
<div class="content">
<div class="main">
<div class="alert">
You've helped us give <span class="text-highlight">72</span> bikes
to refugees and asylum seekers so far. <strong>Thank you!</strong>
</div>

<button>Donate Now</button>
<div class="hero">
<h1>Bikes for Refugees</h1>
<p>
Providing donated bikes and accessories to refugees and asylum seekers in Scotland.
</p>
<p>
<button class="button">Donate a bike today</button>
<button class="volunteer-button">Volunteer</button>
</p>

</div>

<div class="content">
<div class="main">
<div class="alert">
You've helped us give <span class="text-highlight">72</span> bikes
to refugees and asylum seekers so far. <strong>Thank you!</strong>
</div>
</div>

<div class="hero">
<h1>Bikes for Refugees</h1>
<p>
Providing donated bikes and accessories to refugees and asylum
seekers in Scotland.
</p>
<button>Donate a bike today</button>
<button>Volunteer</button>
</div>
<h2 class="heading-underline">Learn more</h2>

<div>
<h2 class="heading-underline">Learn more</h2>

<div>
<div class="article">
<h3 class="article__title">Why do refugees need bikes?</h3>
<p class="article__summary">
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.
</p>
<p class="article__read-more">
<a href="#">
<span class="arrow-right"></span>
Learn more
</a>
</p>
</div>

<div class="article">
<h3 class="article__title">How can I help?</h3>
<p class="article__summary">
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.
</p>
<p class="article__read-more">
<a href="#">
<span class="arrow-right"></span>
Learn more
</a>
</p>
</div>
<div class="row">
<div class="column art1">
<div class="article">
<h3 class="article__title">Why do refugees need bikes?</h3>
<p class="article__summary">
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.
</p>
<p class="article__read-more">
<a href="#"><span class="arrow-right"></span> Learn more</a>
</p>
</div>
</div>
</div>

<div class="sidebar">
<h2 class="heading-underline">Upcoming events</h2>

<div class="article">
<img
class="article__thumbnail"
src="spring-fundraisers_thumbnail.jpg"
alt=""
/>
<div class="article__content">
<h3 class="article__title">
<a class="article__title-link" href="#">Join us for our Spring fundraisers</a>
</h3>
<div class="column art2">
<div class="article">
<h3 class="article__title">How can I help?</h3>
<p class="article__summary">
Riders needed now to help raise awareness and funds for BfR and
Médecins Sans Frontières.
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.
</p>
<p class="article__read-more">
<a href="#"><span class="arrow-right"></span> Learn more</a>
</p>
</div>
</div>
</div>
</div>

<div class="article">
<img
class="article__thumbnail"
src="bikes-for-refugees_logo.jpg"
alt=""
/>
<div class="article__content">
<h3 class="article__title">
<a class="article__title-link" href="#">Bike dropoff event in Edinburgh on May 11</a>
</h3>
</div>
<div class="sidebar">
<h2 class="heading-underline">Upcoming events</h2>

<div class="article">
<img
class="article__thumbnail"
src="images/spring-fundraisers_thumbnail.jpg"
alt="Spring Fundraisers"
/>
<div class="article__content">
<h3 class="article__title">
<a class="article__title-link" href="#">Join us for our Spring fundraisers</a>
</h3>
<p class="article__summary">
Riders needed now to help raise awareness and funds for BfR and
Médecins Sans Frontières.
</p>
</div>
</div>

<div class="article">
<img
class="article__thumbnail"
src="edinburgh-damascus_thumbnail.png"
alt=""
/>
<div class="article__content">
<h3 class="article__title">
<a class="article__title-link" href="#">Help us cycle 4,797km</a>
</h3>
<p class="article__summary">
We need you to help us cycle 4797km, the distance of Edinburgh
to Damascus.
</p>
</div>
<div class="article">
<img
class="article__thumbnail"
src="images/bikes-for-refugees_logo.jpg"
alt="Bike dropoff event"
/>
<div class="article__content">
<h3 class="article__title">
<a class="article__title-link" href="#">Bike dropoff event in Edinburgh on May 11</a>
</h3>
</div>
</div>

<a
href="https://www.facebook.com/BikesforRefugeesScotland/events/?ref=page_internal"
target="_blank"
class="facebook-link"
>
<span class="fa fa-facebook-square"></span>
All Facebook events
</a>
<div class="article">
<img
class="article__thumbnail"
src="images/edinburgh-damascus_thumbnail.png"
alt="Cycle challenge"
/>
<div class="article__content">
<h3 class="article__title">
<a class="article__title-link" href="#">Help us cycle 4,797km</a>
</h3>
<p class="article__summary">
We need you to help us cycle 4797km, the distance of Edinburgh
to Damascus.
</p>
</div>
</div>

<a
href="https://www.facebook.com/BikesforRefugeesScotland/events/?ref=page_internal"
target="_blank"
class="facebook-link"
>
<span class="fa fa-facebook-square"></span>
All Facebook events
</a>
</div>
</div>

<div class="footer">
<div class="footer__content">
<p>
<strong>Bikes for Refugees Scotland is a volunteer-led project to help
people explore and make connections with their local communities.</strong>
</p>
<p><strong>Bikes for Refugees Scotland is a volunteer-led project to help people explore and make connections with their local communities.</strong></p>
<p>Website by Code Your Future</p>
</div>
</div>
Expand Down
Loading