-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhow_you_can_help.html
211 lines (200 loc) · 9.67 KB
/
how_you_can_help.html
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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html>
<!-- TODO: Fix scrolldown issue -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>How You Can Help | LIV Livres Solidaires</title>
<!-- Pulling Bootstrap CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Pulling jQuery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Pulling Bootstrap JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- Pulling CSS -->
<link rel="stylesheet" type="text/css" href="style.css" />
<!-- Pulling Awesome Font -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
</head>
<body data-spy="scroll" data-target="#myScrollspy" data-offset="15">
<header>
<div class="container">
<div class="row">
<p class="text-right">
<!-- TODO: Underline the right language when that language has been selected + make it unclickable -->
<a href="comment_nous_aider.html">fr</a>
<a href="how_you_can_help.html">en</a>
</p>
</div>
<div class="row">
<div class="col-sm-4">
<center>
<img src="Logo Trim.jpg" width="60%"/>
</center>
</div>
<div class="col-sm-8">
<h1>
<strong> LIV Livres Solidaires
<br/>
<small>Promoting access to leisure reading in Haiti</small></strong>
</h1>
</div>
</div>
<div class="row">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="home.html"><span class="glyphicon glyphicon-home"></span> | Home<span class="sr-only">(current)</span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">The LIV Project <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Our Mission</a></li>
<li><a href="#">Our Activities</a></li>
</ul>
</li>
<li><a href="the_teams.html">The Teams</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">How You Can Help <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#donate">Donate Your Books</a></li>
<li><a href="#volunteer">Volunteer</a></li>
<li><a href="#become_a_member">Become a Member</a></li>
</ul>
</li>
<!-- <li><a href="#">Project News</a></li>
<li><a href="#">Media & Press</a></li> -->
<li><a href="contact_us.html">Contact Us</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
</header>
<div id="helpOptions">
<div class="container">
<div class="row">
<nav class="col-sm-3" id="myScrollspy">
<ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="235">
<li class="active"><a href="#donate"><strong>Donate Your Books </strong></a></li>
<li><a href="#volunteer"><strong>Volunteer</strong></a></li>
<li><a href="#become_a_member"><strong>Become a Member</strong></a></li>
</ul>
</nav>
<div class="col-sm-9">
<h2><strong>How You Can Help</strong></h2>
<br />
<p>
If you live in Belgium or in the North of France, there are many ways in which you could help us promote
access to leisure reading in Haiti!
</p>
<br />
<div id="donate">
<h3>Donate Your Books</h3>
<br/>
<div class="row">
<div class="col-sm-7">
<div style="display: table; height: 250px; overflow: hidden;">
<div style="display: table-cell; vertical-align: middle;">
<p>
At LIV Livres Solidaires, we rely largely on donations from individuals and organizations for the books
that we send to Haiti. As such, we are always on the lookout and are extremely grateful for each and
every new donation. Every bit counts! If you would like to donate your books, please <strong><a href="contact_us.html">contact us</a></strong>.
Together, we will arrange a convenient time and date for you to bring us your books. If you are not able
to bring us your books, we will let you know the dates of our next big collection in your region.
</p>
</div>
</div>
</div>
<div class="col-sm-5">
<img src="Don_De_Livres.JPG"/>
</div>
</div>
<br/>
<div id="box">
<h4>What types of books are we looking for?</h4>
<p>
We accept books:
<ul>
<li> written in French or Creole </li>
<li> and in good condition </li>
</ul>
Note: At the moment we have a particular need for books for children/youth, documentaries for adults, and dictionaries.
Please prioritize these over others, especially novels for adults, which are not as urgently needed.
</p>
</div>
</div>
<br/>
<div id="volunteer">
<h3>Volunteer</h3>
<br/>
<div class="row">
<div class="col-sm-5">
<img src="Chargement du 5e conteneur.jpg"/>
</div>
<div class="col-sm-7">
<div style="display: table; height: 250px; overflow: hidden;">
<div style="display: table-cell; vertical-align: middle;">
<p>
You can also help us by volunteering with us. As a volunteer, you may be asked to sort donated books
into boxes or to load sorted boxes into a container. You can volunteer by yourself or
organize a volunteering opportunity with your family, friends, colleagues, etc. If you would like to
volunteer with us, please <strong><a href="contact_us.html">contact us</a></strong>.
</p>
</div>
</div>
</div>
</div>
</div>
<br />
<div id="become_a_member">
<h3>Become a Member</h3>
<br/>
<div class="row">
<div class="col-sm-7">
<div style="display: table; height: 250px; overflow: hidden;">
<div style="display: table-cell; vertical-align: middle;">
<p>
You want to become active within our organization? You believe in what we do as much as we do? Then why
don't you join us in the running of LIV Livres Solidaires? As a member, you would attend our general assemblies
and have your say on how LIV is run. For more information on how to become a member, and the opportunities/responsibilities
linked with the role, please <strong><a href="contact_us.html">contact us</a></strong>.
</p>
</div>
</div>
</div>
<div class="col-sm-5">
<img src="#"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="text-center">
<div class="col-sm-12">
<p>
© LIV Livres Solidaires 2016
</p>
</div>
<div class="col-sm-12">
<ul class="social-network social-circle">
<li><a href="https://www.facebook.com/LIVLivresSolidaires" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="mailto:[email protected]" class="icoEnvelope" title="Mail"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</footer>
</body>
</html>