-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathParis.html
270 lines (251 loc) · 10.1 KB
/
Paris.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> PARIS </title>
<link href="css/reset.css" type="text/css" rel="stylesheet"/>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Staatliches" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet">
<link href="css/style.css" type="text/css" rel="stylesheet"/>
<link href="css/styleLondres.css" type="text/css" rel="stylesheet"/>
<!-- <script type="text/javascript" src="js/rome.js"></script> -->
</head>
<body class="no-spacing">
<header>
</header>
<div class="container-fluid londres no-spacing">
<!-- Header -->
<article class="londres-header"> <!-- BOUTON-->
<button type="button" class="btn btn-outline-light"> <a href="index.html"> MENU </a> </button>
<span class="text"> PARIS </span>
<h3> Paris est la capitale de la France ! </h3>
</div>
</article>
<!-- Titre -->
<div class="rome-titre">
<h2> Les cinq visites incontournables de Paris ! </h2>
</div>
<!-- Carte -->
<!-- <div class="londres-carte">
<img src="image/defaut_carte_600x600px.jpg"
</div> -->
<!-- </div> -->
<div class="row">
<div class="col-md-1 offset-md-1">
<h5 class="nb">1</h5>
</div>
</div>
</div>
<div class="container-fluid londres no-spacing">
<!--
TOP 1
-->
<div class="container">
<div class="row rome-top">
<div class="col-md-7">
<h4> Le Louvre </h4>
<hr width="75%" align="left">
<p>
Le château du Louvre était un château fort construit par le
roi Philippe-Auguste pour renforcer lʼenceinte quʼil avait
construite autour de Paris pour protéger la ville. Il a été
démoli par étapes pour laisser la place au palais du Louvre.
La construction du Louvre est indissociable de l'histoire de
Paris. Elle s'étend sur plus de 800 ans, bien que le plan général
du palais n'ait été imaginé qu'à la Renaissance. Charles V y
établit sa résidence, donnant au palais un statut qu'il a conservé
jusqu'au règne de Louis XIV.
Le musée du Louvre, inauguré en 1793 sous l'appellation Muséum
central des arts de la République dans le palais du Louvre,
ancienne résidence royale située au centre de Paris, est
aujourd'hui le plus grand musée d'art et d'antiquités au monde. Sa
surface d'exposition est de 72 735 m².<br>
<strong>Tarif : entre 20€ et 50€</strong>
</p>
</div>
<div class="col-md-5">
<div class="sticker example-1"></div>
</div>
</div>
<div class="row">
<div class="col-md-12 style-five"><hr class="style-five"></div>
</div>
<!--
TOP 2
-->
<div class="row top">
<div class="col-md-1 offset-md-9">
<h5 class="nb">2</h5>
</div>
</div>
<div class="row rome-top">
<div class="col-md-5">
<div class="sticker example-2"></div>
</div>
<div class="col-md-7">
<h4> L'Arc de Triomphe </h4>
<hr width="75%" align="left">
<p>
L’arc de triomphe de l’Étoile, souvent appelé simplement
l’Arc de Triomphe, dont la construction, décidée par
l'empereur Napoléon Ier, débuta en 1806 et s'acheva en 1836
sous Louis-Philippe, est situé à Paris, dans les 8e, 16e, et
17e arrondissements.
Napoléon Ier, au lendemain de la bataille d'Austerlitz,
déclare aux soldats français : « Vous ne rentrerez dans vos
foyers que sous des arcs de triomphe. » L'Empereur s'est
référé aux arcs de triomphe érigés sous l’Empire romain afin
de commémorer un général vainqueur défilant à la tête de ses
troupes.
L'Arc de Triomphe fait partie des monuments nationaux à forte
connotation historique. Cette importance s'est renforcée depuis
que la dépouille du Soldat inconnu, tué lors de la Première
Guerre mondiale, y a été inhumée le 28 janvier 1921. Deux ans plus
tard, André Maginot, alors ministre de la Guerre, a soutenu le
projet d’y installer une « flamme du souvenir » qui a été allumée
pour la première fois le 11 novembre 1923 par le ministre.
</p>
</div>
</div>
<div class="row">
<div class="col-md-12 style-five"><hr class="style-five"></div>
</div> <!--
TOP 3
-->
<div class="row top">
<div class="col-md-1 offset-md-6">
<h5 class="nb">3</h5>
</div>
</div>
<div class="row rome-top">
<div class="col-md-7">
<h4> Notre Dame de Paris </h4>
<hr width="75%" align="left">
<p>
La cathédrale Notre-Dame de Paris, en forme courte Notre-Dame,
est la cathédrale de l'archidiocèse de Paris, en France. Elle est
située dans l'est de l'île de la Cité, dans le 4e arrondissement de
Paris. Sa façade occidentale domine le parvis Notre-Dame - place
Jean-Paul-II.
Sa construction commencée sous l'impulsion de l'évêque
Maurice de Sully, s'étend sur plus de deux siècles, de 1163
au milieu du xive siècle. Le style n’est donc pas d'une uniformité
totale : la cathédrale possède ainsi des caractères du gothique
primitif (voûtes sexpartites de la nef) et du gothique rayonnant.
Les deux rosaces qui ornent chacun des bras du transept sont parmi
les plus grandes d’Europe, et mesurent chacune treize mètres de
diamètre. Lors de son achèvement, la cathédrale est l'une des plus
grandes d'Occident. Après la tourmente révolutionnaire, la
cathédrale bénéficie de 1844 à 1864 d'une restauration importante
et parfois controversée, sous la direction de l’architecte
Viollet-le-Duc, qui y incorpore des éléments et des motifs inédits.
</p>
</div>
<div class="col-md-5">
<div class="sticker example-3"></div>
</div>
</div>
<div class="row">
<div class="col-md-12 style-five"><hr class="style-five"></div>
</div>
<!--
TOP 4
-->
<div class="row top">
<div class="col-md-1 offset-md-3">
<h5 class="nb">4</h5>
</div>
</div>
<div class="row rome-top">
<div class="col-md-5">
<div class="sticker example-4"></div>
</div>
<div class="col-md-7">
<h4> La Seine </h4>
<hr width="75%" align="left">
<p>
La Seine à Paris fait partie du paysage de la capitale de la
France. La Seine coupe Paris en son milieu même si la rive droite
occupe un espace plus important que la rive gauche. Dans Paris, sa
longueur occupe près de 13 kilomètres, avec une profondeur variant
entre 3,40 et 5,70 mètres. Sa largeur varie, elle, de 30 à 200
mètres. La retenue normale du bief de Paris, c'est-à-dire
l'altitude de la surface par rapport au niveau de la mer, est de
26,72 mètres. À Paris, la Seine est traversée par 37 ponts dont
quatre passerelles accessibles uniquement aux piétons.
Aujourd'hui, il est possible de vivre une visite inédite de Paris
en bateau-mouche.<br>
<strong>Tarif : 15€</strong>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12 style-five"><hr class="style-five"></div>
</div>
<!--
TOP 5
-->
<div class="row top">
<div class="col-md-1 offset-md-7">
<h5 class="nb">5</h5>
</div>
</div>
<div class="row rome-top">
<div class="col-md-7">
<h4> La Tour Eiffel </h4>
<hr width="75%" align="left">
<p>
La tour Eiffel Écouter est une tour de fer puddlé de 324
mètres de hauteur (avec antennes) située à Paris, à
l’extrémité nord-ouest du parc du Champ-de-Mars en bordure de
la Seine dans le 7e arrondissement. Son adresse officielle est 5,
avenue Anatole-France.
Construite par Gustave Eiffel et ses collaborateurs pour
l’Exposition universelle de Paris de 1889, et initialement nommée
« tour de 300 mètres », ce monument est devenu le symbole de la
capitale française, et un site touristique de premier plan : il
s’agit du second site culturel français payant le plus visité en
2011, avec 7,1 millions de visiteurs dont 75 % d'étrangers en 2011,
la cathédrale Notre-Dame de Paris étant en tête des monuments à
l'accès libre avec 13,6 millions de visiteurs estimés mais il reste
le monument payant le plus visité au monde.
Depuis son ouverture au public, elle a accueilli plus de 300
millions de visiteurs.<br>
<strong>Tarif : entre 15€ et 20€</strong>
</p>
</div>
<div class="col-md-5">
<div class="sticker example-5"></div>
</div>
</div>
</div>
<div class="soldat2">
<img id="londres2" src="image/londres/soldat2.png" alt="soldat">
</div>
<div class="soldat">
<img id="londres" src="image/londres/soldat.png" alt="soldat">
</div>
<div class="temp">
<h6>Un point météo</h6>
<div class="illu">
<div id="soleil" class="icone"><img src="image/meteo/sun.png" alt=""/></div>
<div id="nuage" class="icone"><img src="image/meteo/cloud.png" alt=""/></div>
<div id="pluie" class="icone"><img src="image/meteo/rain.png" alt=""/></div>
<div id="ensolleille" class="icone"><img src="image/meteo/sunny.png" alt=""/></div>
<div id="neige" class="icone"><img src="image/meteo/snowy.png" alt=""/></div>
</div>
<p id="temperature"></p>
</div>
<footer>
<h3>Rester c'est exister mais voyager c'est vivre.</h3>
<p>Copyright Pauline, Manon & Laura 2019</p>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/sticker.min.js"></script>
<script type="text/javascript" src="js/paris.js"></script>
</body>
</html>