-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLondres.html
203 lines (184 loc) · 10.1 KB
/
Londres.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> LONDRES </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"/>
</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"> LONDRES </span>
<h3> Londres, la capitale de l'Angleterre et du Royaume-Uni, est une ville moderne dont l'histoire remonte à l'époque romaine. </h3>
</article>
</div>
<!-- Titre -->
<div class="rome-titre">
<h2> Top 5 des meilleurs lieux à visiter </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 palais de Buckingham </h4>
<hr width="75%" align="left">
<p>
Le palais de Buckingham est la résidence officielle des souverains britanniques. Situé à Londres, le palais est à la fois le lieu où se produisent les événements en relation avec la famille royale, le lieu d'accueil de beaucoup de chefs d'État en visite, et une attraction touristique importante. C’est le point de convergence du peuple britannique lors des moments de joie, de crise et de peine. Le palais de Buckingham, ou tout simplement « le Palais », désigne la source des déclarations de presse émanant de bureaux royaux. Construit pour John Sheffield, duc de Buckingham et Normanby, en 1703, c'est le lieu de résidence de la monarchie britannique. Il est agrandi au cours du xixe siècle par John Nash pour le roi George IV.
</p>
</div>
<div class="col-md-5">
<div class="sticker example-6"></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-7"></div>
</div>
<div class="col-md-7">
<h4X> Big Ben </h4>
<hr width="75%" align="left">
<p>
Construite en 1858 à côté du nouveau Palais de Westminster, la tour horloge est un imposant édifice de 106 mètres de haut, de style gothique qui comporte quatre immenses horloges sur chacune de ses faces.
Les horloges de la Tour Big Ben ont été mises en marche en mai 1859. Elles mesurent 7 mètres de diamètre et sont placées sur chacune des faces de la tour. Big Ben est aujourd'hui le symbole de la nation et ses coups de cloches sont retransmis chaque jour sur l'antenne de la radio de la BBC.
Il s'agit de l'une des horloges les plus fiables qui existent aujourd'hui, puisqu'elle est capable de supporter les intempéries météorologiques telles que la neige ou le vent. Même les bombardements allemands durant la Seconde Guerre Mondiale n'ont pas réussi à perturber la ponctualité de cette horloge.
</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> London Eye </h4>
<hr width="75%" align="left">
<p>
Le London Eye se trouve à 135 mètres de hauteur, comporte 32 capsules climatisées, grandes et étanches ; chaque capsule représente un des arrondissements de Londres et peut embarquer jusqu'à vingt-cinq personnes - la rotation complète dure environs 30 minutes.
Une des grandes caractéristiques du London Eye est son mouvement constant ; habituellement, la roue du London Eye ne s'arrête pas pour prendre les passagers, elle tourne suffisamment lentement pour que l'on puisse y monter à bord, alors même qu'elle est en mouvement : la vitesse de rotation est assez lente pour permettre aux passagers d'entrer et de sortir des capsules sans danger.
Cependant, la roue sera quand même arrêtée pour permettre aux personnes à mobilité réduite ou âgées de monter et de descendre en toute sécurité.
</p>
</div>
<div class="col-md-5">
<div class="sticker example-8"></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-9"></div>
</div>
<div class="col-md-7">
<h4> Tower Bridge </h4>
<hr width="75%" align="left">
<p>
Le Tower Bridge est reconnaissable de très loin, avec ses deux grandes tours aux allures de château fort. Sa passerelle du bas bascule pour laisser passer les grands navires. Les levées du pont sont devenues un véritable spectacle, visible 900 fois par an (par jour, les horaires sont très variables).
Il pourra être prolongé par la visite des anciennes machineries du pont. Il s'agit d'un système hydraulique qui était en service jusqu'en 1976. Aujourd'hui, il est présenté dans un musée, à l'intérieur des tours. Le système moderne est également visible.
La passerelle du haut est piétonne. Une promenade vous permettra d'avoir une vue d'ensemble de Londres et son fleuve, la Tamise.
</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> Gherkin</h4>
<hr width="75%" align="left">
<p>
Le Gherkin est un gratte-ciel dans le quartier financier de Londres. C'est l'une des tours les plus reconnaissables de la ville en raison de sa curieuse apparence et de son importance dans l'économie de Londres. Cette structure de 180 m de haut utilise deux fois moins d'énergie que la plupart des édifices de cette taille. La majeure partie de la tour est occupée par des bureaux et des résidences.
Vous aurez une belle vue sur le Gherkin depuis les rives de la Tamise. C'est l'un des symboles de la ville. Puisque la majeure partie de la tour est occupée par des bureaux et des résidences, elle n'est pas toujours ouverte au public. Le sommet de la tour accueille un restaurant et un bar qui offrent une vue imprenable à 360 degrés de la ville.
</p>
</div>
<div class="col-md-5">
<div class="sticker example-10"></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/londres.js"></script>
<!-- <script type="text/javascript" src="js/rome.js"></script> -->
</body>
</html>