-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathindex.html
More file actions
132 lines (129 loc) · 6.03 KB
/
index.html
File metadata and controls
132 lines (129 loc) · 6.03 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE>
<html lang="en_US">
<head>
<title>Bikes for Refugees | Scotland</title>
<meta charset="utf-8">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com">
<link rel="dns-prefetch" href="//code.jquery.com">
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
<div class="site-header container">
<div class="navbar navbar-toggleable-md navbar-light">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a href="/" class="navbar-brand">
<h1 class="sr-only">Bikes for Refugees Scotland - Providing donated bikes and accessories to refugees and asylum seekers.</h1>
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">News & Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact Us</a>
</li>
</ul>
<a href="#" class="btn btn-primary ml-auto">
Donate Now
</a>
</div>
</div>
</div>
<div id="content" class="container site-content">
<div class="alert alert-info" role="alert">
You've helped us give <span id="donation-count-alert">72</span> bikes to refugees and asylum seekers. <strong>Thank you!</strong>
</div>
<div class="row">
<div class="primary-content col-lg-8">
<div class="jumbotron">
<h1 class="display-3">Bikes for Refugees</h1>
<div id="jumbotron-text">
<p class="lead">Providing donated bikes and accessories to refugees and asylum seekers in Scotland.</p>
</div>
<hr class="my-4">
<div class="buttons">
<a id="bgrChangeBtn" class="btn btn-primary btn-lrg" href="#">Change colour</a>
<a id="alertBtn" class="btn btn-secondary btn-lrg" href="#">ALERT</a>
<a id="addTextBtn" class="btn btn-secondary btn-lrg" href="#">Add some text</a>
<a id="largerLinksBtn" class="btn btn-secondary btn-lrg" href="#">Larger links!</a>
</div>
</div>
<div style="display: flex">
<input class="form-control addArticle" type="textbox">
<button id="addArticleBtn" type="button" class="btn btn-primary">Add</button>
</div>
<h2 class="heading-underline">Learn more</h2>
<div id="mainArticles" class="articles">
<article class="article">
<p class="article-lead">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>
</article>
<article class="article">
<p class="article-lead">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>
</article>
</div>
</div>
<div class="sidebar-content col-lg">
<h2 class="heading-underline">Upcoming events</h2>
<div class="articles">
<article class="article row">
<a href="#">
</a>
<div class="article-title article-title--sidebar">
<a href="#">Join us for our Spring fundraisers</a>
</div>
<p class="article-lead">Riders needed now to help raise awareness and funds for BfR and Médecins Sans Frontières.</p>
</article>
<article class="article row">
<a href="#">
</a>
<div class="article-title article-title--sidebar">
<a href="#">Bike dropoff event in Edinburgh on May 11</a>
</div>
</article>
<article class="article row">
<div class="article-title article-title--sidebar">
<a href="#">Help us cycle 4,797km</a>
</div>
<p class="article-lead">We need you to help us cycle 4797km, the distance of Edinburgh to Damascus.</p>
</article>
<a href="https://www.facebook.com/BikesforRefugeesScotland/events/?ref=page_internal" class="facebook-link">
<span class="fa fa-facebook-square"></span>
All Facebook events
</a>
</div>
</div>
</div>
</div>
</div>
<div class="site-footer container">
<div class="row">
<div class="col-lg-8">
<p class="text-center">
Bikes for Refugees Scotland is a volunteer-led project to help people explore and make connections with their local communities.
</p>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="./exercise.js"></script>
<script>
document.querySelectorAll('a').forEach(a => a.style.fontSize = "1em");
</script>
</body>
</html>