-
Notifications
You must be signed in to change notification settings - Fork 0
/
detail_saisons_2.html
287 lines (287 loc) · 14.5 KB
/
detail_saisons_2.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
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html>
<head>
<title>Détail de la saison 2</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<ul>
<li class="deroule">
<img src="img/menu.png" alt="menu">
<ul class="sous">
<li><a href="index.html">Présentation de la série</a></li>
<li><a href="pres_saisons.html">Présentations des saisons</a></li>
<li><a href="detail_saisons_1.html">Detail saisons</a></li>
<li><a href="avis_critique.html">Avis et Critiques</a></li>
<li><a href="backstage.html">Info backstage</a></li>
</ul>
</li>
</ul>
</nav>
<a href="index.html">
<img title="logo" src="img/logo.png" alt="logo" >
</a>
<div class="div1header">
<h1 class="h1blanc">TABAS'KHO</h1>
<ul class="ulheader">
<li><a class="pheader" href="index.html">Présentation de la série</a></li>
<li><a class="pheader" href="pres_saisons.html">Présentations des saisons</a></li>
<li><a class="pheader actuel" href="detail_saisons_2.html">Detail saisons</a></li>
<li><a class="pheader" href="avis_critique.html">Avis et Critiques</a></li>
<li><a class="pheader" href="backstage.html">Info backstage</a></li>
</ul>
</div>
<div class="div2header">
<img width="90px" height="86px" title="connexion" src="img/connexion.png" alt="connexion">
<a class="pheader" href="">Connexion</a>
</div>
</header>
<main class="detailsaison">
<div class="changement_saison">
<a href="detail_saisons_1.html">Saison précédante</a>
<a href="detail_saisons_3.html">Saison suivante</a>
</div>
<h1 class="h1bleue">Saison 2</h1>
<section>
<p>
Réalisateur : Charlie Brooker <br>
16+ HD
</p>
</section>
<article id="resume">
<h2 class="h2bleue">Résumé</h2>
<p>
Les histoires tordues se succèdent dans cette série
d'anthologie hallucinante qui révèle les plus grandes
innovations de l'humanité, mais aussi ses côtés les plus
sombres.
</p>
<h3>Épisode 1 - Bientôt de retour</h3>
<p>
Ash et Martha s'installent à la campagne, dans la
maison où Ash a passé son enfance. Hélas, le lendemain,
le jeune homme se tue sur la route. Aux funérailles,
Martha apprend l'existence d'un service qui se sert
de l'historique Internet des défunts pour simuler
des conversations entre morts et vivants. Le soir
même, la jeune femme reçoit un message électronique
d'Ash... Martha s'habitue alors à vivre avec cette
personnalité virtuelle animée par les nombreuses
traces numériques qu'Ash a laissées sa vie durant.
</p>
<h3>Épisode 2 - La Chasse</h3>
<p>
Une jeune femme presque totalement amnésique se
réveille dans une chambre lugubre. Pour comprendre ce
qui l'a menée là, elle explore d'abord la maison où
elle se trouve, puis finit par sortir. Elle découvre
un quartier froid et désolé : les habitants qu'elle
aperçoit l'épient à l'aide de leurs smartphones,
ignorent ses appels à l'aide, et s'enfuient quand
elle se rapproche d'eux ; soudain un homme cagoulé
descend d'une voiture, prend un fusil de chasse et
commence à tirer sur elle...
</p>
<h3>Épisode 3 - Le Show de Waldo</h3>
<p>
Jamie Salter est un comédien de seconde zone qui
prête sa voix à Waldo, un ours bleu en img de
synthèse. Après l'entrevue corsée d'un politicien du
Parti conservateur qui pensait participer à une
émission pour enfants, Waldo acquiert une popularité
surprenante. De plus en plus impliqué dans la vie
politique, Waldo en vient à se présenter aux
élections locales ; mais Jamie ne se satisfait pas du
succès de son personnage.
</p>
<h3>Épisode 4 - Blanc comme neige</h3>
<p>
Dans une cabane perdue dans les bois le jour de Noël,
deux hommes se racontent leur passé ; tous deux ayant
des secrets qu'ils avouent l'un à l'autre.
</p>
</article>
<section id="acteur">
<h2 class="h2bleue">Acteurs</h2>
<div>
<section>
<div>
<img src="img/bing.webp" alt="tmp">
<p>
Nom : Bingham Madsen <br>
Personnage : Bing
</p>
</div>
<div>
<img src="img/abi_khan.webp" alt="tmp">
<p>
Nom : Jessica Brown Findlay <br>
Personnage : Abi Khan
</p>
</div>
<div>
<img src="img/judge_hope.webp" alt="tmp">
<p>
Nom : Rupert Everett <br>
Personnage : Judge Hope
</p>
</div>
<div>
<img src="img/judge_charity.webp" alt="tmp">
<p>
Nom : Julia Davis <br>
Personnage : Judge Charity
</p>
</div>
<div>
<img src="img/judge_wraith.webp" alt="tmp">
<p>
Nom : Ashley Thomas <br>
Personnage : Judge Wraith
</p>
</div>
<div>
<img src="img/paul_popplewell.jpg" alt="tmp">
<p>
Nom : Paul Popplewell <br>
Personnage : Dustin
</p>
</div>
</section>
</div>
</section>
<h2 class="h2bleue">Bande Annonce</h2>
<video controls type="video/mp4" src="video/Bande annonce.mp4" class="trailer" poster="img/black-mirror-1.jpg">
<p>
Le navigateur ne supporte pas la balise video
</p>
</video>
<section id="extraits">
<h2 class="h2bleue">Extaits</h2>
<div>
<section>
<img src="img/s2e1.jpg" alt="tmp">
<img src="img/s2e2.jpg" alt="tmp">
<img src="img/s2e3.jpg" alt="tmp">
<img src="img/s2e4.jpg" alt="tmp">
</section>
</div>
</section>
<section id="photos">
<h2 class="h2bleue">Photos</h2>
<div>
<section>
<img src="img/photo1.jpg" alt="tmp">
<img src="img/photo2.jpg" alt="tmp">
<img src="img/photo3.jpg" alt="tmp">
<img src="img/photo4.jpg" alt="tmp">
<img src="img/photo5.jpg" alt="tmp">
<img src="img/photo6.jpg" alt="tmp">
</section>
</div>
</section>
<section id="episodes">
<h2 class="h2bleue">Épisodes</h2>
<div>
<section>
<div>
<img src="img/s2e1.jpg" alt="Bande Annonce">
<h3>Épisode 1 - Bientôt de retour</h3>
<div>
<p>
Ash et Martha s'installent à la campagne, dans la
maison où Ash a passé son enfance. Hélas, le lendemain,
le jeune homme se tue sur la route. Aux funérailles,
Martha apprend l'existence d'un service qui se sert
de l'historique Internet des défunts pour simuler
des conversations entre morts et vivants. Le soir
même, la jeune femme reçoit un message électronique
d'Ash... Martha s'habitue alors à vivre avec cette
personnalité virtuelle animée par les nombreuses
traces numériques qu'Ash a laissées sa vie durant.
</p>
</div>
</div>
<div>
<img src="img/s2e2.jpg" alt="Bande Annonce">
<h3>Épisode 2 - La Chasse</h3>
<div>
<p>
Une jeune femme presque totalement amnésique se
réveille dans une chambre lugubre. Pour comprendre ce
qui l'a menée là, elle explore d'abord la maison où
elle se trouve, puis finit par sortir. Elle découvre
un quartier froid et désolé : les habitants qu'elle
aperçoit l'épient à l'aide de leurs smartphones,
ignorent ses appels à l'aide, et s'enfuient quand
elle se rapproche d'eux ; soudain un homme cagoulé
descend d'une voiture, prend un fusil de chasse et
commence à tirer sur elle...
</p>
</div>
</div>
<div>
<img src="img/s2e3.jpg" alt="Bande Annonce">
<h3>Épisode 3 - Le Show de Waldo</h3>
<div>
<p>
Jamie Salter est un comédien de seconde zone qui
prête sa voix à Waldo, un ours bleu en img de
synthèse. Après l'entrevue corsée d'un politicien du
Parti conservateur qui pensait participer à une
émission pour enfants, Waldo acquiert une popularité
surprenante. De plus en plus impliqué dans la vie
politique, Waldo en vient à se présenter aux
élections locales ; mais Jamie ne se satisfait pas du
succès de son personnage.
</p>
</div>
</div>
<div>
<img src="img/s2e4.jpg" alt="Bande Annonce">
<h3>Épisode 4 - Blanc comme neige</h3>
<div>
<p>
Dans une cabane perdue dans les bois le jour de Noël,
deux hommes se racontent leur passé ; tous deux ayant
des secrets qu'ils avouent l'un à l'autre.
</p>
</div>
</div>
</section>
</div>
</section>
<div class="changement_saison changement_saison_bas">
<a href="detail_saisons_1.html">Saison précédante</a>
<a href="detail_saisons_3.html">Saison suivante</a>
</div>
</main>
</body>
<footer>
<div class="image-centre">
<img src="img/logo.png" alt="Logo tabas'KHO" width="191px" height="191px">
</div>
<div>
<p>Site web réalisé par l’équipe A11 <br>Nous contacter :</p>
<p></p>
<table>
<tr>
<th>Liam</th>
<th>Piel</th>
<th>Matthieu</th>
<th>Kylian</th>
<th>Thibault</th>
</tr>
<tr>
<th><a href="mailto:[email protected]"> <img src="img/email-svgrepo-com.png" width="45px" height="45px"> </a ></th>
<th><a href="mailto:[email protected]"> <img src="img/email-svgrepo-com.png" width="45px" height="45px"> </a ></th>
<th><a href="mailto:[email protected]"> <img src="img/email-svgrepo-com.png" width="45px" height="45px"> </a ></th>
<th><a href="mailto:[email protected]"> <img src="img/email-svgrepo-com.png" width="45px" height="45px"> </a ></th>
<th><a href="mailto:[email protected]"> <img src="img/email-svgrepo-com.png" width="45px" height="45px"> </a ></th>
</tr>
</table>
</div>
</footer>
</html>