-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
308 lines (290 loc) · 17.5 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
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
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
<!DOCTYPE html>
<html lang="en">
<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="./assets/css/accueil.css">
<link rel="stylesheet" href="./assets/css/style.css">
<title>Accueil</title>
</head>
<body>
<div class="container">
<!-- Barre laterale -->
<aside>
<div class="scrolling">
<div class="vertical-line1"></div>
<div class="vertical-icon">
<div class="vertical-line2"></div>
<ul class="icons">
<li>
<a href="http://www.marvel-cineverse.fr/pages/mcu/encyclopedie/personnages/black-panther.html">
<img src="./assets/images/all/icon_facebook.png">
</a>
</li>
<li>
<a href="http://www.marvel-cineverse.fr/pages/mcu/encyclopedie/personnages/black-panther.html">
<img src="./assets/images/all/icon_instagram.png">
</a>
</li>
<li>
<a href="http://www.marvel-cineverse.fr/pages/mcu/encyclopedie/personnages/black-panther.html">
<img src="./assets/images/all/icon_twitter.png">
</a>
</li>
<li>
<a href="http://www.marvel-cineverse.fr/pages/mcu/encyclopedie/personnages/black-panther.html">
<img src="./assets/images/all/icon_tiktok.png">
</a>
</li>
</ul>
</div>
</div>
</aside>
<div>
<!-- Entête de la page -->
<header id="header">
<div class="style-header">
<div class="logo">
<a href="#header"><img class="logo-sayna" src="./assets/images/all/icon_SAYNA.png"></a>
<a href="#header"><img class="logo-x" src="./assets/images/all/icon_x.png"></a>
<a href="#header"><img class="logo-marvel" src="./assets/images/all/icon_MARVEL.png"></a>
</div>
<nav>
<ul>
<li> <a class="accueil" href="./index.html"> ACCUEIL </a></li>
<li> <a class="wakanda" href="./wakanda.html"> WAKANDA</a></li>
<li> <a class="enigme" href="./enigme.html"> ENIGME </a></li>
</ul>
</nav>
</div>
</header>
<!-- section presentation -->
<section>
<div class="presentation">
<div class="text-presentation">
<h1> BLACK PANTHER </h1>
<h2> WAKANDA FOREVER </h2>
<p class="description">
En plus d'être un film qui fait la part belle aux héroïnes, Black Panther rend
hommage aux cultures africaine et afro-américaine. On y évoque le
racisme, la colonisation et les violences contre les afro-américains.
Ce film marque tout une génération,“c’est 100% africain et c’est parfait”.
</p>
<a class="description" href="#"> Voir plus > </a>
</div>
<div class="image-presentation">
<img src="./assets/images/accueil/Pantherhome1..png">
</div>
</div>
</section>
</div>
</div>
<!-- Contenu principal-->
<main>
<!-- acteur et actrice-->
<section id="acteur">
<img src="./assets/images/accueil/Pantherhome2.png" id="killmonger">
<div class="textacteur">
<h2>KILLMONGER</h2>
<p>La sauvagerie de N'Jadaka alors qu'il servait dans une
unité d'opérations noires de l'armée américaine lui a
valu le surnom de Killmonger. D’origine Wakandaise,
et se sentant abandoné par sa nation, il cherche à
détroner T’Challa dans une quête vers le pourvoir.
<br><a href="#">Voir plus ></a>
</p>
</div>
<img src="./assets/images/accueil/Pantherhome3.png" class="img">
<div class="textacteur">
<h2>OKOYE</h2>
<p>Okoye est le général des Dora Milaje (groupe d’élite
de femmes guerrières) et le chef des forces armées et
des renseignements wakandais. Témoin du
couronnement de T'Challa, elle se joint à lui dans de
nombreuses aventures.
<br><a href="#">Voir plus ></a>
</p>
</div>
<div class="fillette">
<img src="./assets/images/accueil/Pantherhome4.png" class="img">
<div class="rond">
>
</div>
</div>
</section>
<!-- personnage principal -->
<section id="bio">
<div class="bio">
<div class="naissance">
<h2>
Naissance d’un prince
</h2>
<p class="histoire">
T'Challa est né au Wakanda, un pays isolationniste situé en Afrique, du monarque régnant T'Chaka et de sa femme
Ramonda. Il a finalement eu une sœur cadette nommée Shuri. S'entraînant toute sa vie pour prendre la place de son père
en tant que prochain Black Panther, T'Challa est devenu un homme avec un esprit très actif et malgré tous les efforts de
T'Chaka, une grande aversion pour la politique.
</p>
<p class="histoire">
T'Challa est poli, respectueux et très attentionné envers les gens qu'il côtoie et qu'il considère comme ses amis. Il est
démontré qu'il a un grand respect envers les autres, en particulier envers son père, T'Chaka. Il honore la tradition et les
principes du Wakanda et est prêt à agir chaque fois que cela est nécessaire. À la mort de son père, il était disposé et prêt à
prendre la place qui lui revenait en tant que roi du Wakanda. Bien qu'il ne semble pas privilégier les combats, il a très vite
tenté de venger la mort de son père. Combattant honorable, T'Challa respecte ses adversaires et est prêt à épargner la vie
de ses ennemis. Cela étant dit, il n'est pas opposé à tuer ses adversaires dans un combat et n'essaie pas toujours d'éviter les
mesures mortelles de les neutraliser.
</p>
<p class="citation">
« Toute ma vie, je l'ai regardé porter le costume. Il pouvait soulever un homme à une seule main et courir aussi vite
qu'un zèbre. Puis il m'a dit qu'il était trop vieux pour continuer à endosser le rôle de Black Panther; il me l'a alors
passé afin de simplement rester roi.
– Il me disait qu'il ne pouvait plus rentrer dans le costume. »
— T'Challa et Zuri
</p>
<h2>
un heros vengeur
</h2>
<p class="citation">
« La mort, dans notre culture, n'est pas la fin. Pour nous, c'est plutôt un point de départ. Le défunt n'a qu'à tendre les
bras; et Bast et Sekhmet le guident jusqu'à l'entrée de la grande vallée où il résidera à tout jamais.
– C'est une vision très pacifique.
– À l'image de mon père. Je ne suis pas mon père. »
— T'Challa et Natasha Romanoff
</p>
<p class="histoire">
Suite à la mort de son père dans l'attentat à la bombe orchestré par Helmut Zemo, terroriste souhaitant la chute des
Avengers, T'Challa avait entrepris de tuer le Soldat de l'hiver, qui était largement considéré (à tort) comme responsable de
l'attaque. Au cours de sa tentative de trouver le Soldat de l'hiver, Black Panther avait rejoint une guerre civile entre les
Avengers, où il s'était rangé du côté d'Iron Man. T’Challa est alors animé par son désir de vengeance de la mort de son père,
ce qu’il partage avec Iron Man, tous deux victimes de l’assassinat de leurs parents.
</p>
<p class="histoire">
Cependant, Black Panther apprend finalement en capturant Zemo, que c’était lui le seul responsable de la mort de son
père, et que le Soldat de l’hiver n’était alors qu’une arme entre les mains de Zemo. Se rendant compte de la supercherie
ainsi que de la voie sombre de la vengeance, T’Challa se promet de ne plus permettre aux désirs de vengeance de le
consumer à nouveau.
</p>
<p class="citation">
« Quelle est la meilleure façon de protéger le Wakanda ? Je dois devenir un grand roi baba, comme tu l'étais.
– Tu devras lutter. Pour ça, il te faudra t'entourer de personnes de confiance. Tu es un homme bon, avec un grand
coeur. C'est difficile pour un homme bon d'être roi. »
— T'Challa et T'Chaka
</p>
<h2>
un heros PROTECTEUR ET JUSTICIER
</h2>
<p class="citation">
« Tu as eu tort ! Vous avez tous eu tort ! Il ne fallait pas tourner le dos au reste du monde. Nous avons laissé la peur
d’être découverts nous empêcher de faire ce qui était juste. Non père, non je ne peux pas rester ici avec toi. Tant qu’il
sera sur le trône, je ne saurai trouver le repos. C’est un monstre et c’est nous qui l’avons créé. Il faut que je reprenne
le pouvoir, il le faut ! Il faut que je corrige ces injustices. »
— T'Challa à T'Chaka
</p>
<p class="histoire">
Il y a des siècles, alors que cinq tribus africaines se disputaient une météorite composée de vibranium métallique
extraterrestre, un chaman guerrier Bashenga, guidé par la déesse panthère Bast, ingère une herbe en forme de cœur
affectée par le métal et acquiert des capacités surhumaines. Devenu le premier"Black Panther", il unit toutes les tribus sauf
la tribu des Jabari, et forme la nation du Wakanda. Au fil du temps, les Wakandains utilisent le vibranium pour développer
une technologie de pointe tout en s'isolant du reste du monde et en sefaisant passer pour un pays du tiers monde.
</p>
<p class="histoire">
Après les événements qui se sont déroulés dans"Captain America : Civil War", T'Challa revient chezlui prendre sa place sur
le trône du Wakanda, une nation africaine technologiquement très avancée. Néanmoins, T’Challa se retrouve rapidement
mis au défi pour obtenir le trône. Une fois couronné il espère accomplir une tâche que son père n’aura pas pu mener à son
terme : capturerUlysseKlawun voleur qui a volé du vibranium. Cette traque l’amènera àfaire équipe avec l’agent de la CIA
Everett Ross et les membres de la Dora Milaje, les forces spéciales du Wakanda. Il découvira également un secret enfoui
sur sa famille qui lui fera prendre conscience de la nécessité de s’ouvrir au monde exterieur afin de ne pas répeter les
erreurs de son père
</p>
</div>
<div class="right">
<div class="biographie">
<div class="image-bio">
<img src="./assets/images/accueil/Pantherhome5.png">
</div>
<div class="nom">
T’Challa
</div>
<div class="appellation">
<div class="btn-appel">
<a href="#">Black Panther</a>
</div>
<div class="btn-appel">
<a href="#">Roi du Wakanda</a>
</div>
<div class="btn-appel">
<a href="#">En vie</a>
</div>
</div>
<div class="text-biographie">
<p>Acteur : <span> Chadwick Boseman </span></p>
<p>Apparition : <span> Captain America Civil War (2016) </span></p>
<p>Éspèce : <span> humain </span></p>
<p>Nationalité : <span> Wakandais </span></p>
<p>Sexe : <span> Homme </span></p>
<p>Décès : <span> 31 mai 2018</span> (victime du Snap ; ressuscité par Hulk
en 2023) <span>(2016)</span></p>
<p>Réalité : <span> Terre-199999 </span></p>
</div>
</div>
<div class="tenue">
<img src="./assets/images/accueil/Pantherhome6.png">
</div>
</div>
</div>
</section>
<!-- contact -->
<section>
<div class="contact">
<div class="form-contact">
<p>Besoin de l’intervention du Wakanda ?</p>
<p class="style-contact">Contactez nous !</p>
<input class="champ-remplir" type="text" placeholder="Nom">
<br><input type="email" placeholder="Email">
<br><textarea name="message" cols="30" rows="10" placeholder="Message"></textarea>
<br><button type="submit">ENVOYER</button>
</div>
</div>
</section>
</main>
<!-- Pied de page -->
<footer>
<div class="footer">
<div class="image-footer">
<img src="./assets/images/all/footer1.png">
<div class="marvel">
<img src="./assets/images/all/footer2.png">
</div>
</div>
<div class="right-footer">
<div class="suivre">
<div class="suivre-page">
<h4>PAGES</h4>
<div class="text-footer">
<p><a href="#acteur"> A propos </a></p>
<p><a href="./wakanda.html"> Wakanda </a></p>
</div>
</div>
<div class="suivre-social">
<h4>RETROUVEZ NOUS</h4>
<div class="social-symbole">
<a href="http://www.marvel-cineverse.fr/pages/mcu/encyclopedie/personnages/black-panther.html">
<img src="./assets/images/all/footer3.png"></a>
<a href="http://www.marvel-cineverse.fr/pages/mcu/encyclopedie/personnages/black-panther.html">
<img src="./assets/images/all/footer4.png"></a>
<a href="http://www.marvel-cineverse.fr/pages/mcu/encyclopedie/personnages/black-panther.html">
<img src="./assets/images/all/footer5.png"></a>
<a href="http://www.marvel-cineverse.fr/pages/mcu/encyclopedie/personnages/black-panther.html">
<img src="./assets/images/all/footer6.png"></a>
</div>
</div>
</div>
<div class="loi">
<p>2022 Tous droits réservés Politique de confidentialité Conditions d’utilisation</p>
</div>
</div>
</div>
</footer>
</body>
</html>