-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (127 loc) · 5.32 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
<!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=Actor&family=Darker+Grotesque:wght@300;400;500;600;700;800;900&family=Iceland&display=swap"
rel="stylesheet" />
<link rel="stylesheet" href="./assets/styles/global.css" />
<link rel="stylesheet" href="./assets/styles/style.css" />
<title>Maratona Kenzie</title>
</head>
<body>
<!-- TELA 01 -->
<div class="home">
<div class="container">
<header class="flex">
<figure>
<img src="./assets/images/KenzieAcademyWHorizontal 1.png" />
</figure>
<nav>
<ul>
<li>
<a href="#">HOME</a>
</li>
<li>
<a href="#">EPISODES</a>
</li>
<li>
<a href="#">STORY</a>
</li>
<li>
<a href="#">GALLERY</a>
</li>
</ul>
</nav>
</header>
<main>
<h1>THE LAST OF US</h1>
<p>
When you are lost in the dark, look for the light, belive in the
fireflies.
</p>
<div>
<button class="active">MORE INFO</button>
<button class="inactive">WATCH TEASER</button>
</div>
<section class="flex-column">
<h3>INSIDE</h3>
<ul class="flex">
<li class="survival flex-middle">SURVIVAL</li>
<li class="relationship flex-middle">RELATIONSHIP</li>
<li class="adventure flex-middle">ADVENTURE</li>
</ul>
</section>
</main>
</div>
</div>
<!-- TELA 02 -->
<section class="episodes">
<div class="container flex">
<div class="episode-texts">
<h2>EPISODES</h2>
<section class="posts">
<p>
An American post-apocalyptic drama television series created by
Craig Mazin and Neil Druckmann for HBO. Twenty years into a pandemic
caused by a mass fungal infection, which forces its hosts to
transform into zombie-like creatures and collapses society.
</p>
<p>
The series follows Joel (Pedro Pascal), a smuggler tasked with
escorting the teenage Ellie (Bella Ramsey) across a post-apocalyptic
United States. Guest stars include Nico Parker as Joel's daughter
Sarah, Gabriel Luna as Joel's younger brother Tommy, Merle Dandridge
as resistance leader Marlene, and Anna Torv as Joel's smuggler
partner Tess.
</p>
<p>
The Last of Us was filmed throughout Alberta from July 2021 to June
2022. It is the first HBO series based on a video game, and is a
joint production by Sony Pictures Television, PlayStation
Productions, Naughty Dog, the Mighty Mint, and Word Games.
</p>
</section>
</div>
<ol class="episodes-list">
<!-- <li class="card">
<img src="./assets/images/episodes/The_Last_of_Us_-_When_You're_Lost_in_the_Darkness 3.png" ,
alt="Imagem referente ao episodio 1">
<div class="card-text">
<h4>"When You're Lost in the Darkness"</h4>
<p>
In 2003, a mass fungal infection of mutated Cordyceps sparks a
global pandemic. Joel flees with his daughter, Sarah, and
brother, Tommy, from their Texas home; Sarah is killed by a
soldier.
</p>
</div>
</li> -->
</ol>
</div>
</div>
</div>
</section>
<!-- TELA 03 -->
<footer>
<div class="container flex">
<figure>
<img src="./assets/images/KenzieAcademyWVertical 1.png" />
</figure>
<section class="flex-column">
<h2>PROGRAME O SEU FUTURO AQUI.</h2>
<h3>SIGA NOSSAS REDES SOCIAIS</h3>
<div class="footer-icons">
<img src="./assets/images/icons/icons8-instagram-90 1.png" />
<img src="./assets/images/icons/LinkedIn.png" />
</div>
</section>
</div>
</footer>
<script src="./script/script.js"></script>
</body>
</html>