-
Notifications
You must be signed in to change notification settings - Fork 1
/
index-french.html
708 lines (672 loc) · 27.9 KB
/
index-french.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
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Konexio</title>
<meta name="description" content="Konexio.">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/ideal-image-slider.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style media="screen">
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<script src="js/init.js" charset="utf-8"></script>
</head>
<body>
<header class="teaching">
<nav>
<h1>
<img src="imgs/logo-konexio-nue.png" alt="Konexio">
</h1>
<ul>
<li>
<a href="#about">Notre Mission</a>
</li>
<li>
<div class="dropdown">
<button class="dropbtn" onclick="location.href = '#initiatives'">
Nos Initiatives
</button>
<div class="dropdown-content">
<a href="digital.html">Programme digitale</a>
<a href="code.html">Programme code</a>
</div>
</div>
</li>
<li>
<a href="#testimonials">Témoignages</a>
</li>
<li>
<a href="#partners">Equipe et Partenaires</a>
</li>
<li>
<a href="https://www.helloasso.com/associations/konexio/formulaires/1" target="_blank">Faire un don</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<li>
<a href="https://medium.com/@Konexio">Blog</a>
</li>
<li>
<a href="press-kit-fr.pdf">Press</a>
</li>
<li>
<a href="https://www.facebook.com/konexio.eu">
<img src="imgs/facebook.png" alt="Facebook">
</a>
</li>
<li>
<a href="https://twitter.com/Konexio_eu">
<img src="imgs/twitter.png" alt="Twitter">
</a>
</li>
<li>
<a href="http://eepurl.com/cEVfen">
<img src="imgs/mailchimp.png" alt="Newsletter">
</a>
</li>
<li>
<a href="index.html" id="lang-en">EN</a> |
<span style="font-weight: bold;">FR</span>
</li>
</ul>
</nav>
<div class="welcome-container">
<div class="welcome-message">
<h2>Autonomie et solidarité par l’apprentissage numérique</h2>
<h4>Connecter les personnes défavorisées au sein des communautés grâce à la technologie et l'innovation</h4>
</div>
<div class="welcome-shortcuts">
<a href="#activities">
<i class="fa fa-graduation-cap" aria-hidden="true"></i> Comment s'inscrire</a>
<a href="#volunteers">
<i class="fa fa-users" aria-hidden="true"></i> Devenir bénévole</a>
<a href="#partnerships">
<i class="fa fa-handshake-o" aria-hidden="true"></i> Devenir partenaire</a>
<a href="https://www.helloasso.com/associations/konexio/formulaires/1" target="_blank">
<i class="fa fa-heart" aria-hidden="true"></i> Faire un don</a>
</div>
</div>
</header>
<div class="container about" id="about">
<div class="twelve columns">
<h3>Notre Mission</h3>
<p>
La maîtrise des fondamentaux en technologies de l'information et de la communication (TIC) est l'un des principaux moteurs
pour l'intégration socio-économique et la lutte contre le chômage affectant les populations les plus vulnérables.
Les premiers touchés sont les réfugiés, les personnes éloignées de l'emploi, ainsi que les populations à faible revenu
ou ayant un taux de scolarisation peu élevé.
</p>
<br>
<p>
En réponse aux demandes croissantes d'apprentissage numérique des personnes défavorisées, notamment les personnes réfugiées,
Konexio a été fondé dans un esprit de rassemblement pour lutter contre la fracture numérique. Notre association s'attèle
à l'accélération de leur inclusion grâce à la collaboration, l'innovation et la technologie. Par l'activité et par
l'exemple, il s'agit de casser le stéréotype visant à nier la capacité de chaque personne et débloquer leur potentiel
à contribuer à la vie de la société.
</p>
<div class="embed-container" style="margin-top: 20px;">
<iframe src="https://www.youtube.com/embed/MRJZfQAJ6rg?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- container -->
<div class="container crowdfund">
<div class="twelve columns">
<h3>Nous soutenir avec un don</h3>
<div class="action-buttons">
<button type="button" name="donate-button" onclick="window.open('https://www.helloasso.com/associations/konexio/formulaires/1', '_blank')">Faire un don sur
<img src="imgs/helloasso.png" alt="HelloAsso" height="30">
</button>
</div>
</div>
</div>
<div class="container values">
<div class="twelve columns">
<h3>Nos valeurs fondamentales</h3>
</div>
</div>
<!-- container -->
<div class="container value-columns">
<div class="four columns">
<h4>Inclusion</h4>
<img src="imgs/Inclusion.jpg" alt="Inclusion">
<p class="valeurs">Tout le monde —qu’importent l’âge et l’origine— est le bienvenu à Konexio ! Nos étudiants (personnes réfugiées et résidents
locaux) apprennent ensemble, côte à côte</p>
</div>
<div class="four columns">
<h4>Échange</h4>
<img src="imgs/Interchange.jpg" alt="Interchange">
<p class="valeurs">Nous incitons à la participation active et à la contribution engagée dans nos initiatives</p>
</div>
<div class="four columns">
<h4>Partenariat</h4>
<img src="imgs/Partnership.jpg" alt="Partnership">
<p class="valeurs">Nous travaillons étroitement avec des partenaires pour construire une communauté d'entraide</p>
</div>
</div>
<!-- container -->
<div class="container objectives">
<div class="twelve columns">
<h3>Nos Objectifs</h3>
</div>
</div>
<!-- container -->
<div class="container objective-columns">
<div class="four columns">
<img src="imgs/objective1.png" alt="Web development concepts">
<p class="objectives">Enseigner des concepts fondamentaux de l’informatique, du développement web et de la programmation grâce à des méthodes
interactives qui encouragent les échanges</p>
</div>
<div class="four columns">
<img src="imgs/objective2.png" alt="Professional opportunities">
<p class="objectives">Donner à nos participants des ressources et des opportunités professionnelles</p>
</div>
<div class="four columns">
<img src="imgs/objective3.png" alt="Supportive community">
<p class="objectives">Construire une communauté de solidarité entre des individus passionnés par l’entraide et engagés dans la communauté
tech
</p>
</div>
</div>
<!-- container -->
<div class="main-activities container initiatives">
<div class="twelve columns">
<h3 id="initiatives">Nos Initiatives</h3>
</div>
</div>
<div class="container photos">
<div id="slider">
<img src="imgs/photos/1.jpg" alt="">
<img data-src="imgs/photos/3.jpg" src="" alt="">
<img data-src="imgs/photos/4.jpg" src="" alt="">
<img data-src="imgs/photos/5.jpg" src="" alt="">
<img data-src="imgs/photos/6.jpg" src="" alt="">
<img data-src="imgs/photos/7.jpg" src="" alt="">
</div>
</div>
<div class="anchor" id="activities"></div>
<div class="container">
<h4 class="twelve columns">
Apprentissage
</h4>
<p class="twelve columns">
Nous avons deux programmes principaux d’apprentissage : l’acquisition des compétences en informatique et en communication
numérique, et l’acquisition des compétences en développement Web et en programmation
</p>
</div>
<div class="container" style="margin-bottom: 0;">
<div class="six columns skill">
<h4>Programme Digital</h4>
<p>
Développé selon les standards de compétences numériques reconnues au niveau européen et selon les demandes actuelles de compétences
numériques, notre programme digital consiste en une séquence de cours cumulatifs couvrant l'utilisation de l'informatique
de base, la navigation sur Internet, et le traitement de texte.
</p>
<p style="font-style: italic;font-weight:bold;">
Vous voulez accueillir des bonnes bases informatiques pour développer vos compétences professionnelles ou pour faciliter
votre vie quotidienne ? Prêt.e.s à passer du temps pour apprendre ensemble ?
</p>
</div>
<div class="six columns skill">
<h4>Programme Code</h4>
<p>
Notre programme de code commence par les concepts de base du développement web, et puis connaissance de HTML, CSS à JavaScript
et au-delà, en appuyant sur des plateformes et des exercices interactifs en ligne adaptés aux participants de tous
les milieux et capacités d'apprentissage.
</p>
<p style="font-style: italic;font-weight:bold;">
Voulez-vous apprendre les concepts nécessaires pour créer un site web, découvrir les bases de la programmation et communiquer
avec d'autres passionnés ?
</p>
</div>
</div>
<div class="container">
<div class="six columns">
<div class="action-buttons">
<button type="button" name="signup-digital-class-button" onclick="window.open('https://docs.google.com/forms/d/e/1FAIpQLSctmCSgLWQiWUASjVrmGrC0fV7Og9K-HyHUpp0r4coAwhtk1g/viewform', '_blank')">Je m'inscris</button>
</div>
</div>
<div class="six columns">
<div class="action-buttons">
<button type="button" name="signup-coding-class-button" onclick="window.open('https://docs.google.com/forms/d/e/1FAIpQLScF-zrERka8WJM9B9FbPb6SNCnrdFrCJ85Gw6TChW51OiDU6Q/viewform', '_blank')">Je m'inscris</button>
</div>
</div>
</div>
<div class="anchor" id="partnerships"></div>
<div class="container">
<h4 class="twelve columns">
Apprentissage en action
</h4>
<p class="twelve columns">
Au-delà de former nos étudiants aux compétences numériques, nous proposons des passerelles vers les premières opportunités
de travail afin de renforcer leur confiance en soi et d'accompagner leur progrès dans le monde professionnel. Les étudiants
continuent à apprendre tout en acquérant de l'expérience. Les partenaires travaillent avec des étudiants motivés et
développent leur entreprise contribuant ainsi au mieux-être social.
</p>
</div>
<div class="container">
<div class="six columns skill">
<h4>Programme Digital</h4>
<p style="font-style: italic;font-weight:bold;">
Êtes-vous une entreprise ou une organisation avec des services de traitement de données, de contenu ou d'analyse de données
?
</p>
</div>
<div class="six columns skill">
<h4>Programme Code</h4>
<p style="font-style: italic;font-weight:bold;">
Êtes-vous une start-up, une société ou une organisation qui a des besoins de développement web (i.e. besoin de développer
un site web ou actualiser votre site web actuel ?)
</p>
</div>
<div class="twelve columns">
<p>
En devenant partenaire de Konexio, une entreprise mobilise ses compétences et ses ressources au profit de la diversité, du
vivre-ensemble et au bénéfice des plus démunis. Pour une entreprise, s'engager aux côtés de Konexio, c'est :
<ul style="display: block; list-style: disc; padding: 20px 0 0 20px;">
<li>Remplir son rôle d'entreprise citoyenne</li>
<li>Fédérer ses salariés autour d'un projet commun de solidarité</li>
<li>Mettre son activité et ses compétences au service des besoins de l'association</li>
<li>Associer son image à un projet solidaire et innovant, ouvert à l'international</li>
<li>Élargir ses réseaux et trouver des nouveaux talents</li>
</ul>
</p>
<br>
<p style="text-align:center; font-style:italic; font-weight:bold;">
Contactez-nous à
<a href="mailto:partnerships@konexio.eu">partnerships@konexio.eu</a> et nous allons vous envoyer notre ensemble d'informations sur le partenariat !
</p>
</div>
</div>
<div class="container">
<h4 class="twelve columns">
Coaching et mentorat
</h4>
<p class="twelve columns">
Programme de mentorat entre les participants et les professionnels qui comprend des conseils formels et informels sur l'élaboration
de projets personnels, l'établissement d'objectifs de carrière et la navigation professionnelle dans la communauté
d'accueil.
</p>
<p>
<em> À venir.</em>
</p>
</div>
<div class="container testimonials" id="testimonials">
<div class="twelve columns">
<h3>Témoignages</h3>
</div>
<div class="twelve columns testimonial-slider">
<div>
Avant tout, mille et un mercis pour tout ce travail. Il y a de la volonté et de l'enthousiasme d'aider et de partager le
savoir. J'ai beaucoup appris sur les cours dispensés dans ces ateliers ; et j'avoue que cela me sera utile pour la
vie ! [Participant, été 2016]
</div>
<div>
Ils m'ont aidé à découvrir le code et les nombreuses opportunités. [Participant, été 2016]
</div>
<div>
Ces ateliers m’ont aidé à approfondir mes connaissances en développement web. [Participant, Summer 2016]
</div>
<div>
Ce fut une très bonne méthode pour apprendre à coder, car j’étais incapable de le faire par moi-même. J’aimerais remercier
tous ceux qui ont rendu cet atelier possible, particulièrement Dustin, Jean et Larissa. [Participant, été 2016]
</div>
<div>
Personnellement, ils m'ont aidé à avoir une base qui fait une partie essentielle de mon master à l'université. Pour ceux
qui veulent bien maitriser un bon niveau de codage et qui ont besoin de pratique et de motivation, je le recommande.
[Maya, Syrie, été et automne 2016]
</div>
<div>
Nous espérons avoir une continuité du programme, car nous espérons ne pas nous arrêter à 10 séances. Nous avons soif d'apprendre
et rattraper notre retard. [Participant, été 2016]
</div>
<div>
Avant, je pensais qu’apprendre à désigner un site n’était pas donné à tout le monde parce que ça me paraissait difficile
mais grâce à [ces] ateliers, j’ai découvert énormément, comme les bases du développement web, le langage HTML et
comment styliser des pages avec CSS. Je recommande cet atelier à tout le monde. Je n’ai pas les mots pour remercier
et exprimer ma gratitude par rapport à tout ce que vous avez fait pour nous. C’est incroyable qu’il y ait des humanistes
comme vous dans ce monde!! [Raed, Sudan, été et automne 2016]
</div>
</div>
</div>
<div class="container" id="partners">
<div class="twelve columns">
<h3>Notre équipe</h3>
</div>
<div>
<div class="team-member three columns">
<img src="imgs/team/h120/jean.jpg" alt="">
<p>Jean Guo</p>
<p>Fondatrice</p>
<a href="mailto:jean.guo@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
<a href="https://fr.linkedin.com/in/jean-guo-73a75514" title="LinkedIn Profile">
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
</div>
<div class="team-member three columns">
<img src="imgs/team/h120/binta.jpg" alt="">
<p>Binta Jammeh</p>
<p>Directrice Programme</p>
<a href="mailto:binta.jammeh@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
</div>
<div class="team-member three columns">
<img src="imgs/team/h120/jacqueline.jpg" alt="">
<p>Jacqueline Bravo</p>
<p>Enseignante, Programme Digital</p>
<a href="mailto:jacqueline.bravo@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
</div>
<div class="team-member three columns">
<img src="imgs/team/h120/denis.jpg" alt="">
<p>Denis Robert</p>
<p>Enseignant, Programme Digital</p>
<a href="https://www.linkedin.com/in/denis-robert-951421/" title="LinkedIn Profile">
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
</div>
</div>
<div>
<div class="team-member three columns">
<img src="imgs/team/h120/guillaume.jpg" alt="">
<p>Guillaume Meyer</p>
<p>Coordinateur, Digital</p>
<a href="mailto:guillaume.meyer@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
</div>
<div class="team-member three columns">
<img src="imgs/team/h120/marie-lilas.jpg" alt="">
<p>Marie-Lilas Onanga</p>
<p>Coordinatrice, Code</p>
<a href="mailto:marie-lilas.onanga@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
</div>
<div class="team-member three columns">
<img src="imgs/team/h120/marietou.jpg" alt="">
<p>Marietou Seck</p>
<p>Coordinatrice, ECDL Program</p>
<a href="mailto:marietou.seck@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
</div>
<div class="team-member three columns">
<img src="imgs/team/h120/laure.jpg" alt="">
<p>Laure Aimoz</p>
<p>Directrice Partenariats</p>
<a href="mailto:laure.aimoz@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
<a href="https://www.linkedin.com/in/laureaimoz" title="LinkedIn Profile">
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
</div>
</div>
<div>
<div class="team-member three columns">
<img src="imgs/team/h120/suliman.jpg" alt="">
<p>Suliman Abdulgadeir</p>
<p>Équipe Partenariats</p>
<a href="mailto:suliman.abdulgadeir@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
</div>
<div class="team-member three columns">
<img src="imgs/team/h120/frederic.jpg" alt="">
<p>Frédéric Manceron</p>
<p>Conseiller en Stratégie</p>
<a href="https://www.linkedin.com/in/fr%C3%A9d%C3%A9ric-manceron-606a6b/?ppe=1" title="LinkedIn Profile">
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
</div>
<div class="team-member three columns">
<img src="imgs/team/h120/megan.jpg" alt="">
<p>Megan Scoretz</p>
<p>Équipe Développement</p>
<a href="mailto:megan.scoretz@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
<a href="https://fr.linkedin.com/in/megan-scoretz-456461117" title="LinkedIn Profile">
<i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
</div>
<div class="team-member three columns">
<img src="imgs/team/h120/iza.jpg" alt="">
<p>Iza Mmadi</p>
<p>Équipe Développement</p>
<a href="mailto:iza.mmadi@konexio.eu" title="Email">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div class="container partners">
<div class="twelve columns">
<h3>Nos Partenaires</h3>
</div>
</div>
<div class="container partner-logos">
<div>
<img src="imgs/partners/h120/adaweek.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/autremonde.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/BSF.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/EPN-belleville.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/EPN-picoulet.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/essec.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/FLDA.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/FTDA.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/IIE.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/infocus.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/kiron-france.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/kiwanda.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/make-sense.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/mediatheque-fsagan.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/passerelles-competences.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/r2k.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/singa.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/stanford.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/tech-domains.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/techfugees.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/thot.png" alt="partner">
</div>
<div>
<img src="imgs/partners/h120/wintegreat.png" alt="partner">
</div>
</div>
<div class="container thanks">
<p>
<span style="font-weight: bold">Remerciements:</span> Jon H · Erica L · Sara F · Lei L · Pingping X · John G · Manon C · Judith N · Xiaongying M ·
Didier C · Elhadji Adama T · Judy Z</p>
</div>
<div class="container supports">
<div class="twelve columns">
<h3>Ils nous soutiennent</h3>
</div>
</div>
<div class="container support-logos">
<div>
<img src="imgs/sponsors/h120/cross-knowledge.png" alt="support">
</div>
<div>
<img src="imgs/sponsors/h120/fondation-orange.png" alt="support">
</div>
<div>
<img src="imgs/sponsors/h120/les-gros-mots.png" alt="support">
</div>
</div>
<div class="anchor" id="volunteers"></div>
<div class="container" style="text-align: center;">
<div class="twelve columns">
<h3>Appel aux bénévoles</h3>
<p>
Nous recherchons actuellement des bénévoles pour nous joindre !
</p>
<h6>Engagement dans nos ateliers</h6>
<p>
Vous avez un peu de temps libre chaque semaine, et vous souhaitez aider les autres à acquérir des compétences vitales pour
développer leurs aspirations professionnelles et pour faciliter leur vie quotidienne ?
<br>Inspirez et guidez nos participants dans leur apprentissage des connaissances informatiques de base et/ou de code
!
</p>
<br>
<div class="container" style="display: inline;">
<div class="small-action-buttons">
<button type="button" name="signup-coding-class-button" onclick="window.open('https://goo.gl/forms/dWUpfFMMmGluMiX53', '_blank')">Je souhaite aider les participants aux ateliers</button>
</div>
</div>
<h6>Intervenants et formateurs (programmation)</h6>
<p>
Vous êtes passionnés par le code, vous avez des projets, ou vous travaillez comme développeur ?
<br>Venez partager vos expériences avec nous !
</p>
<br>
<div class="container" style="display: inline;">
<div class="small-action-buttons">
<button type="button" name="signup-coding-class-button" onclick="window.open('https://goo.gl/forms/dWUpfFMMmGluMiX53', '_blank')">Je souhaite participer en tant qu'intervenant ou formateur (code)</button>
</div>
</div>
<h6>Coordination, développement, et d’autres rôles</h6>
<p>
Aidez-nous à coordonner les ateliers, à développer des partenariats, ou autres rôles actuellement demandés.
</p>
<br>
<div class="container" style="display: inline;">
<div class="small-action-buttons">
<button type="button" name="signup-coding-class-button" onclick="window.open('https://docs.google.com/forms/d/e/1FAIpQLScSpKsx1AmEYzg3KAo_m5bkoGH8K06SeQBoxE5yckpoz8GLQQ/viewform', '_blank')">Je souhaite aider Konexio dans son développement</button>
</div>
</div>
</div>
</div>
<div class="container">
<h3 class="twelve columns">Contact</h3>
</div>
<div class="container" id="contact">
<div class="six columns">
<img src="imgs/hbd.jpg" style="width: 100%;" alt="The team celebrates Konexio's first birthday">
<div class="container" style="margin: 0em; width: 100%;">
<div class="six columns">
<h5 style="margin-bottom: 0;">Siège de Konexio</h5>
<h6 style="margin: 0; text-decoration: none;">Station F</h6>
<p style="margin-bottom: 1em;">5 Parvis Alan Turing, 75013</p>
</div>
<div class="six columns">
<h5 style="margin-bottom: 0;">Addresse postale</h5>
<p style="margin-bottom: 1em;">8 Rue du Général Renault, 75011</p>
</div>
</div>
</div>
<div class="six columns">
<form action="https://formspree.io/contact@konexio.eu" method="POST">
<div class="form-field">
<label for="name">Votre Nom</label>
<input type="text" name="name">
</div>
<div class="form-field">
<label for="_replyto">Votre Adresse E-mail</label>
<input type="email" name="_replyto">
</div>
<div class="form-field">
<label for="message">Votre Message</label>
<textarea name="message" rows="8" cols="80"></textarea>
</div>
<input type="submit" value="Envoyer">
</form>
</div>
</div>
<footer>
<div class="container">
<ul>
<li>
<a href="#about">Notre Mission</a>
</li>
<li>
<a href="#initiatives">Nos Initiatives</a>
</li>
<li>
<a href="#testimonials">Témoignages</a>
</li>
<li>
<a href="#partners">Equipe et Partenaires</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<li>
<a href="press-kit-fr.pdf">Press</a>
</li>
<p style="color:white"> © Konexio 2017 </p>
</ul>
</div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<script src="js/ideal-image-slider.js"></script>
<script src="js/script.js"></script>
</body>
</html>