-
Notifications
You must be signed in to change notification settings - Fork 0
/
characters.html
95 lines (85 loc) · 4.05 KB
/
characters.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
<!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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,300;1,100;1,200&family=Montserrat:ital,wght@0,100;0,200;0,400;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./styles.css">
<link rel="icon" href="./img/a.png" type="iimage/x-icon">
<title>Arcane</title>
</head>
<body>
<header class="header">
<a href="/">
<img class="header-logo" src="./img/a.png" alr="Logo"/>
</a>
<ul class="header-nav">
<li>
<a class="header-nav-item" href="/">Serie</a>
</li>
<li>
<a class="header-nav-item" href="./characters.html">Personajes</a>
</li>
</ul>
</header>
<main>
<section class="section">
<div>
<div class="section-vi-img">
<div class="bkg">
<h3 class="character-title_vi">
VI
</h3>
<p class="character-description_vi">Una luchadora con el pelo rosa que tuvo una infancia difícil pero sigue teniendo muy buen corazón. Eso sí, sus métodos son un tanto atrevidos. En Arcane, repasaremos el pasado de Vi y veremos cómo pasa de ser una mezquina criminal de Zaun a protectora de la paz en Piltover.</p>
</div>
</div>
</div>
<div class="section-jinx-img">
<div class="bkg">
<h3 class="character-title_jinx">
JINX (Powder)
</h3>
<p class="character-description_jinx">La hermana de Vi es un tanto complicada. Con una mente a otro nivel y una insensatez implacable, la inteligencia y el pasado traumático de Jinx la convierten en una villana estupenda.</p>
<img class="character-jinx" src="./img/jinx.png" alt="jinx logo">
</div>
</div>
<div class="section-cai-img">
<div class="bkg">
<h3 class="character-title_cai">
CAITLYN
</h3>
<p class="character-description_cai">Caitlyn es tenaz y decidida, además de la oveja negra de su familia, e intenta constantemente huir de los tentáculos de su influencia. Adora a su familia, pero reniega del privilegio de nacer en un hogar adinerado, ya que considera la riqueza una prisión.</p>
</div>
</div>
<div class="section-ekko-img">
<div class="bkg">
<h3 class="character-title_ekko">
EKKO
</h3>
<p class="character-description_ekko">Caitlyn es tenaz y decidida, además de la oveja negra de su familia, e intenta constantemente huir de los tentáculos de su influencia. Adora a su familia, pero reniega del privilegio de nacer en un hogar adinerado, ya que considera la riqueza una prisión.</p>
</div>
</div>
<div class="section-jayce-img">
<div class="bkg">
<h3 class="character-title_jayce">
JAYCE
</h3>
<p class="character-description_jayce">Conocido como el Defensor del mañana de Piltover, Jayce es un inventor que se ha convertido en un líder político. Fue una pieza fundamental en la invención de la tecnología hextech, una forma científica de dominar la energía arcana.</p>
</div>
</div>
</div>
<div class="section-vik-img">
<div class="bkg">
<h3 class="character-title_vik">
VIKTOR
</h3>
<p class="character-description_vik">Nacido en Zaun, la gran mente de Viktor lo ayudó a llegar hasta Piltover. Se convirtió en el compañero de Jayce durante el desarrollo de la hextech, pero la enfermedad de Viktor le lleva a explorar los límites de lo que puede hacer esta nueva tecnología.
</div>
</div>
</section>
</main>
</body>
</html>