-
Notifications
You must be signed in to change notification settings - Fork 0
/
teladecadastro.html
136 lines (121 loc) · 4.56 KB
/
teladecadastro.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
<!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">
<title>Tela de Cadastro Jogador</title>
<script src="https://kit.fontawesome.com/c8490647d8.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container container_header">
<a href=""><img class="logo_header" src="imagens/logo.svg"></img></a>
<nav id="links" class="links_header">
<a href="#inicio" onclick="BotaoDoMenu()" >Início</a>
<a href="#horarios" onclick="BotaoDoMenu()">Horários</a>
<a href="#campeonato" onclick="BotaoDoMenu()">Campeonato</a>
<a href="#resultados" onclick="BotaoDoMenu()">Resultados</a>
<a href="#noticias" onclick="BotaoDoMenu()">Notícias</a>
</nav>
<a class="btn_menu" href="javascript:void(0)" onclick="BotaoDoMenu()">
<i class="fas fa-bars"></i>
</a>
</div>
</header>
<div class="banner_cadastro container">
<h1>Cadastro de Jogador</h1>
</div>
<section class="tela_cadastro">
<div class="caixa_cadastro">
<div class="botoes_cadastro">
<div class="todos_preencher">
<div class="preencher_cadastro_nomejogador">
<span>Nome do Jogador</span>
<input type="text">
</div>
<div class="preencher_cadastro">
<span>Email</span>
<input type="text">
</div>
<div class="preencher_cadastro">
<span>Senha</span>
<input type="password">
</div>
<div class="preencher_cadastro_equipe">
<span>Equipe</span>
<input type="text">
</div>
</div>
<div>
<button class="botao_cadastrar">Cadastrar</button>
</div>
</div>
</div>
<div class="lista_de_jogadores container">
<h2>Lista de Jogadores</h2>
<table>
<tr class="linha1">
<th>Nome do Jogador</th>
<th>Equipe</th>
</tr>
<tr class="linha2">
<td>Thiago</td>
<td>SENAI Cytechs</td>
</tr>
<tr class="linha3">
<td>Odirlei</td>
<td>SENAI Cytechs</td>
</tr>
</table>
</div>
</section>
<footer>
<div class="box">
<div class="links_footer">
<div class="links_uteis">
<h6>Links Úteis</h6>
<a href="#">Regras de utilização</a>
<a href="#">Suporte</a>
<a href="#">Central de Ajuda</a>
<a href="#">Contato</a>
</div>
<div class="paginas">
<h6>Páginas</h6>
<a href="#">Inicio</a>
<a href="#">Campeonato</a>
<a href="#">Resultados</a>
<a href="#">Notícias</a>
<a href="#">Login/Cadastro</a>
</div>
</div>
<div class="logo_footer">
<img src="imagens/logo.svg" alt="logo site">
</div>
<div class="redes_sociais">
<input type="text" placeholder="Digite seu email">
<button>Cadastrar</button>
<div class="redes">
<span>Siga-nos em:</span>
<a href=""><img src="imagens/instagram.png" alt="instagram"></a>
<a href=""><img src="imagens/facebook.png" alt="facebook"></a>
<a href=""><img src="imagens/youtube.png" alt="youtube"></a>
</div>
</div>
</div>
</footer>
<script>
function BotaoDoMenu() {
var menu = document.getElementById("links")
if (menu.style.display === "flex") {
// esconda o menu
menu.style.display = "none"
}else {
// mostre o menu
menu.style.display = "flex"
}
}
</script>
</body>
</html>