-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathambassadeurs.html
273 lines (220 loc) · 14 KB
/
ambassadeurs.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="sass/main.css">
<script src="https://kit.fontawesome.com/1a56f0a0c1.js" crossorigin="anonymous"></script>
<title>La Véloflandres - 617kms à travers les Flandres françaises</title>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/showdown.min.js"> </script>
</head>
<body>
<header id="navhidden">
<div class="reseauxsociaux">
<a href="https://www.instagram.com/explore/tags/viaromeafrancigena/" class="logoreseau">
<img src="Images/instagram.png" alt="logo instagram" title="logo Instagram">
</a>
<a href="https://www.facebook.com/LaViaFrancigenaEnFrance" class="logoreseau">
<img src="Images/facebook.png" alt="logo Facebook" title="logo Facebook">
</a>
</div>
<div id="hiddenright" class="navlikes">
<a href="" class="likes">
<img src="Images/coeur.png" alt="coeur" title="coeur" class="likewhite">
<img src="Images/pinkheart.png" alt="coeur" title="coeur" class="likepink">
<p class="like">Carnet de voyage</p>
</a>
<a href="" class="espaceperso">
<img src="Images/person.png" alt="personne" title="personne" class="espacepersowhite">
<img src="Images/pinkperson.png" alt="personne" title="personne" class="espacepersopink">
<p class="espaceperso">Espace personnel</p>
</a>
<a href="" class="langue">
<img src="Images/france.png" alt="drapeau france" title="drapeau france">
</a>
</div>
</header>
<nav id="navbar" class="nav-itineraire">
<div class="burger open"><i class="fa-sharp fa-solid fa-bars"></i></div>
<div class="liensdelanav">
<a href="index.html">
<img src="Images/logoveloflandres.png" alt="logo Véloflandres" title="logo Véloflandres" class="imgnav">
<img src="Images/logoeurovelo5.png" alt="Logo Eurovelo5" title="logo de l'Eurovelo5" class="imgnav">
</a>
<a href="itineraire.html" class="nav">L'ITINÉRAIRE</a>
<a href="infospratiques.html" class="nav">INFOS PRATIQUES</a>
<a href="adecouvrir.html" class="nav">À DÉCOUVRIR</a>
<a href="ambassadeurs.html" class="navambassadeurs">AMBASSADEURS#2</a>
</div>
<a href=""><img src="/Images/loupe.png" alt="Logo Loupe" title="logo Loupe" class="loupe"></a>
</nav>
<div class="menuburger">
<a href="index.html">Accueil</a>
<a href="itineraire.html">L'itinéraire</a>
<a href="infospratiques.html">Infos Pratiques</a>
<a href="adecouvrir.html">A découvrir</a>
<a href="ambassadeurs.html">Ambassadeurs#2</a>
<a href="#" class="perso">Carnet de voyage</a>
<a href="#" class="perso">Espace personnel</a>
<div>
<ul>
<li><a href="#"><img src="Images/france.png" alt="drapeau français"></a></li>
<li><a href="#"><img src="Images/anglais.png" alt="drapeau anglais"></a></li>
<li><a href="#"><img src="Images/allemand.png" alt="drapeau allemand"></a></li>
<li><a href="#"><img src="Images/paysbas.png" alt="drapeau pays bas"></a></li>
</ul>
</div>
<div class="cross close hidden"><i class="fa-solid fa-xmark"></i></div>
</div>
<div class="wallpaper">
<img src="Images/eurovelosable.jpg" class="wallpaper" alt="eurovelo ecris sur sable">
</div>
<main class="ambassadeurs">
<h1 class="page-titre">Eurovelo 5 La Véloflandres : De Calais à Estaimpuis</h1>
<div class="context">
<div class="row">
<h2 class="titre">Un chemin de pèlerinage datant du Xème siècle, la Via Romea Francigena servait jadis d’itinéraire reliant Londres à Rome.</h2>
</div>
<div class="row">
<p>C’est dans une optique de vouloir perpétuer la réputation de ce beau parcours que le projet Eurovelo 5 trouve toute sa source. En effet, l’EV5 s’inspire de cette route pour ériger son propre itinéraire à vélo.
Ainsi, sur un parcours long de 3200 km, il nous propose d’explorer l’Europe de long en large, du Nord jusqu’au Sud, en incluant sur son passage l’Angleterre, la France, la Belgique, le Luxembourg, l’Allemagne, la Suisse et l’Italie.
En chemin, préparez-vous à de belles rencontres architecturales puisqu’édifices anciens et monuments contemporains vont faire partie du voyage.
</p>
</div>
<div class="column">
<img src="Images/logoveloflandres.png" alt="le logo de l'euro velo 5" class="logoviafr">
<p class="ev5">L’Eurovelo 5 de la France se subdivise en 2 sections (Hauts-de-France et Grand-Est).De la ville portuaire de Calais célèbre pour son phare et son grand hôtel de ville.
La véloroute poursuit ensuite vers Lille en empruntant un itinéraire sans grande difficulté particulière. En effet, parcs et chemins de halage le long des canaux et de marais couvriront la majeure partie de la traversée.
On plonge alors dans une région au décor verdoyant, peaufinée par des villes à l’ambiance paisible. Rien de tel pour satisfaire les vélotouristes amoureux de la nature et bien entendu d’histoire.
</p>
</div>
<div class="row">
<p>
Le parcours nous fait par exemple découvrir l’ancienne ville médiévale de Saint-Omer située dans le marais audomarois et traversée par le fleuve Aa, Béthune célèbre pour son église catholique Saint-Vaast,
mais surtout pour son beffroi classé au patrimoine mondial de l’UNESCO, ainsi que la ville de Lens et son musée le Louvres-Lens. L’EV5 des Hauts-de-France signe son arrêt à Lille,
une ancienne cité marchande de la Flandre où les nombreux sites à visiter satisferont tous les goûts et les passions. Au cœur de la ville, découvrez le luxuriant jardin des Géants ou l’église Saint-André nichée dans le Vieux-Lille.
</p>
</div>
<div class="row">
<h3 class="titre">Découvrez les profils des ambassadeurs de la Véloflandres :</h3>
</div>
<div id="acv">
<h3><a href="#" >AJOUTER À UN CARNET DE VOYAGE<img src="Images/keur.png" alt="logo coeur" class="keur"> <img src="Images/plus.png" alt="logo plus" class="plus"></a></h3>
</div>
</div>
<div class="format">
<article class="itin"> </article>
</div>
<div class="parcours">
<div class="titre">
<h2> Les parcours des Ambassadeurs - de Calais à Martelange </h2>
</div>
<div class="mapid">
<iframe src="https://www.google.com/maps/embed?pb=!1m76!1m12!1m3!1d1302428.404064689!2d2.676306355441016!3d50.38882466878765!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m61!3e1!4m5!1s0x47dc3f75d7f1e363%3A0xacbed9e08cd279f4!2sCalais!3m2!1d50.95129!2d1.8586859999999998!4m5!1s0x47c32891f6ff8a69%3A0x1c0af141f1251210!2s59100%20Roubaix!3m2!1d50.693081799999995!2d3.1845673!4m5!1s0x47c305295ee66269%3A0xdd5c03f552db1e98!2sRonse%2C%20Belgique!3m2!1d50.7461817!2d3.5997497!4m5!1s0x47c3a5ffa5c57515%3A0x40099ab2f4d5150!2sGrammont%2C%20Belgique!3m2!1d50.7715168!2d3.8822568!4m5!1s0x47c3a4ed73c76867%3A0xc18b3a66787302a7!2sBruxelles%2C%20Belgique!3m2!1d50.8476424!2d4.3571696!4m5!1s0x47c17d9fa6257563%3A0x46cd245053b0d3b!2sWavre%2C%20Belgique!3m2!1d50.7133122!2d4.611248!4m5!1s0x47c1996d0c2c653f%3A0xc15626b6c4165205!2sNamur%2C%20Belgique!3m2!1d50.4649359!2d4.8650728999999995!4m5!1s0x47c1bfe2f7f2b0d5%3A0xe3ff8b1f0e189770!2sDinant%2C%20Belgique!3m2!1d50.2607382!2d4.9122308!4m5!1s0x47c026825ad1d17b%3A0xfbf7763207a668ea!2sMarche-en-Famenne%2C%206900%2C%20Belgique!3m2!1d50.2296999!2d5.3438732!4m5!1s0x47eaa6de83d901bf%3A0xecd963262905a431!2sMartelange%2C%20Belgique!3m2!1d49.833676!2d5.738987!5e0!3m2!1sfr!2sfr!4v1671187632956!5m2!1sfr!2sfr" height="450" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div>
<p class="fb">Rejoignez le groupe facebook <span>"La Véloflandres"</span> à destination de tous les cyclos qui veulent échanger sur leur parcours de La Véloflandres, avant, pendant, après leur voyage à vélo.</p>
</div>
<div class="discover">
<a href="https://www.facebook.com/viafrancigenafrance/"> REJOINDRE LE GROUPE FACEBOOK</a>
</div>
<div class="viaromfr">
<img class="via-img" src="Images/viaromfr.jpg" alt="photo de la page d'acceuille du groupe facebook avec logo de la via romea francigena en premier plan dans un cadre de route de village">
</div>
<div>
<p class="fb"><span>*Membres du jury </span>: un office de tourisme situé sur La Véloflandres, un socio-professionnel de La Véloflandres, un Ambassadeur 2021 de La Véloflandres, des représentants des partenaires de La Véloflandres et Vélo & Territoires.</p>
</div>
</div>
<div class="laast">
<h2>Vous avez aimé ?</h2>
<h2 class="padi"> Vous aimerez surement ça aussi...</h2>
<div class="img-amb">
<a class="link-text" href="#">
<img src="Images/amabas.jpg" alt="regroupement de photo reunissant plusieurs personnes en velo"><h3 class="text-info"> Ambassadeurs 2022</h3>
</a>
<div>
</div>
</div>
</div>
</main>
<div id="popupbas">
<p class="textepopup">Comment rejoindre la Via Romea Francigena par le train 🚉</p>
<a href="velosettransports.html"> → En savoir plus </a>
</div>
<footer id="footer">
<div id="quartfooter">
<div class="imgfooter1">
<div class="logofooter">
<img src="Images/logoveloflandres.png" alt="logo Véloflandres">
<img src="Images/logoeurovelo5.png" alt="logo Eurovelo5">
</div>
<div class="logofooter1">
<img src="Images/instagramnoir.png" alt="logo Instagram">
<img src="Images/facebooknoir.png" alt="logo Facebook">
</div>
</div>
<div class="partie2footer1">
<div id="textedufooter1">
<h2 class="whoarewe">
Qui sommes-nous?
</h2>
<p class="whoweare">
La Véloflandres est un itinéraire vélo développé et promu par un réseau de collectivités territoriales et leurs institutions touristiques.
</p>
</div>
<a href="https://www.francevelotourisme.com/accueil-velo" class="boutonblancrose">EN SAVOIR PLUS</a>
<a href="https://www.francevelotourisme.com/contactez-nous" class="boutonrose">NOUS CONTACTER</a>
</div>
</div>
<img src="Images/photoblur.png" alt="plage" class="photodufooter">
<div id="quart2footer">
<p>Espace pro</p>
<ul>
<li><a href="https://www.lavelomaritime.fr/espace-pro-presse/presse">
→ Presse
</a></li>
<li><a href="https://www.lavelomaritime.fr/espace-pro-presse/tours-operateurs">
→ Tours-Opérateurs
</a></li>
<li><a href="https://www.lavelomaritime.fr/espace-pro-presse/tours-operateurs">
→ Outils de communication
</a></li>
</ul>
</div>
<div id="quart3footer">
<div class="grostest">
<img src="Images/Logo-Accueil-Velo.png" alt="logo accueil velo" title="logo accueil velo">
<div id="textedufooter">
<h3 class="petititrefooter">
La marque Accueil Vélo qu'est-ce que c'est?
</h3>
<p class="petitextfooter">
Accueil Vélo est une marque nationale qui garantit un accueil et des services de qualité auprès des cyclistes le long des itinéraires cyclables.
</p>
</div>
<a href="https://www.francevelotourisme.com/accueil-velo" class="boutonblanc">EN SAVOIR PLUS</a>
<a href="https://www.francevelotourisme.com/contactez-nous" class="boutonnoir">DEVENIR ACCUEIL VÉLO</a>
</div>
</div>
<div id="quart4footer">
<div class="lienfooternoir">
<a href="https://www.lavelomaritime.fr/espace-pro-presse">Espace pro / presse</a>
<a href="https://www.lavelomaritime.fr/foire-aux-questions">FAQ</a>
<a href="mentionslegales.html">Mentions légales</a>
<a href="">Gestion des cookies</a>
</div>
<div class="logofooter">
<p class="textefooternoir">Réalisation CTRLS</p>
<img src="Images/Logo_France_Vélo_Tourisme_blanc.png" alt="logo france velo tourisme">
</div>
</div>
</footer>
<script src="JavaScript/scrollingNav.js"></script>
<script src="JavaScript/ambassade.js"></script>
<!-- A METTRE OBLIGATOIREMENT A LA FIN ! -->
<script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="javascript/burger.js"></script>
<!-- A METTRE OBLIGATOIREMENT A LA FIN ! -->
</body>
</html>