-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
296 lines (292 loc) · 15.9 KB
/
index.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
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="Description" content="Le site du Repair Café de Schaerbeek">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Repair Café Schaerbeek</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro">
<link rel="stylesheet" href="./assets/css/style.min.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<header id="header">
<nav class="navbar navbar-default navbar-fixed-top text-uppercase">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a class="navbar-brand" href="#header"><strong>Repair Café</strong> Schaerbeek</a></h1>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">À propos</a></li>
<li><a href="#faq">Faq</a></li>
<li><a href="#news">Actus</a></li>
<li><a href="#form">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">fr <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="">Fr</a></li>
<li><a href="">Nl</a></li>
<li><a href="">En</a></li>
</ul>
</li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
</header>
<main>
<section id="disclaimer" class="container-fluid center-items">
<div class="container">
<div class="row center-items">
<div class="col-md-8">
<p class="text-uppercase bigger">Jeter? Pas question!</p>
<p class="bigger space-after">
Réparer ensemble, c'est l'idée des <a href="http://www.repairtogether.be/">Repair Cafés</a> dont l'entrée est ouverte à tous.
</p>
<p class="infoline">
Prochaine session: Dimanche 8 juillet dés 14h<br> 307, rue des Coteaux 1030 Schaerbeek
</p>
</div>
<div class="col-md-4 center-items">
<a href="#form">
<button class="btn btn-default bigger">Inscrivez-vous</button>
</a>
</div>
</div>
</div>
</section>
<section id="about" class="bc-white container">
<div class="row">
<h2>À Propos</h2>
<div class="col-md-8">
<p>
Outils et matériel sont disponibles à l’endroit où est organisé le Repair Café, pour faire <b>toutes les réparations possibles et imaginables</b>. Vêtements, meubles, appareils électriques, bicyclettes, vaisselle, objets utiles, jouets, et
autres. D’autre part sont présents dans le Repair Café des experts bénévoles, qui ont une <b>connaissance</b> et une compétence de la réparation dans toutes sortes de domaines.
</p>
<p>
On y apporte des objets en mauvais état qu’on a chez soi. Et on se met à l’ouvrage avec les gens du métier. Il y a toujours quelque chose à <b>apprendre</b> au Repair Café. Ceux qui n’ont rien à réparer prennent un café ou un thé, ou aident
à réparer un objet appartenant à un autre. On peut aussi toujours y trouver des idées à la table de lecture qui propose des ouvrages sur la réparation et le <b>bricolage</b>.
</p>
<p>
Il y a des centaines de <a href="http://www.repairtogether.be/">Repair Cafés</a> partout en Belgique, en France et en Suisse. Vous pouvez visiter un Repair Café près de chez vous, ou pourquoi pas, en organiser un vous-même ! Lisez aussi les
<a href="">règles internes</a> du Repair Café.
</p>
</div>
<div class="col-md-4">
<iframe src="https://www.youtube.com/embed/_lWIAb-DW1c?rel=0&showinfo=0" title="Reportage Vidéo Alternatiba" allowfullscreen></iframe>
<a href="https://www.youtube.com/watch?v=_lWIAb-DW1c" class="video">Reportage Vidéo Alternatiba</a>
</div>
</div>
</section>
<div class="interstice img_1"></div>
<section id="faq" class="bc-white container">
<div class="row">
<h2>FAQ</h2>
<div class="col-md-12">
<div class="question">
<h3>Qu'est-ce qu'un Repair Café ? Qui êtes-vous ?<span class="arrow"></span></h3>
<p>
Le Repair Café est un endroit où l'on peut venir réparer un objet gratuitement avec l'aide de bénévoles expert en la matière. C'est également un lieu de rencontre et d'échanges entre visiteurs et bénévoles. Notre Repair Café Schaerbeek a été créé en avril
2013 par un groupe de citoyens motivés et intéressés par le concept.
</p>
</div>
<div class="question">
<h3>Qui peut venir au Repair Café ?<span class="arrow"></span></h3>
<p>
Tout le monde ! Le Repair Café est ouvert à tous, car en plus d'être un endroit où l'on répare, c'est aussi un lieu convivial où l'on peut rencontrer des personnes et apprendre et partager des connaissances.
</p>
</div>
<div class="question">
<h3>Quand et où a lieu le Repair Café Schaerbeek ?<span class="arrow"></span></h3>
<p>
Notre Repair Café a lieu tous les deuxièmes dimanches du mois, rue des coteaux, de 14 à 18h. Vu le succès de certains ateliers, les inscriptions sont susceptibles d'être clôturées assez tôt. Il y a aussi d'autres Repair Cafés à Bruxelles et en Belgique
avec des jours d'ouverture différents.
</p>
</div>
<div class="question">
<h3>Que coûte une réparation ?<span class="arrow"></span></h3>
<p>
C'est totalement gratuit ! Les organisateurs et réparateurs du Repair Café sont tous bénévoles. Les quelques frais d'organisation et de gestion sont financés par les dons récoltés durant l'évènement.
</p>
</div>
<div class="question">
<h3>Peut-on vous soutenir ou vous aider ?<span class="arrow"></span></h3>
<p>
Tout aide est toujours la bienvenue pour organiser nos ateliers, consultez notre page de soutien pour voir comment vous pouvez nous aider.
</p>
</div>
<div class="question">
<h3>Quels types d'objets pouvez-vous réparer ?<span class="arrow"></span></h3>
<p>
Lors de nos sessions nous avons différents ateliers de réparation pour des objets comme les appareils électriques, les vêtements ou encore les vélos. Vous trouverez plus d'informations sur les différents ateliers sur notre page de conseils pour préparer
votre visite.
</p>
</div>
<div class="question">
<h3>Est-ce que mon objet pourra être réparé ?<span class="arrow"></span></h3>
<p>
Il n'est pas possible de savoir à l'avance si un objet est réparable. Les causes d'une même panne pouvant être multiples, seul le bénévole qui vous accueillera sur place pourra, selon ses connaissances, évaluer si l'objet est réparable. Les bénévoles
du Repair Café Schaerbeek ne sont pas toujours les mêmes d'une session à l'autre et chacun a son domaine d'expertise. Dans la pratique, une majorité d'objets sont en général réparés lors des sessions. Plus d'information sur les différents
ateliers lors de nos session sur notre page de conseils pour préparer votre visite.
</p>
</div>
<div class="question">
<h3>Puis-je prendre rendez-vous avec un réparateur ?<span class="arrow"></span></h3>
<p>
Non, le Repair Café ouvre à 14h et les visiteurs sont invités aux tables de réparation dans leur ordre d'arrivée. Les files pouvant parfois êtres longues pour certains ateliers, il nous arrive d'arrêter les inscriptions plus tôt dans l'après-midi.
</p>
</div>
<div class="question">
<h3>Pouvez-vous effectuer une réparation à domicile ?<span class="arrow"></span></h3>
<p>
Le Repair Café ne prévoit pas cela. Tous les réparateurs du Repair Café sont des bénévoles et ne s'engagent que pour la session et ils ne sont également assurés que sur place. L'idée est de réparer ensemble, en équipe, avec les moyens du bord. Les visiteurs
sont donc invités à amener leur objet lors d'une session.
</p>
</div>
<div class="question">
<h3>Puis-je amener plusieurs objets à faire réparer en même temps ?<span class="arrow"></span></h3>
<p>
Vu le succès du Repair Café, et pour ne pas pénaliser les autres visiteurs, nous n'inscrivons qu'un seul objet par personne à votre arrivée. Mais cela ne vous empêche pas, après votre passage à la table de réparation, de faire une nouvelle fois la file
à l'inscription pour inscrire un autre objet.
</p>
</div>
</div>
</div>
</section>
<div class="interstice img_2"></div>
<section id="news" class="bc-white container">
<div class="row">
<h2>Actus</h2>
<div class="content">
<div class="article col-md-4">
<a href="#news">
<div class="preview">
<p>En septembre et octobre, ce ne sont pas moins de 95 objets qui ont été amenés au Repair Café Schaerbeek et comme toujours environ 70% d'entre eux repartent réparés [...]</p>
<img data-src="assets/img/photo_1.jpg" alt="">
</div>
</a>
<div class="date">Publié le 26 avril 2018 à 09h08</div>
<h3>Ça ne chôme pas au Repair Café!</h3>
</div>
<div class="article col-md-4">
<a href="#news">
<div class="preview">
<p>Cette session de mai fût beaucoup plus calme que d'habitude, le weekend étant rempli d'activités à Bruxelles, dont plusieurs Repair Café le même jour ! Qu'à cela ne [...]</p>
<img data-src="assets/img/photo_2.jpg" alt="">
</div>
</a>
<div class="date">Publié le 26 avril 2018 à 09h08</div>
<h3>Initiation aux logiciels libres</h3>
</div>
<div class="article col-md-4">
<a href="#news">
<div class="preview">
<p>Notre douzième édition du Repair Café Schaerbeek avait des airs de printemps. Grâce au ciel bleu et aux températures clémentes nous avons pu installer les locaux en mode "été" et [...]</p>
<img data-src="assets/img/photo_3.jpg" alt="">
</div>
</a>
<div class="date">Publié le 26 avril 2018 à 09h08</div>
<h3>Le printemps s'invite au Repair Café de Schaerbeek</h3>
</div>
<nav aria-label="Page navigation example">
<ul class="pagination">
<li class="page-item"><a class="page-link" href="#news">Previous</a></li>
<li class="page-item active"><a class="page-link" href="#news">1</a></li>
<li class="page-item"><a class="page-link" href="#news">2</a></li>
<li class="page-item"><a class="page-link" href="#news">3</a></li>
<li class="page-item"><a class="page-link" href="#news">Next</a></li>
</ul>
</nav>
</div>
<div class="col-md-1"></div>
</div>
</section>
</main>
<footer>
<div class="row">
<div class="col-md-5">
<form id="form">
<span>Je souhaite :</span>
<div class="wtb">
<label>
<input type="radio" name="want-to-be">Être bénévole
</label>
<label>
<input type="radio" name="want-to-be">Réparer un objet
</label>
</div>
<div class="data">
<label for="lastname">Nom</label>
<input type="text" id="lastname" name="lastname">
</div>
<div class="data">
<label for="firstname">Prénom</label>
<input type="text" id="firstname" name="firstname">
</div>
<div class="data">
<label for="email">E-mail</label>
<input type="email" id="email" name="email">
</div>
<label for="date">Dates disponibles
<select id="date" name="date">
<option value="1">8 juillet 2018</option>
<option value="2">12 août 2018</option>
</select>
</label>
<input type="submit" value="Inscription" class="btn btn-default-1 smaller">
</form>
</div>
<div class="col-md-2"></div>
<div class="col-md-5">
<div id="contact">
<div class="info">
<p>Si vous avez une question, peut-être trouverez-vous la réponse sur la page des <a href="#faq">FAQ</a>. Dans le cas contraire, vous pouvez nous contacter par e-mail:</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
<div class="pratic">
<p>Repair Café Schaerbeek</p>
<p>Ouvert tous les deuxièmes dimanches du mois, de 14h00 à 17h00.</p>
<p>307, rue des Coteaux à 1030 Schaerbeek</p>
</div>
<div class="logo">
<img data-src="assets/img/logo_repair_cafe.jpg" alt="Repair Café logo">
<img data-src="assets/img/logo_fondation_roi_baudouin.jpg" alt="Fondation Roi Baudouin">
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- script service-worker -->
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('service-worker.js').then(function(registration) {
// Registration was successful
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}, function(err) {
// registration failed :(
console.log('ServiceWorker registration failed: ', err);
});
});
}
</script>
<!-- Script important pour le menu burger de bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<script src="assets/js/script.js"></script>
</body>
</html>