-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
132 lines (132 loc) · 6.36 KB
/
index.html
File metadata and controls
132 lines (132 loc) · 6.36 KB
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
<!DOCTYPE html>
<html lang="pt-br">
<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="./style/reset.css">
<link rel="stylesheet" href="./style/style.css">
<link rel="icon" type="image/x-icon" href="./img/icon/favicon.ico">
<title>CodeChella - Página Inicial</title>
</head>
<body>
<header class="cabecalho">
<a href="#"><img class="cabecalho__imagem" src="./img/Logo1-1.svg" alt="Logo do CodeChella"></a>
<input title="Menu de páginas" type="checkbox" id="menu" class="cabecalho__botao">
<label for="menu">
<span class="cabecalho__menu"><img src="./img/menu.svg" alt="ícone do menu"></span>
</label>
<ul class="menu__lista">
<li class="menu__lista__item"><a href="./pages/AExperiencia.html" class="menu__lista__link">A experiência</a></li>
<li class="menu__lista__item"><a href="./pages/MapaSetores.html" class="menu__lista__link">Mapa de Setores</a></li>
<li class="menu__lista__item"><a href="./pages/Informacoes.html" class="menu__lista__link">Informações</a></li>
<li class="menu__lista__item"><a href="./pages/CompraIngressos.html" class="menu__lista__link">Ingressos</a></li>
</ul>
</header>
<main class="principal">
<section class="banner banner--home">
<h1 class="banner__titulo">Boas-vindas ao #CodeChella2023!</h1>
</section>
<section class="datas">
<img src="./img/tablets/Homepage1.svg" alt="Show da banda System of a DOM" class="datas__imagem--tablet">
<img src="./img/Homepage1.svg" alt="Show da banda System of a DOM" class="datas__imagem">
<div class="datas__conteudo">
<h2 class="datas__titulo">< 11 e 12 de Março ><br> Aluródromo de São Paulo</h2>
<p class="datas__texto">Hora de programar nossa memória com novas lembranças! Uma nova experiência sobre música, linguagens e, claro, tecnologia! Somos um festival diverso, com vários artistas e referências. Divirta-se!</p>
<a class="datas__link" href="./pages/CompraIngressos.html"><span class="datas__botao">Comprar Ingresso!</span></a>
</div>
</section>
<section class="lineup">
<h2 class="lineup__titulo">/Line-Up/</h2>
<div class="lineup__container">
<h3 class="lineup__subtitulo">SÁBADO <11/03></11></h3>
<ul class="lineup__lista">
<li class="lineup__item item1">
<p>System of a DOM</p>
</li>
<li class="lineup__item item2">
<p>Python Maiden</p>
<p>Apollo Client 2001</p>
</li>
<li class="lineup__item item2">
<p>Bon Java</p>
<p>NickCallback</p>
</li>
<li class="lineup__item item3">
<p>Linkin Promises</p>
<p>Fullstack Fighters</p>
</li>
<li class="lineup__item item3">
<p>Papa React</p>
<p>Angular in Chains</p>
</li>
<li class="lineup__item item4">
<p>Agnostic Front-end</p>
<p>SlipkNode</p>
</li>
<li class="lineup__item item4">
<p>Pink Flutter</p>
<p>Kiss</p>
</li>
</ul>
</div>
<div class="lineup__container">
<h3 class="lineup__subtitulo">DOMINGO <12/03></12></h3>
<ul class="lineup__lista">
<li class="lineup__item item1">
<p>Lana Del Ploy</p>
</li>
<li class="lineup__item item2">
<p>Dua Lib</p>
<p>The Backnd</p>
<p>CSS Styles</p>
</li>
<li class="lineup__item item2">
<p>ArrayAna Grande</p>
<p>DJ Query</p>
</li>
<li class="lineup__item item3">
<p>Miley Cypress</p>
<p>The Bootstrap Boys</p>
</li>
<li class="lineup__item item3">
<p>Json Derulo</p>
<p>CloudPlay</p>
<p>Dev Lovato</p>
</li>
<li class="lineup__item item4" id="lineup__lista--last">
<p>Kylie MiLOG</p>
<p>Jenkins Brothers</p>
<p>Rubycat Dolls</p>
</li>
</ul>
</div>
<img class="lineup__imagem--tablet" src="./img/tablets/guitarra.svg" alt="Pessoa tocando guitarra">
<img class="lineup__imagem" src="./img/Frame 1.svg" alt="Pessoa tocando guitarra">
</section>
</main>
<footer class="rodape">
<div class="rodape__container">
<img class="rodape__titulo" src="../img/Logo1-1.svg" alt="Logo do CodeChella">
<div class="rodape__conteudo">
<p class="rodape__texto">Acesse nossas redes:</p>
<ul class="rodape__lista">
<li class="rodape__lista__item">
<a href=""><img src="../img/whatsapp.svg" alt="Logo do Whatsapp"></a>
</li>
<li class="rodape__lista__item">
<a href=""><img src="../img/twitch.svg" alt="logo da twitch"></a>
</li>
<li class="rodape__lista__item">
<a href=""><img src="../img/instagram.svg" alt="Logo do Instagram"></a>
</li>
<li class="rodape__lista__item">
<a href=""><img src="../img/twitter.svg" alt="Logo do Twitter"></a>
</li>
</ul>
</div>
</div>
<p class="rodape__texto">Desenvolvido por Alura.<br> Projeto fictício sem fins comerciais.</p>
</footer>
</body>
</html>