-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
703 lines (667 loc) · 27 KB
/
index.html
File metadata and controls
703 lines (667 loc) · 27 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
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
<!DOCTYPE html>
<html lang="en">
<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>
<link rel="icon" href="favicon.ico">
<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">About Konexio</a>
</li>
<li>
<div class="dropdown">
<button class="dropbtn" onclick="location.href = '#initiatives'">
Our Initiatives
</button>
<div class="dropdown-content">
<a href="digital.html">Digital Skills</a>
<a href="code.html">Code Skills</a>
</div>
</div>
</li>
<li>
<a href="#testimonials">Testimonials</a>
</li>
<li>
<a href="#partners">Team & Partners</a>
</li>
<li>
<a href="https://www.helloasso.com/associations/konexio/formulaires/1" target="_blank">Donate</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<li>
<a href="https://medium.com/@Konexio">Blog</a>
</li>
<li>
<a href="press-kit-en.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>
<span style="font-weight: bold;">EN</span> |
<a href="index-french.html" id="lang-fr">FR</a>
</li>
</ul>
</nav>
<div class="welcome-container">
<div class="welcome-message">
<h2>Empowerment and connection through digital learning</h2>
<h4>Welcoming refugees into the community through tech and innovation</h4>
</div>
<div class="welcome-shortcuts">
<a href="#activities">
<i class="fa fa-graduation-cap" aria-hidden="true"></i> Apply as a student</a>
<a href="#volunteers">
<i class="fa fa-users" aria-hidden="true"></i> Engage as a volunteer</a>
<a href="#partnerships">
<i class="fa fa-handshake-o" aria-hidden="true"></i> Partner with us</a>
<a href="https://www.helloasso.com/associations/konexio/formulaires/1" target="_blank">
<i class="fa fa-heart" aria-hidden="true"></i> Donate</a>
</div>
</div>
</header>
<div class="container about" id="about">
<div class="twelve columns">
<h3>Our Mission</h3>
<p>
Gaining fundamental skills in information and communication technologies (ICTs) is a key way to promote socio-economic integration
and fight against unemployment among the most vulnerable, including refugees and others from disadvantaged backgrounds.
</p>
<br>
<p>
In response to the growing demands of digital learning, Konexio was founded with the mission of bringing people together
to fight the digital divide in our society. We work to advance inclusion through collaboration, innovation, and technology.
Through action and example, we hope to break down stereotypes and unlock each person's potential for giving back
to their community.
</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">
<div class="twelve columns">
<h3>Support us with a donation</h3>
<div class="action-buttons">
<button type="button" name="donate-button" onclick="window.open('https://www.helloasso.com/associations/konexio/formulaires/1', '_blank')">Donate on
<img src="imgs/helloasso.png" alt="HelloAsso" height="30">
</button>
</div>
</div>
</div>
<div class="container values">
<div class="twelve columns">
<h3>Our Core Values</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">We welcome everyone of all ages and backgrounds into our community! Our students—refugees and local—learn together
side by side</p>
</div>
<div class="four columns">
<h4>Interchange</h4>
<img src="imgs/Interchange.jpg" alt="Interchange">
<p class="valeurs">We encourage active participation and contribution from each and every individual</p>
</div>
<div class="four columns">
<h4>Partnership</h4>
<img src="imgs/Partnership.jpg" alt="Partnership">
<p class="valeurs">We believe firmly in building a community through close partnerships on the ground</p>
</div>
</div>
<!-- container -->
<div class="container objectives">
<div class="twelve columns">
<h3>Our Objectives</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">Teach fundamental concepts of computer literacy, web development and programming through easy, interactive methods
and online platforms</p>
</div>
<div class="four columns">
<img src="imgs/objective2.png" alt="Professional opportunities">
<p class="objectives">Empower our participants with professional opportunities</p>
</div>
<div class="four columns">
<img src="imgs/objective3.png" alt="Supportive community">
<p class="objectives">Build a supportive community of individuals passionate about code and engaged in the tech community</p>
</div>
</div>
<!-- container -->
<div class="main-activities container initiatives">
<div class="twelve columns">
<h3 id="initiatives">Our 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">
Skill-building Programs
</h4>
<p class="twelve columns">
We have two main programs for skill-building: digital skills which focus on building up skills in computer literacy and digital
communication, and code skills which focus on building skills in web development and programming.
</p>
</div>
<div class="container" style="margin-bottom: 0;">
<div class="six columns skill">
<h4>Digital Skills</h4>
<p>
Developed in line with Digital Competence standards recognized at the European level and in reflection of the current demands
for digital skills today, our digital skills program consists of a sequence of cumulative courses covering basic
computer use to internet navigation and word processing/spreadsheet proficiency.
</p>
<p style="font-style: italic;font-weight:bold;">
Do you want to gain valuable computer literacy skills to improve your professional skills or facilitate tasks in your daily
life? Ready to learn and make new friends?
</p>
</div>
<div class="six columns skill">
<h4>Code Skills</h4>
<p>
Our code skills program starts with basic concepts of web development—moving from HTML and CSS to JavaScript and beyond,
and makes use of interactive online platforms and exercises adapted for participants of all backgrounds and learning
abilities.
</p>
<p style="font-style: italic;font-weight:bold;">
Want to learn the concepts necessary to create a website, discover the foundations of programming, and connect with others
passionate about coding?
</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')">Sign up</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')">Sign up</button>
</div>
</div>
</div>
<div class="anchor" id="partnerships"></div>
<div class="container">
<h4 class="twelve columns">
Apprenticeship
</h4>
<p class="twelve columns">
In addition to teaching our students key technical skills, we connect them with their first professional opportunities, boosting
their confidence and getting them a foot in the door to the professional world. Students keep learning while gaining
experience and projects to showcase. Partners work with motivated students to grow and give back.
</p>
</div>
<div class="container">
<div class="six columns skill">
<h4>Digital Skills</h4>
<p style="font-style: italic;font-weight:bold;">
Are you a company or organization with data processing, content services, or data analysis needs?
</p>
</div>
<div class="six columns skill">
<h4>Code Skills</h4>
<p style="font-style:italic; font-weight:bold;">
Are you a start-up, corporation, or organization that has web-development needs (i.e. need to develop a website or re-vamp
your current website?)
</p>
</div>
<div class="twelve columns">
<p>
As a Konexio partner, your company can use its own skills and resources to promote diversity, foster a strong community,
and help those who are the most in need. Here's what engaging with Konexio means for your company or organization:
<ul style="display: block; list-style: disc; padding: 20px 0 0 20px;">
<li>Fulfill your role as a responsible business</li>
<li>Bring together your employees on a common project to produce social impact</li>
<li>Put your skills and services to use for the needs of our organization</li>
<li>Associate your image with an innovative project that promotes international solidarity</li>
<li>Grow your network to find new talent</li>
</ul>
</p>
<br>
<p style="text-align:center; font-style:italic; font-weight:bold;">
Please contact us at
<a href="mailto:partnerships@konexio.eu">partnerships@konexio.eu</a> and we can send you our partnership information packet!
</p>
</div>
</div>
<div class="container">
<h4 class="twelve columns">
Mentorship and Coaching
</h4>
<p class="twelve columns">
Mentorship pairing between participants and professionals that includes formal and informal guidance on developing personal
projects, setting career goals, and navigating professionally in the host community.
</p>
<p>
<em>More information forthcoming.</em>
</p>
</div>
<div class="container testimonials" id="testimonials">
<div class="twelve columns">
<h3>Testimonials</h3>
</div>
<div class="twelve columns testimonial-slider">
<div>
Above all, a thousand and one thanks for all this help. There is a willingness and enthusiasm to help and share knowledge.
I learned a lot in these workshops; and I avow that it will be useful for life! (translated from French) [Participant,
Summer 2016]
</div>
<div>
They helped me discover code and the many opportunities. (translated from French) [Participant, Summer 2016]
</div>
<div>
These workshops have helped me to get deeper insight into web development. [Participant, Summer 2016]
</div>
<div>
It was a very good method that [helped] me [to] learn coding, which before I didn’t dare to do by my own. I would like to
thank everyone who participated in making this workshop possible especially Dustin, Jean and Larissa. [Participant,
Summer 2016]
</div>
<div>
Personally, they have helped me to have a foundation [in programming] that is an essential part of my master's degree right
now. For those who want to master a good level of coding and who need practice and motivation, I recommend [the workshops].
(translated from French) [Maya, from Syria, Summer and Fall 2016]
</div>
<div>
We hope to continue the program, because we hope to not stop at 10 sessions. We are eager to learn and catch up! (translated
from French) [Participant, Summer 2016]
</div>
<div>
Before I thought not everyone could learn how to design web sites because it seemed difficult for me, however thanks to [these]
workshops I’ve discovered a lot such as the basics of web development, how to write HTML, how to style pages using
CSS, and many other things concerning web design. I truly recommend this workshop to everyone. The workshops are
perfectly organized and we absorb all the lessons with full understanding. I really run out of words to express how
thankful and grateful I’m for all you have done for us. It’s wonderful that there are humanitarian[s] like you in
this world! [Raed, Sudan, Summer and Fall 2016]
</div>
</div>
</div>
<div class="container" id="partners">
<div class="twelve columns">
<h3>Team Konexio</h3>
</div>
<div>
<div class="team-member three columns">
<img src="imgs/team/h120/jean.jpg" alt="">
<p>Jean Guo</p>
<p>Founder</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>Program Director</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>Instructor, 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>Instructor, 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>Coordinator, 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>Coordinator, 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>Coordinator, 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>Partnerships Director</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>Partnership Team</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>Strategy Advisor</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>Development Team</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>Development Team</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>Our Partners</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">Special thanks to:</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>They support us</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>Call for Volunteers</h3>
<p>
We are currently looking for volunteers to join our efforts!
</p>
<h6>Class volunteer</h6>
<p>
Do you have some free time each week, and want to help others acquire key skills to develop their professional aspirations
and facilitate their daily life?
<br>Inspire and guide our participants in gaining computer literacy and/or code skills!
</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')">Sign up to be a class volunteer</button>
</div>
</div>
<h6>Guest speakers and instructors (code)</h6>
<p>
Are you passionate about web development? Do you have coding projects or work as a developer?
<br>Come and share your experiences as a guest speaker!
</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')">Sign up to be guest speaker or code instructor</button>
</div>
</div>
<h6>Program coordination, partnership building and fund development</h6>
<p>
We need help with program coordination, funding efforts, and community partnership building. Fluency in French is a plus,
but good communication skills in English and enthusiasm for the cause are all that's required.
</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')">Sign up to help with Konexio's development</button>
</div>
</div>
</div>
</div>
<div class="container">
<h3 class="twelve columns">Contact Us</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;">Konexio HQ</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;">Mailing Address</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">Your Name</label>
<input type="text" name="name">
</div>
<div class="form-field">
<label for="_replyto">Your Email</label>
<input type="email" name="_replyto">
</div>
<div class="form-field">
<label for="message">Your Message</label>
<textarea name="message" rows="8" cols="80"></textarea>
</div>
<input type="submit" value="Send">
</form>
</div>
</div>
<footer>
<div class="container">
<ul>
<li>
<a href="#about">About Konexio</a>
</li>
<li>
<a href="#initiatives">Our Initiatives</a>
</li>
<li>
<a href="#testimonials">Testimonials</a>
</li>
<li>
<a href="#partners">Team & Partners</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<li>
<a href="press-kit-en.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>