-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
93 lines (90 loc) · 11.3 KB
/
index.html
File metadata and controls
93 lines (90 loc) · 11.3 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
<!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">
<title>Formadores em Ação</title>
<link rel="icon" type="image/png"
href="data:image/jpeg;base64,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" />
<link rel="stylesheet" href="reset.css">
<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=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="cabeçalho">
<div class="container">
<input type="checkbox" id="menu" class="container__botao">
<label for="menu">
<span class="cabeçalho__menu-hamburguer container__imagem"></span>
</label>
<ul class="lista-menu">
<li class="lista-menu__titulo">Categorias</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">História</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Cursos Disponíveis</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Professor</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Alunos</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Contato</a>
</li>
</ul>
<img src="img/Formadores.png" alt="Logotipo do Site" class="container_imagem">
<h1 class="container__titulo">Trilha <b class="container__titulo--negrito">Programação I</b></h1>
</div>
<ul class="opções">
<input type="checkbox" id="opções-menu" class="opções__botão">
<label for="opções-menu">
<li class="opções__item">Categorias</li>
</label>
<ul class="lista-menu">
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">História</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Cursos Disponíveis</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Professor</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Alunos</a>
</li>
<li class="lista-menu__item">
<a href="#" class="lista-menu__link">Contato</a>
</li>
</ul>
<li class="opções__item">
<a href="#" class="opções__link">Meus Favoritos</a>
</li>
</ul>
<div class="container">
<a href="#" class="container__link"><img src="img/Grupo.jpg" alt="Meu Grupo" class="container__imagem">
<p class="container__texto"> Meu Grupo </p>
</a>
<a href="#"> <img src="img/Favoritos.svg" alt="Meus Favoritos"
class="container__imagem container__imagem-transparente"></a>
<a href="#" class="container__link"> <img src="img/Usuario.svg" alt="Meu Perfil" class="container__imagem">
<p class="container__texto"> Meu Perfil </p>
</a>
</div>
</header>
<section class="banner">
<h2 class="banner__titulo">Já sabe o que procura?</h2>
<p class="banner__text">
Digite em nossa busca e lhe ajudaremos!
</p>
<input type="search" class="banner__pesquisa" placeholder="Digite aqui a sua dúvida">
</section>
</body>
</html>