-
Notifications
You must be signed in to change notification settings - Fork 0
/
legends.html
426 lines (421 loc) · 17.9 KB
/
legends.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
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Apex Legends - General</title>
<link rel="stylesheet" href="style.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<div class="container-fluid" >
<main id="content">
<div class="row">
<div class="col-12">
<nav id="skip">
<h2 class="visually-hidden">Jump to content</h2>
<a href="#pathfinder" class="visually-hidden-focusable">Jump to content</a>
</nav>
</div>
<div class="col-12">
<h1 class="text-center my-3">Apex Legends </h1>
<nav >
<ul class="nav" >
<li class="nav-item"><a class="nav-link" href="index.html" style="color:yellow">General</a></li>
<li class="nav-item"><a class="nav-link active" href="legends.html" style="color:black">Legends</a></li>
<li class="nav-item"><a class="nav-link" href="form.html" style="color:yellow">Form</a></li>
</ul>
</nav>
<button id="toggle" type="button" onclick="toggleTheme()">Change Theme</button>
</div>
</div>
<div class="row">
</div>
<div id="introduction">
<article>
<div class="container">
<div class="row ">
<div style="text-align:justify; text-justify:inter-word;" class="col-xs-4">
<h2 class="mt-5 mb-4">Legends of Pre-season</h2>
<p ><cite>
Hm... Son, you think you've got what it takes? They call us Apex Legends. But not all Legends are heroes. Each fight for their own reasons.
From the ashes of war, Legends are born. They are icons of strength, power. Outside the ring, they're champions. Inside, they're equals.
But the goal remains the same, become an Apex Legend. I say it's a sport of survival. You ask me? It's simple, eh. They kill you, they're better.
You kill them, you're better.
</cite></p>
<p class="text-end">— Kuben Blisk throughout the opening cinematic</p>
<figure class="mt-5">
<a href="media/legends.jpg"><img src="media/legends.jpg" alt="Picture of Legends" class="mx-auto d-block img-fluid" width="600" height="400" ></a>
<figcaption style=text-align:center;>Picture of Legends (Not all of them)</figcaption>
</figure>
</div>
</div>
</div>
</article>
</div>
<div style="text-align:justify; text-justify:inter-word;" class="col-xs-4 container">
<div class="row mt-5">
<p>
Legends are playable characters in Apex Legends. Each Legend is a unique character with their own backstory,
abilities, and playstyle. Legends are categorized into classes: <b><i> Offensive, Defensive, Support</i></b>, and <b><i>Recon</i></b>.
These classes can have perks that apply for all Legends of that class.
Each Legend has different <b><i>Passive, Tactical</i></b>, and <b><i>Ultimate</i></b> abilities which the player
can use to make the chances of winning higher, but all the abilities have a cooldown for some time.
</p>
<p>
Apex currently has 20 Legends to choose from, each equipped with a unique set of strengths and abilities.
Each new season is intended to bring with it the release of a new playable character, usually new weapons
and purchasable cosmetic items.
</p>
</div>
</div>
<article>
<div class="container">
<div class="row">
<h2 id="pathfinder" class="mt-5 mb-4 text-center">Pathfinder</h2>
<div>
<p class="text-center">
MRVN "Pathfinder" is a Recon-Type legend in Apex Legends. This legend is one of the Starting
6 launched with the game and is unlocked by default.
</p>
<figure class="mt-5">
<img src="media/Pathfinder_apex.png" alt="Picture of Pathfinder" class="mx-auto d-block img-fluid img-thumbnail" width="400" height="300" >
<figcaption style=text-align:center;>Picture of Pathfinder</figcaption>
</figure>
<div style="overflow-x:auto;">
<aside>
<table class="legendstable">
<tr class="legendata">
<th scope="row"> </th>
<th class="legendata">Passive </th>
<th class="legendata">Tactical</th>
<th class="legendata">Ultimate </th>
</tr>
<tr class="legendata">
<th scope="row">Ability name</th>
<td class="legendata">Insider Knowledge</td>
<td class="legendata">Grappling Hook</td>
<td class="legendata">Zipline Gun</td>
</tr>
<tr class="legendata">
<th scope="row">Ability description</th>
<td class="legendata">Scan a Survey Beacon to reveal ring location of next zone
and to reduce the cooldown of Zipline Gun.</td>
<td class="legendata">Pathfinder shoots grapple to get to out-of-reach places quickly.
The hook will attach the first solid object and can be attach to
another player.</td>
<td class="legendata">Pathfinder creates a zipline for everyone to use.</td>
</tr>
<tr class="legendata">
<th scope="row">Ability cooldown</th>
<td class="legendata">None</td>
<td class="legendata">10-30 seconds</td>
<td class="legendata">90 seconds</td>
</tr>
</table>
</aside>
</div>
</div>
</div>
</div>
</article>
<article>
<div class="container">
<div class="row">
<h2 id="wraith" class="mt-5 mb-4 text-center">Wraith</h2>
<div>
<p class="text-center">
"Wraith" is an Offensive-Type legend in Apex Legends.
This legend is one of the Starting 6 launched with the game and is unlocked by default.
</p>
<figure class="mt-5">
<img src="media/Wraith_apex.png" alt="Picture of Wraith" class="mx-auto d-block img-fluid img-thumbnail" width="400" height="300" >
<figcaption style=text-align:center;>Picture of Wraith</figcaption>
</figure>
<div style="overflow-x:auto;">
<aside>
<table class="legendstable">
<tr class="legendata">
<th scope="row"> </th>
<th class="legendata">Passive </th>
<th class="legendata">Tactical </th>
<th class="legendata">Ultimate </th>
</tr>
<tr class="legendata">
<th scope="row">Ability name</th>
<td class="legendata">Voices from the Void</td>
<td class="legendata">Into the Void</td>
<td class="legendata">Dimensional Rift</td>
</tr>
<tr class="legendata">
<th scope="row">Ability description</th>
<td class="legendata">Wraith can heard voices which warns you when danger approaches.
The warn triggers when an enemy is Aiming on Wraith, or
encounters any nearby Traps.</td>
<td class="legendata">Wraith reposition quickly through the safety of the void space,
grants invulnerability and invincibility while leaving bright trails
in the path. While the skill is activating, the screen will turn grey
and Wraith cannot see other players during the skill.</td>
<td class="legendata">Wraith links two locations with portals for 60 seconds,
allowing everyone to traverse between in a quick succession.
Wraith cannot use weapons or ziplines but is able to activate
Into The Void while creating the portal's path.</td>
</tr>
<tr class="legendata">
<th scope="row">Ability cooldown</th>
<td class="legendata">None</td>
<td class="legendata">25 seconds</td>
<td class="legendata">210 seconds</td>
</tr>
</table>
</aside>
</div>
</div>
</div>
</div>
</article>
<article>
<div class="container">
<div class="row">
<h2 id="bangalore" class="mt-5 mb-4 text-center">Bangalore</h2>
<div>
<p class="text-center">
Anita "Bangalore" Williams is an Offensive-Type legend in Apex Legends.
This legend is one of the Starting 6 launched with the game and is unlocked by default.
</p>
<figure class="mt-5">
<img src="media/Bangalore.png" alt="Picture of Bangalore" class="mx-auto d-block img-fluid img-thumbnail" width="400" height="300" >
<figcaption style=text-align:center;>Picture of Bangalore</figcaption>
</figure>
<div style="overflow-x:auto;">
<aside>
<table class="legendstable">
<tr class="legendata">
<th scope="row"> </th>
<th class="legendata">Passive </th>
<th class="legendata">Tactical </th>
<th class="legendata">Ultimate </th>
</tr>
<tr class="legendata">
<th scope="row">Ability name</th>
<td class="legendata">Double Time</td>
<td class="legendata">Smoke Launcher</td>
<td class="legendata">Rolling Thunder</td>
</tr>
<tr class="legendata">
<th scope="row">Ability description</th>
<td class="legendata">Activated upon getting shot while sprinting,
Bangalore will move 25% faster for a brief time.</td>
<td class="legendata">Bangalore fires a high-velocity smoke canister that explodes
into a smoke wall on impact. The launcher has maximum of two charges,
The smoke canister will dealt small damage to the enemy on direct contact.</td>
<td class="legendata">Bangalore calls in an artillery strike that slowly creeps across the landscape.
The artillery can hit both allies and enemies.</td>
</tr>
<tr class="legendata">
<th scope="row">Ability cooldown</th>
<td class="legendata">None</td>
<td class="legendata">33 seconds</td>
<td class="legendata">180 seconds</td>
</tr>
</table>
</aside>
</div>
</div>
</div>
</div>
</article>
<article>
<div class="container">
<div class="row">
<h2 id="bloodhound" class="mt-5 mb-4 text-center">Bloodhound</h2>
<div>
<p class="text-center">
"Bloodhound" is a Recon-Type legend in Apex Legends. This legend is one of the
Starting 6 launched with the game and is unlocked by default.
</p>
<figure class="mt-5">
<img src="media/Bloodhound.png" alt="Picture of Bloodhound" class="mx-auto d-block img-fluid img-thumbnail" width="400" height="300" >
<figcaption style=text-align:center;>Picture of Bloodhound</figcaption>
</figure>
<div style="overflow-x:auto;">
<aside>
<table class="legendstable">
<tr class="legendata">
<th scope="row"> </th>
<th class="legendata">Passive </th>
<th class="legendata">Tactical </th>
<th class="legendata">Ultimate</th>
</tr>
<tr class="legendata">
<th scope="row">Ability name</th>
<td class="legendata">Tracker</td>
<td class="legendata">Eye of the Allfather</td>
<td class="legendata">Beast of the Hunt</td>
</tr>
<tr class="legendata">
<th scope="row">Ability description</th>
<td class="legendata">Bloodhound can see tracks left behind by enemies.</td>
<td class="legendata">Bloodhound briefly gain static hidden enemy visions,
traps, and clues throughout structures in front of you.
The highlighted vision can be seen by every allies,
Visual effect generated from the skill also can be
seen by everyone.</td>
<td class="legendata">Enhances his senses, allows Bloodhound to move 30% faster
and highlighting enemies movement & tracks in red by real-time.
While active, Bloodhound can see through areas covered by Bangalore's
Smoke Launcher</td>
</tr>
<tr class="legendata">
<th scope="row">Ability cooldown</th>
<td class="legendata">None</td>
<td class="legendata">25 seconds</td>
<td class="legendata">180 seconds</td>
</tr>
</table>
</aside>
</div>
</div>
</div>
</div>
</article>
<article>
<div class="container">
<div class="row">
<h2 id="gibraltar" class="mt-5 mb-4 text-center">Gibraltar</h2>
<div>
<p class="text-center">
Makoa "Gibraltar" Gibraltar is a Defensive-Type legend in Apex Legends.
</p>
<figure class="mt-5">
<img src="media/Gibraltar_apex.png" alt="Picture of Gibraltar" class="mx-auto d-block img-fluid img-thumbnail" width="400" height="300" >
<figcaption style=text-align:center;>Picture of Gibraltar</figcaption>
</figure>
<div style="overflow-x:auto;">
<aside>
<table class="legendstable">
<tr class="legendata">
<th scope="row"> </th>
<th class="legendata">Passive </th>
<th class="legendata">Tactical </th>
<th class="legendata">Ultimate </th>
</tr>
<tr class="legendata">
<th scope="row">Ability name</th>
<td class="legendata">Gun Shield & Fortified</td>
<td class="legendata">Dome of Protection</td>
<td class="legendata">Defensive Bombardment</td>
</tr>
<tr class="legendata">
<th scope="row">Ability description</th>
<td class="legendata">Gibraltar aiming down sights deploys a gun shield that blocks incoming fire.</td>
<td class="legendata">Gibraltar throw down a dome-shield that blocks attacks for 12 seconds.
The dome will prevent any incoming damage while also prevents outgoing damage
from players shooting from inside the dome. Gibraltar also revives allies 33%
faster while inside the dome.</td>
<td class="legendata">Gibraltar calls in a concentrated mortar strike on a marked position.
Exploded as soon the strike hits ground, affected players will recieve Shellshock
concussions.</td>
</tr>
<tr>
<th scope="row">Ability cooldown</th>
<td class="legendata">9 seconds</td>
<td class="legendata">30 seconds</td>
<td class="legendata">270 seconds</td>
</tr>
</table>
</aside>
</div>
</div>
</div>
</div>
</article>
<article>
<div class="container">
<div class="row">
<h2 id="lifeline" class="mt-5 mb-4 text-center">Lifeline</h2>
<div>
<p class="text-center">
Ajay "Lifeline" Che is a Support-Type legend in Apex Legends.
</p>
<figure class="mt-5">
<img src="media/Lifeline_apex.png" alt="Picture of Lifeline" class="mx-auto d-block img-fluid img-thumbnail" width="400" height="300" >
<figcaption style=text-align:center;>Picture of Lifeline</figcaption>
</figure>
<div style="overflow-x:auto;">
<aside>
<table class="legendstable">
<tr class="legendata">
<th scope="row"> </th>
<th class="legendata">Passive </th>
<th class="legendata">Tactical</th>
<th class="legendata">Ultimate </th>
</tr>
<tr class="legendata">
<th scope="row">Ability name</th>
<td class="legendata">Combat Medic</td>
<td class="legendata">D.O.C. Heal Drone</td>
<td class="legendata">Care Package</td>
</tr>
<tr class="legendata">
<th scope="row">Ability description</th>
<td class="legendata">Deploy D.O.C to revive teammates, leaving you to free to move and defend.</td>
<td class="legendata">Lifeline calls a Drone of Compassion to automatically heal
all nearby teammates over time.</td>
<td class="legendata">Calls in a drop pod full of high-quality defensive gear.</td>
</tr>
<tr class="legendata">
<th scope="row">Ability cooldown</th>
<td class="legendata">None</td>
<td class="legendata">45 seconds</td>
<td class="legendata">300 seconds</td>
</tr>
</table>
</aside>
</div>
</div>
</div>
</div>
</article>
<div class="container">
<div class="mysource">
<h4 class="mt-5">Sources</h4>
<div class="links">
<a href="https://www.ea.com/games/apex-legends/about/characters" target="_blank">EA.com</a><br>
<a href="https://apexlegends.fandom.com/wiki/Legend" target="_blank">apexlegends.fandom.com</a><br>
<a href="https://liquipedia.net/apexlegends/Legends" target="_blank">liquipedia.net</a><br>
<a href="https://gamerant.com/apex-legends-character-story/" target="_blank">gamerant.com</a><br>
</div>
</div>
</div>
</main>
<footer class="text-center mt-3">
<div class="row">
<div class="col-12">
<address>
<p class="ftext"><b>Author: Munkhtenger Munkh-Aldar </b>( <a class="ftext" href="mailto:munkhtenger.aldar@gmail.com)">munkhtenger.aldar@gmail.com </a>)<br>
<b>1091 Budapest, Ulloi ut. 95</b></p>
</address>
</div>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>
<!-- <ul class="sourcess">
<li>
<a href="https://www.ea.com/games/apex-legends/about/characters" target="_blank">EA.com</a>
</li>
<li>
<a href="https://apexlegends.fandom.com/wiki/Legend" target="_blank">apexlegends.fandom.com</a>
</li>
<li>
<a href="https://liquipedia.net/apexlegends/Legends" target="_blank">liquipedia.net</a>
</li>
<li>
<a href="https://gamerant.com/apex-legends-character-story/" target="_blank">gamerant.com</a>
</li>
</ul> -->