-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
92 lines (92 loc) · 8.97 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/styles.css">
<link rel="stylesheet" href="https://use.typekit.net/euw0chn.css">
<link rel="icon" href="/assets/favicon.png" type="image/x-icon">
<meta name="google-site-verification" content="xSYfibs_AKhXuCPTi1UalemeTaH308E4-UZ9pm56FwM" />
<title>Accueil - MobiFer</title>
<meta name="description" content="Découvrez tout sur les transports en commun ferrés d’Île-de-France avec MobiFer : lignes, stations et matériels roulants. Bon voyage !">
</head>
<body>
<a href="/"><h1 class="header">MobiFer</h1></a>
<p class="centered"><span class="integrated"><img src="/assets/icons/Perturbation_travaux_couleur_RVB.svg" alt="En cours de construction"></span> <strong>Attention !</strong> Ce site en est encore à ses débuts. Beaucoup de pages n’ont pas encore été créées et certains fichiers risquent de manquer. À terme, le site vous assurera une navigation sans interruption entre lignes et stations. <span class="integrated"><img src="/assets/icons/Perturbation_travaux_couleur_RVB.svg" alt="En cours de construction"></span></p>
<p class="centered">Bienvenue sur <strong>MobiFer</strong> ! Découvrez tout sur les transports en commun ferrés d’Île-de-France : lignes, stations et matériels roulants. Bon voyage !</p>
<p class="centered">Le saviez-vous ? Le nom <strong><em>MobiFer</em></strong> tient d’un jeu de mots avec les trains dits <strong>MF</strong> (<strong>M</strong>atériel roulant <strong>F</strong>er) en circulation sur le métro de Paris.</p>
<!-- <p class="centered"><em>You can also visit this website in <a href="/en/">English</a>!</em></p> -->
<p>Sélectionnez une ligne parmi celles ci-dessous pour en découvrir les détails.</p>
<div class="wip-box">
<h2><span class="integrated"><img src="/assets/icons/symbole_metro_RVB.svg" alt="Métro"></span> Métropolitain <span class="integrated"><img src="/assets/icons/Perturbation_travaux_couleur_RVB.svg" alt="En cours de construction"></span></h2>
<div class="svg-container">
<a href="lines/m01.html"><img src="/assets/icons/metro_1_couleur_RVB.svg" alt="Ligne 1" class="hovereffect"></a>
<a href="lines/m02.html"><img src="/assets/icons/metro_2_couleur_RVB.svg" alt="Ligne 2" class="hovereffect"></a>
<a href="lines/m03.html"><img src="/assets/icons/metro_3_couleur_RVB.svg" alt="Ligne 3" class="hovereffect"></a>
<a href="lines/m03b.html"><img src="/assets/icons/metro_3bis_couleur_RVB.svg" alt="Ligne 3 bis" class="hovereffect"></a>
<a href="lines/m04.html"><img src="/assets/icons/metro_4_couleur_RVB.svg" alt="Ligne 4" class="hovereffect"></a>
<a href="lines/m05.html"><img src="/assets/icons/metro_5_couleur_RVB.svg" alt="Ligne 5" class="hovereffect"></a>
<a href="lines/m06.html"><img src="/assets/icons/metro_6_couleur_RVB.svg" alt="Ligne 6" class="hovereffect"></a>
<a href="lines/m07.html"><img src="/assets/icons/metro_7_couleur_RVB.svg" alt="Ligne 7" class="hovereffect"></a>
<a href="lines/m07b.html"><img src="/assets/icons/metro_7bis_couleur_RVB.svg" alt="Ligne 7 bis" class="hovereffect"></a>
<a href="lines/m08.html"><img src="/assets/icons/metro_8_couleur_RVB.svg" alt="Ligne 8" class="hovereffect"></a>
<a href="lines/m09.html"><img src="/assets/icons/metro_9_couleur_RVB.svg" alt="Ligne 9" class="hovereffect"></a>
<a href="lines/m10.html"><img src="/assets/icons/metro_10_couleur_RVB.svg" alt="Ligne 10" class="hovereffect"></a>
<a href="lines/m11.html"><img src="/assets/icons/metro_11_couleur_RVB.svg" alt="Ligne 11" class="hovereffect"></a>
<a href="lines/m12.html"><img src="/assets/icons/metro_12_couleur_RVB.svg" alt="Ligne 12" class="hovereffect"></a>
<a href="lines/m13.html"><img src="/assets/icons/metro_13_couleur_RVB.svg" alt="Ligne 13" class="hovereffect"></a>
<a href="lines/m14.html"><img src="/assets/icons/metro_14_couleur_RVB.svg" alt="Ligne 14" class="hovereffect"></a>
<br>
<a href="lines/m15.html"><img src="/assets/icons/metro_15_couleur_RVB.svg" alt="Ligne 15" class="hovereffect"></a>
<a href="lines/m16.html"><img src="/assets/icons/metro_16_couleur_RVB.svg" alt="Ligne 16" class="hovereffect"></a>
<a href="lines/m17.html"><img src="/assets/icons/metro_17_couleur_RVB.svg" alt="Ligne 17" class="hovereffect"></a>
<a href="lines/m18.html"><img src="/assets/icons/metro_18_couleur_RVB.svg" alt="Ligne 18" class="hovereffect"></a>
<br>
<a href="lines/orv.html"><img src="/assets/icons/LIG_IDFM_C01388.svg" alt="Orlyval" class="hovereffect"></a>
<a href="lines/cgv.html"><img src="/assets/icons/LIG_IDFM_C00563.svg" alt="CDG Val" class="hovereffect"></a>
<a href="lines/fun.html"><img src="/assets/icons/funiculaire_montmartre_couleur_RVB.svg" alt="Funiculaire de Montmartre" class="hovereffect"></a>
</div>
</div>
<div class="wip-box">
<h2><span class="integrated"><img src="/assets/icons/symbole_tram_RVB.svg" alt="Tram"></span> Tramway <span class="integrated"><img src="/assets/icons/Perturbation_travaux_couleur_RVB.svg" alt="En cours de construction"></span></h2>
<div class="svg-container">
<a href="lines/t01.html"><img src="/assets/icons/tram_T1_couleur_RVB.svg" alt="Tramway T1" class="hovereffect"></a>
<a href="lines/t02.html"><img src="/assets/icons/tram_T2_couleur_RVB.svg" alt="Tramway T2" class="hovereffect"></a>
<a href="lines/t03a.html"><img src="/assets/icons/tram_T3a_couleur_RVB.svg" alt="Tramway T3a" class="hovereffect"></a>
<a href="lines/t03b.html"><img src="/assets/icons/tram_T3b_couleur_RVB.svg" alt="Tramway T3b" class="hovereffect"></a>
<a href="lines/t04.html"><img src="/assets/icons/tram_T4_couleur_RVB.svg" alt="Tramway T4" class="hovereffect"></a>
<a href="lines/t05.html"><img src="/assets/icons/tram_T5_couleur_RVB.svg" alt="Tramway T5" class="hovereffect"></a>
<a href="lines/t06.html"><img src="/assets/icons/tram_T6_couleur_RVB.svg" alt="Tramway T6" class="hovereffect"></a>
<a href="lines/t07.html"><img src="/assets/icons/tram_T7_couleur_RVB.svg" alt="Tramway T7" class="hovereffect"></a>
<a href="lines/t08.html"><img src="/assets/icons/tram_T8_couleur_RVB.svg" alt="Tramway T8" class="hovereffect"></a>
<a href="lines/t09.html"><img src="/assets/icons/tram_T9_couleur_RVB.svg" alt="Tramway T9" class="hovereffect"></a>
<a href="lines/t10.html"><img src="/assets/icons/tram_T10_couleur_RVB.svg" alt="Tramway T10" class="hovereffect"></a>
<a href="lines/t11.html"><img src="/assets/icons/tram_T11_couleur_RVB.svg" alt="Tramway T11" class="hovereffect"></a>
<a href="lines/t12.html"><img src="/assets/icons/tram_T12_couleur_RVB.svg" alt="Tramway T12" class="hovereffect"></a>
<a href="lines/t13.html"><img src="/assets/icons/tram_T13_couleur_RVB.svg" alt="Tramway T13" class="hovereffect"></a>
<a href="lines/t14.html"><img src="/assets/icons/tram_T14_couleur_RVB.svg" alt="Tramway T14" class="hovereffect"></a>
</div>
</div>
<div class="wip-box">
<h2><span class="integrated"><img src="/assets/icons/symbole_train_RER_RVB.svg" alt="RER, Transilien"></span> RER et Transilien <span class="integrated"><img src="/assets/icons/Perturbation_travaux_couleur_RVB.svg" alt="En cours de construction"></span></h2>
<div class="svg-container">
<a href="lines/rerA.html"><img src="/assets/icons/RER_A_couleur_RVB.svg" alt="RER A" class="hovereffect"></a>
<a href="lines/rerB.html"><img src="/assets/icons/RER_B_couleur_RVB.svg" alt="RER B" class="hovereffect"></a>
<a href="lines/rerC.html"><img src="/assets/icons/RER_C_couleur_RVB.svg" alt="RER C" class="hovereffect"></a>
<a href="lines/rerD.html"><img src="/assets/icons/RER_D_couleur_RVB.svg" alt="RER D" class="hovereffect"></a>
<a href="lines/rerE.html"><img src="/assets/icons/RER_E_couleur_RVB.svg" alt="RER E" class="hovereffect"></a>
<br>
<a href="lines/trainH.html"><img src="/assets/icons/train_H_couleur_RVB.svg" alt="Transilien H" class="hovereffect"></a>
<a href="lines/trainJ.html"><img src="/assets/icons/train_J_couleur_RVB.svg" alt="Transilien J" class="hovereffect"></a>
<a href="lines/trainK.html"><img src="/assets/icons/train_K_couleur_RVB.svg" alt="Transilien K" class="hovereffect"></a>
<a href="lines/trainL.html"><img src="/assets/icons/train_L_couleur_RVB.svg" alt="Transilien L" class="hovereffect"></a>
<a href="lines/trainN.html"><img src="/assets/icons/train_N_couleur_RVB.svg" alt="Transilien N" class="hovereffect"></a>
<a href="lines/trainP.html"><img src="/assets/icons/train_P_couleur_RVB.svg" alt="Transilien P" class="hovereffect"></a>
<a href="lines/trainR.html"><img src="/assets/icons/train_R_couleur_RVB.svg" alt="Transilien R" class="hovereffect"></a>
<a href="lines/trainU.html"><img src="/assets/icons/train_U_couleur_RVB.svg" alt="Transilien U" class="hovereffect"></a>
<a href="lines/trainV.html"><img src="/assets/icons/train_V_couleur_RVB.svg" alt="Transilien V" class="hovereffect"></a>
</div>
</div>
<div id="footer-container"></div>
<script src="/addons/footer.js"></script>
</body>