forked from Neutrinet/frontend
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
664 lines (626 loc) · 24.1 KB
/
index.html
File metadata and controls
664 lines (626 loc) · 24.1 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Midway’s Network est une association à but non lucratif qui
a pour objet de promouvoir la neutralité du net et de défendre la
vie privée des internautes.">
<title>Midway's Network − Fabriquer votre internet en
Franche-Comté !</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"
type="text/css">
<link href="css/animate.min.css" rel="stylesheet" />
<!-- Squad theme CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="color/default.css" rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<!-- Preloader -->
<div id="preloader">
<div id="load"></div>
</div>
<nav class="navbar navbar-custom navbar-fixed-top">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="index.html"> <img id="midway-logo"
title="midway logo" src="img/logo.png" alt="Logo Midway's Network" />
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div
class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#intro">Home</a></li>
<li><a href="#what">Qui sommes nous ?</a></li>
<li><a href="#timeline">Historique</a></li>
<li><a href="#vpn">VPN</a></li>
<li><a href="#alt_srv">Services alternatifs</a></li>
<li><a href="#fai">FAI</a></li>
<li><a href="#howtobecomeamember">Devenir adherent</a></li>
<li><a href="#friends">Nos partenaires</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Section: intro -->
<section id="intro" class="bigfat intro">
<div class="slogan">
<h2 class="wow zoomIn" data-wow-delay="0.5s">Midway's Network</h2>
<h4 class="wow zoomIn" data-wow-delay="0.7s">Fabriquer votre internet en Franche-Comté !</h4>
</div>
</section>
<!-- /Section: intro -->
<section id="what" class="what home-section text-center bg-gray">
<div class="container">
<div class="row">
<div class="col-md-9 text-left">
<div class="wow fadeInDown" data-wow-delay="0.1s">
<h2>Qui sommes nous ?</h2>
</div>
<div class="wow fadeInUp" data-wow-delay="0.1s">
<p>Midway’s Network est une association à but non lucratif qui
a pour objet de promouvoir la neutralité du net et de défendre la
vie privée des internautes.
<p>
Pour se faire nous organisons des <b>ateliers et des
conférences</b> pour comprendre comment fonctionne internet et les
services que l’on y trouve.
</p>
<p>
Nous sommes un <b>Fournisseur d’Accès Internet</b> neutre où nos
<b>adhérents sont les acteurs de ce projet</b>. ( ADSL, VPN, WIFI
,etc)
</p>
<p>
On propose <b>des services alternatifs</b> à ceux proposés par
Google, Facebook, Amazon, Microsoft, etc. Cerise sur le gâteau,
vous pouvez les refaire chez vous et on vous y aide (Email,
Cloud, sauvegarde, etc)
</p>
<p>
Et tout ça le plus souvent autour d’une <b>bière</b> ou d’un <b>sirop</b> !
</p>
</div>
</div>
<div class="col-md-3 wow fadeInRight" data-wow-delay="0.1s">
<img src="img/logo.png" style="width: 70%"
alt="Logo Midway's Network">
</div>
</div>
</div>
</section>
<!-- Section: article1 -->
<section id="principles" class="home-section text-center bg-gray">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="wow fadeInDown" data-wow-delay="0.5s">
<img src="img/ffdn.png" style="width: 90%" alt="Logo FFDN">
</div>
</div>
<div class="col-md-7">
<div class="wow fadeInDown text-left" data-wow-delay="0.5s">
<h3>
Midway's Network est une association membre de
la <a href="https://www.ffdn.org/">Federation FDN</a>
</h3>
<blockquote>La fédération FDN regroupe des
Fournisseurs d'Accès à Internet associatifs se reconnaissant dans
des valeurs communes : bénévolat, solidarité, fonctionnement
démocratique et à but non lucratif; défense et promotion de la
neutralité du Net.</blockquote>
</div>
</div>
</div>
</div>
</section>
<section id="cil" class="home-section text-center bg-gray">
<div class="container">
<div class="row">
<div class="col-md-9 text-left">
<div class="wow fadeInDown" data-wow-delay="0.1s">
<h2>Correspondant Informatique et Libertés</h2>
</div>
<div class="wow fadeInUp" data-wow-delay="0.1s">
<blockquote>Dans le but de créer un lien de confiance entre le public,la <abbr title="Commission National de L'Informatique et des Libertés"> CNIL</abbr> et Midway’s Network, nous avons fait le choix de nommer un <abbr title="Délégué à la protection des données">DPO</abbr>. Le rôle du DPO est de garantir le respect des droits de chacun en matière de vie privée. Il réalise sa mission en ayant un droit de regard sur toutes les activités de l'association et en conseillant le public en matière de droit.</blockquote>
</div>
</div>
<div class="col-md-3 wow fadeInRight" data-wow-delay="0.1s">
<img src="img/privacy.png" style="width: 70%"
alt="Vie privée">
</div>
</div>
</div>
</section>
<section id="ripe" class="home-section text-center bg-gray">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="wow fadeInDown" data-wow-delay="0.5s">
<img src="img/RIPE.png" style="width: 90%" alt="Logo RIPE NCC">
</div>
</div>
<div class="col-md-7">
<div class="wow fadeInDown text-left" data-wow-delay="0.5s">
<h3>
Gestionnaire de ses ressources Internet (IP, réseau, etc)
</h3>
<blockquote>Grâce à nos amis de <a href="https://gitoyen.net/#">Gitoyen</a>, Midway's Network a obtenu du <abbr title="Organisation gérant les ressources Internet d'Europe et d'Asie">RIPE NCC</abbr> ses propres IP et ressources associées. Nous nous appuyons sur les ressources de nos amis de <a href="https://ldn-fai.net/"><abbr title="Lorraine Data Network">LDN</abbr></a> pour maintenir et diffuser notre réseau.
<br>
Ces ressources sont les suivantes :
<ul>
<li> ASN: AS204708 </li>
<li> IPv4: 80.67.184.0/24 </li>
<li> IPv6: 2001:913:3000::/36</li>
</ul>
</blockquote>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: article1 -->
<section id="timeline" class="home-section text-center bg-gray">
<div class="container">
<h2 class="heading">
Notre<span class="bold-green"> Historique</span>
</h2>
<ul class="timeline">
<li class="timeline-inverted">
<div class="timeline-panal wow bounceIn">
<div class="timeline-heading">
<h4 class="timeline-title">
<i class="fa fa-globe" aria-hidden="true"></i>
Midway's Network rejoint la Fédération FDN
</h4>
</div>
<div class="timeline-body">
<p> Durant l'assemblée générale de <a href="https://www.ffdn.org/">la fédération FDN</a> de mai 2018, Midway's a été intégré à la fédération. Cet événement formalise notre volonté de collaborer avec les autres opérateurs associatifs.
</div>
</div> <!--end of timeline panel-->
</li>
<li>
<div class="timeline-badge">
<span class="counteryear">2018</span>
</div>
<div class="timeline-panal wow bounceIn">
<div class="timeline-heading">
<h4 class="timeline-title">
<i class="fa fa-cogs" aria-hidden="true"></i> Work in progress !
</h4>
</div>
<div class="timeline-body">
<p>
Avec l'aide de <a href="https://ldn-fai.net/"><abbr
title="Lorraine Data Network">LDN</abbr></a> et <a
href="https://www.aquilenet.fr/">Aquilenet</a>, nous avons
envoyé notre demande d'adhésion à FFDN
</p>
<p>
Grâce à nos amis de la <a href="http://necronomi-con.com/">Necronomi'con</a>,
nous avons le 03 et 04 février tenu notre premier stand et
eu notre premier événement public
</p>
<p>
Avec l'appui de <a href="https://ldn-fai.net/"><abbr
title="Lorraine Data Network">LDN</abbr></a> et <a
href="https://gitoyen.net/#">Gitoyen</a>, nous allons posséder
nos propres IPv4 et IPv6
</p>
</div>
</div> <!--end of timeline panel-->
</li>
<li class="timeline-inverted">
<div class="timeline-badge">
<span class="counteryear">2017</span>
</div>
<div class="timeline-panal wow bounceIn">
<div class="timeline-heading">
<h4 class="timeline-title">
<i class="fa fa-play" aria-hidden="true"></i> Le début de
l'aventure
</h4>
</div>
<div class="timeline-body">
<p>En avril 2017, sous l'impulsion des membres du projet
historique, un groupe se crée afin de discuter d'un projet
associatif à Belfort qui devait succéder au projet historique.</p>
<p>En juin 2017, après de nombreuses discussions, cinq amis
se réunissent en assemblée générale constitutive afin de créer
l'association Midway's Network. Cette structure a pour objet de
défendre la neutralité du net et la vie privée sur internet.</p>
<p>Durant l'été 2017, le projet a mûri et est née les trois
grandes catégories d'actions de Midway's Network:</p>
<p>
<i class="fa fa-comment" aria-hidden="true"></i> Réaliser des
ateliers et des conférences en lien de près ou de loin avec ses
objectifs
</p>
<p>
<i class="fa fa-globe" aria-hidden="true"></i> Devenir un <abbr
title="Fournisseur d'Accès à Internet">FAI</abbr> associatif ou
chacun pourrait apprendre comment fonctionne internet et comment
"Fabriquer de l'internet"
</p>
<p>
<i class="fa fa-at" aria-hidden="true"></i> Fournir des services
web alternatifs fabriqués par chacun à l'instar du projet
historique.
</p>
</div>
</div> <!--end of timeline panel-->
</li>
<li>
<div class="timeline-badge">
<span class="counteryear">2015</span>
</div>
<div class="timeline-panal wow bounceIn">
<div class="timeline-heading">
<h4 class="timeline-title">
<i class="fa fa-lightbulb-o" aria-hidden="true"></i> Les
prémices
</h4>
</div>
<div class="timeline-body">
<p>En 2015, deux lycéens intéressés par les nouvelles
technologies décident de mutualiser leurs efforts pour
autohéberger quelques services.</p>
<p>Ils nommèrent leur projet "Midway" en référence à la
situation des îles Midway entre deux mondes et de la fameuse
station dans Stargate Atlantis. Ce nom résumait bien l'idée du
projet : Choisir une voie alternative aux solutions proposées
sur le web</p>
<p>Les premiers services furent l'hébergement web et vpn.</p>
</div>
</div> <!--end of timeline panel-->
</li>
</ul>
</div>
</section>
<!-- Section: intro -->
<section id="vpn" class="vpn">
<div class="slogan">
<div class="wow fadeInUp black-title"
style="background: rgba(0, 0, 0, 0.9)" data-wow-delay="0.1s">
<h1 class="vpn-title">VPN</h1>
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="vpn-line2">Besoin de se protéger des yeux
indiscrets ?</h3>
</div>
<div class="col-lg-6">
<h3 class="vpn-line1">Besoin d'une IP dédiée ?</h3>
</div>
</div>
</div>
<h3 class="solution invert">Utiliser un VPN !</h3>
</div>
<div class="wow bounceInUp" data-wow-delay="0.4s">
<div class="vpn-promotion">
<h3 class="boxed-grey">Midway's Network propose à tous ses
adhérents un accès VPN !</h3>
</div>
</div>
</div>
</section>
<!-- /Section: intro -->
<!-- Section: services -->
<section id="alt_srv" class="home-section text-center bg-gray">
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow bounceInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>La philosophie de nos services</h2>
<h3>Créer son morceau d'internet n'est parfois pas si
compliqué</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="organisation">
<div class="col-sm-4 col-md-4">
<div class="well">
<h3>
Niveau 1 <i class="fa fa-key" aria-hidden="true"></i>
</h3>
<h4>Clef en main</h4>
<p>Midway's Network propose un certain de services gratuits
mutualisés avec tous les membres de l'association. Cependant la
liste de service est limitée. Ils sont fournis sur demande.</p>
<p>
Ces services sont actuellement au nombre de trois : <abbr
title="Un cloud opensource alternatif à Google Drive, Dropbox, Onedrive, etc">Nextcloud</abbr>
,<abbr
title="Avec webmail soit avec un mail en @adherent.midways-network.org ou @votredomaine.fr (Domaine non fourni)">
Hébergement Mail</abbr>, <abbr title="Virtual Private Network">VPN</abbr>
avec IPv4/6 partagée ou dédiée au choix.
</p>
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="well">
<h3>
Niveau 2 <i class="fa fa-unlock-alt" aria-hidden="true"></i>
</h3>
<h4>Fabriquer en atelier</h4>
<p>Profitez de l'expérience des différents membres de
l'association lors des ateliers pour monter votre morceau
d'internet sur une machine de l'association ou une machine vous
appartenant.</p>
<p>Les services peuvent être de tout type : site web, mail,
etc</p>
<p>C'est aussi gratuit mais vous devez être adhérent de
l'association. A noter que le nombre de machines prêtées par l'association est limité. Les
places sont illimitées si vous fournissez les ressources.</p>
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="well">
<h3>
Niveau 3 <i class="fa fa-unlock" aria-hidden="true"></i>
</h3>
<h4>Do it yourself at home !</h4>
<p>L'association vous fournit les ressources (IP(s),
matériel, etc) pour héberger vos services vous-même chez vous.
Vous êtes le seul maître à bord ou presque, vous êtes libre
d'installer ce que vous voulez.</p>
<p>Pour accéder aux ressources vous devez cependant être
adhérent de l'association, vous n'aurez aucun surplus mis à
part le matériel et les éventuelles IPv4 supplémentaires.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="fai" class="fai">
<div class="slogan">
<div class="wow fadeInDown black-title" data-wow-delay="0.1s">
<h2>Le Fournisseur d'accès à internet</h2>
<h3>L'internet "Fait Maison"</h3>
</div>
<div class="wow fadeInUp" data-wow-delay="0.4s">
<div class="vpn-promotion">
<h3 class="boxed-grey" style="text-transform: none">Les
fournisseurs d'accès ont le pouvoir de voir, modifier ou même
interdire certains contenus à son bon vouloir. Pourquoi
devrions-nous lui faire confiance ? Que fait-il réellement avec
nos données ? Afin de pallier ces questions, Midway's Network a
décidé de devenir un fournisseur d'accès à internet associatif où
chacun peut être consommateur et acteur de son accès. L'idée est
que vous pouvez vous-même aller voir ce que l'association fait
avec vos données (rien, à part les transmettre sans distinction) ou
rencontrer les personnes qui gèrent le réseau. Quoi de mieux pour
la confiance ?</h3>
<h3 class="boxed-grey" style="text-transform: none">Midway's
Network travaille activement sur le projet de fournisseur d'accès internet.
Pour le moment, seul le VPN est disponible, mais nous espérons
pouvoir bientôt fournir un accès xDSL(ADSL ou VDSL) ou Wifi avec un
débit jusqu'à 100 Mbps suivant la technologie utilisée.</h3>
</div>
</div>
</div>
</section>
<!-- Section: services -->
<section id="howtobecomeamember"
class="howtobecomeamember home-section text-center bg-gray">
<div class="heading-about">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow fadeInDown" data-wow-delay="0.4s">
<div class="section-heading">
<h2>Devenir adhérent</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container blabla">
<div class="row">
<div class="col-md-5 col-md-offset-2">
<div class="wow fadeInLeft" data-wow-delay="0.3s">
<h3>Rien de compliqué</h3>
<div class="details">
<p>Pour devenir adhérent de Midway's Network, il suffit de
s'aquitter de la cotisation mensuelle/annuelle, d'avoir 16 ans
révolus et de venir discuter avec nous.</p>
<ul>
<li>Vous pouvez nous rencontrer lors des ateliers, réunions,
etc</li>
<li>Ou venir discuter par <a
href="mailto:contact@midways-network.org"> mail</a>.
</li>
</ul>
<p>Conformément aux obligations légales françaises, nous aurons
besoin de votre nom, prénom, adresse mail, aresse et d'une
pièce d'identité.</p>
<h4>Pourquoi adhérer</h4>
En devenant adhérent, vous pouvez :
<ul>
<li>Avoir un accès VPN compatible avec la plupart des
périphériques et avec IPv4/6 publiques dédiées</li>
<li>Avoir accès aux services "clef en main" comme nextcloud
ou l'hébergement mail</li>
<li>Apprendre à créer vos services</li>
<li>Avoir une voix en assemblée générale, conformément aux
statuts de l'association</li>
<li>Participer à la vie de l'association (technique,
administrative, etc)</li>
</ul>
<h4>Cotisation minimum</h4>
<p>Afin de permettre à chacun une plus grande flexibilité,
Midway's Network fonctionne avec une cotisation mois par mois.
Vous pouvez ainsi adhérer pour une durée de 1 à 12 mois
renouvelables à volonté.</p>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th scope="col">Catégorie</th>
<th scope="col">Montant Mensuel</th>
<th scope="col">Montant pour 12 mois</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Social (Étudiant, demandeur d'emploi,
etc)</th>
<td>4€ ou plus</td>
<td>48€ ou plus</td>
</tr>
<tr>
<th scope="row">Normal</th>
<td>5€ ou plus</td>
<td>60€ ou plus</td>
</tr>
<tr>
<th scope="row">Personne morale ou bienfaiteur</th>
<td>Annuel uniquement</td>
<td>65 € ou plus</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="meetings" class="home-section text-center bg-gray">
<div class="slogan"></div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="wow fadeInUp" data-wow-delay="0.3s">
<h3>Les rencontres</h3>
<div class="row">
<div id="next-meetings" class="col-md-10 col-md-offset-1">
<p class="meeting" style="padding: 10px">Nous sommes
actuellement en train de mettre en place les réunions et
ateliers. Restez informés pour connaître la prochaine date !</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="wow fadeInUp" data-wow-delay="0.3s">
<h3>La cité des associations</h3>
<iframe width="425" height="350" frameborder="0" scrolling="no"
marginheight="0" marginwidth="0"
src="https://www.openstreetmap.org/export/embed.html?bbox=6.863829195499421%2C47.64017534592559%2C6.868308484554292%2C47.64178375644767&layer=mapnik&marker=47.6409795573764%2C6.8660688400268555"
style="border: 1px solid black"></iframe>
<br /> <small><a
href="https://www.openstreetmap.org/?mlat=47.64098&mlon=6.86607#map=19/47.64098/6.86607&layers=N">Afficher
une carte plus grande</a></small>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: services -->
<section id="friends" class="home-section text-center bg-gray">
<div class="container">
<h1 class="my-4 text-center text-lg-left">Nos partenaires</h1>
<div class="row text-center text-lg-left">
<div class="col-lg-3 col-md-4 col-xs-6">
<a href="http://necronomi-con.com/" target="_blank" class="d-block mb-4 h-100">
<img class="img-fluid img-thumbnail" src="img/necronomicon.png"
alt="Necronomi'con">
</a>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<a href="https://ldn-fai.net/" target="_blank" class="d-block mb-4 h-100"> <img
class="img-fluid img-thumbnail" src="img/ldn.png"
alt="Lorraine Data network">
</a>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<a href="https://www.aquilenet.fr/" target="_blank" class="d-block mb-4 h-100">
<img class="img-fluid img-thumbnail" src="img/aquilenet.png"
alt="Aquilenet">
</a>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<a href="https://gitoyen.net/" target="_blank" class="d-block mb-4 h-100"> <img
class="img-fluid img-thumbnail" src="img/gitoyen.png"
alt="Gitoyen">
</a>
</div>
</div>
</div>
<br>
<div class="container">
<div class="row text-center text-lg-left">
<div class="col-lg-3 col-md-4 col-xs-6">
<a href="http://www.belfort.fr/" target="_blank" class="d-block mb-4 h-100"> <img
class="img-fluid img-thumbnail" src="img/belfort.jpg"
alt="Belfort">
</a>
</div>
<div class="col-lg-3 col-md-4 col-xs-6">
<a href="https://numericabfc.com/" target="_blank" class="d-block mb-4 h-100">
<img class="img-fluid img-thumbnail" src="img/numerica.png"
alt="Numerica">
</a>
</div>
</div>
</div>
</section>
<section class="footer">
<div class="wow fadeInUp" data-wow-delay="0.5s">
<div class="page-scroll marginbot-30">
<a href="#intro" id="totop" class="btn btn-circle"> <i
class="fa fa-angle-double-up animated"></i>
</a>
</div>
<div class="container">
<div class="row">
<div class="wow fadeInDown col-xs-6" data-wow-delay="0.5s">
<small> Credit photo : Thomas Bresson <a
href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> <br>
Site web inspiré par celui de <a href="https://neutrinet.be/">Neutrinet</a> et basé sur <a href="https://bootstrapmade.com/demo/Squadfree/">Squadfree</a>
</small>
</div>
<div class="wow fadeInDown col-xs-6" data-wow-delay="0.5s">
<h4>
<a href="mailto:contact@midways-network.org">Contact</a><br>
</h4>
</div>
</div>
</div>
<small>Site édité et hébergé par Midway's Network,
association à but non lucratif domiciliée BP 05, 4
rue Jean-Pierre Melville, 90000 BELFORT</small>
</div>
</section>
<!-- Core JavaScript Files -->
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/custom.js"></script>
</body>
</html>