-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcadastro.html
210 lines (201 loc) · 17.6 KB
/
cadastro.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nexus</title>
<link rel="shortcut icon" href="./images/icones/logo.ico" type="image/x-icon">
<link rel="stylesheet" href="./style/main.css">
<link rel="stylesheet" href="style/cadastro.css">
</head>
<body>
<header>
<h1 class="logo"><a href="index.html">NEXUS</a></h1>
<nav id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="cursos.html">Cursos</a></li>
<li><a href="professores.html">Professores</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="login.html" class="icone loginIn"><span>Entrar</span><svg width="24" height="25"
viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M15 3.5H19C19.5304 3.5 20.0391 3.71071 20.4142 4.08579C20.7893 4.46086 21 4.96957 21 5.5V19.5C21 20.0304 20.7893 20.5391 20.4142 20.9142C20.0391 21.2893 19.5304 21.5 19 21.5H15"
stroke="#18181B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10 17.5L15 12.5L10 7.5" stroke="#18181B" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M15 12.5H3" stroke="#18181B" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</li>
</ul>
</nav>
<button onclick="menu()" id="sanduiche"><img class="icon" src="images/icones/menu/Icone_sanduiche.svg" alt=""></button>
<nav id="" class="menu-mobile">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="cursos.html">Cursos</a></li>
<li><a href="professores.html">Professores</a></li>
<li><a href="contato.html">Contato</a></li>
<li id="entrar"><a href="login.html" class="loginIn"><span>Entrar<svg width="24" height="25"
viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M15 3.5H19C19.5304 3.5 20.0391 3.71071 20.4142 4.08579C20.7893 4.46086 21 4.96957 21 5.5V19.5C21 20.0304 20.7893 20.5391 20.4142 20.9142C20.0391 21.2893 19.5304 21.5 19 21.5H15"
stroke="#18181B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M10 17.5L15 12.5L10 7.5" stroke="#18181B" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M15 12.5H3" stroke="#18181B" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"/>
</svg>
</span>
</a>
</li>
</ul>
</nav>
</header>
<main>
<section class="login" >
<img src="images/icones/logo.svg" alt="logo da nexus">
<p>Faça seu cadastro e comece a usar!</p>
<form action="login.html">
<label for="nome">Nome completo</label>
<div class="inputs">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5 15H7C5.93913 15 4.92172 15.4214 4.17157 16.1716C3.42143 16.9217 3 17.9391 3 19V21" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.378 16.626C21.7763 16.2276 22.0001 15.6874 22.0001 15.124C22.0001 14.5606 21.7763 14.0204 21.378 13.622C20.9796 13.2236 20.4393 12.9998 19.876 12.9998C19.3126 12.9998 18.7723 13.2236 18.374 13.622L14.364 17.634C14.1262 17.8716 13.9522 18.1653 13.858 18.488L13.021 21.358C12.9959 21.444 12.9944 21.5353 13.0166 21.6221C13.0389 21.7089 13.084 21.7882 13.1474 21.8515C13.2108 21.9149 13.2901 21.9601 13.3769 21.9824C13.4637 22.0046 13.5549 22.0031 13.641 21.978L16.511 21.141C16.8336 21.0468 17.1274 20.8727 17.365 20.635L21.378 16.626Z" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 11C12.2091 11 14 9.20914 14 7C14 4.79086 12.2091 3 10 3C7.79086 3 6 4.79086 6 7C6 9.20914 7.79086 11 10 11Z" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<input type="text" name="nomecompleto" id="nome" required placeholder="Digite seu nome aqui">
</div>
<label for="e-mail">Endereço de E-mail</label>
<div class="inputs">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 4.5H3C2.80109 4.5 2.61032 4.57902 2.46967 4.71967C2.32902 4.86032 2.25 5.05109 2.25 5.25V18C2.25 18.3978 2.40804 18.7794 2.68934 19.0607C2.97064 19.342 3.35218 19.5 3.75 19.5H20.25C20.6478 19.5 21.0294 19.342 21.3107 19.0607C21.592 18.7794 21.75 18.3978 21.75 18V5.25C21.75 5.05109 21.671 4.86032 21.5303 4.71967C21.3897 4.57902 21.1989 4.5 21 4.5ZM19.0716 6L12 12.4828L4.92844 6H19.0716ZM20.25 18H3.75V6.95531L11.4928 14.0531C11.6312 14.1801 11.8122 14.2506 12 14.2506C12.1878 14.2506 12.3688 14.1801 12.5072 14.0531L20.25 6.95531V18Z" fill="#7C7C8A"/>
</svg>
<input type="email" name="email" id="e-mail" required placeholder="seuemail@gmail.com">
</div>
<label for="senha">Definir senha</label>
<div class="inputs">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.5 7.5H16.5V5.25C16.5 4.05653 16.0259 2.91193 15.182 2.06802C14.3381 1.22411 13.1935 0.75 12 0.75C10.8065 0.75 9.66193 1.22411 8.81802 2.06802C7.97411 2.91193 7.5 4.05653 7.5 5.25V7.5H4.5C4.10218 7.5 3.72064 7.65804 3.43934 7.93934C3.15804 8.22064 3 8.60218 3 9V19.5C3 19.8978 3.15804 20.2794 3.43934 20.5607C3.72064 20.842 4.10218 21 4.5 21H19.5C19.8978 21 20.2794 20.842 20.5607 20.5607C20.842 20.2794 21 19.8978 21 19.5V9C21 8.60218 20.842 8.22064 20.5607 7.93934C20.2794 7.65804 19.8978 7.5 19.5 7.5ZM9 5.25C9 4.45435 9.31607 3.69129 9.87868 3.12868C10.4413 2.56607 11.2044 2.25 12 2.25C12.7956 2.25 13.5587 2.56607 14.1213 3.12868C14.6839 3.69129 15 4.45435 15 5.25V7.5H9V5.25ZM19.5 19.5H4.5V9H19.5V19.5ZM13.125 14.25C13.125 14.4725 13.059 14.69 12.9354 14.875C12.8118 15.06 12.6361 15.2042 12.4305 15.2894C12.225 15.3745 11.9988 15.3968 11.7805 15.3534C11.5623 15.31 11.3618 15.2028 11.2045 15.0455C11.0472 14.8882 10.94 14.6877 10.8966 14.4695C10.8532 14.2512 10.8755 14.025 10.9606 13.8195C11.0458 13.6139 11.19 13.4382 11.375 13.3146C11.56 13.191 11.7775 13.125 12 13.125C12.2984 13.125 12.5845 13.2435 12.7955 13.4545C13.0065 13.6655 13.125 13.9516 13.125 14.25Z" fill="#7C7C8A"/>
</svg>
<input type="password" name="senha" id="senha" required placeholder="•••••••••">
</div>
<div class="container">
<div>
<label for="nascimento">Data de Nascimento</label>
<div class="inputs">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 2V6" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 2V6" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3 10H21" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<input type="date" name="nascimento" id="nascimento" required placeholder="seuemail@gmail.com">
</div>
</div>
<div>
<label for="genero">Gênero</label>
<div class="inputs">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 13C20 18 16.5 20.5 12.34 21.95C12.1222 22.0238 11.8855 22.0203 11.67 21.94C7.5 20.5 4 18 4 13V6.00001C4 5.73479 4.10536 5.48044 4.29289 5.2929C4.48043 5.10536 4.73478 5.00001 5 5.00001C7 5.00001 9.5 3.80001 11.24 2.28001C11.4519 2.09901 11.7214 1.99956 12 1.99956C12.2786 1.99956 12.5481 2.09901 12.76 2.28001C14.51 3.81001 17 5.00001 19 5.00001C19.2652 5.00001 19.5196 5.10536 19.7071 5.2929C19.8946 5.48044 20 5.73479 20 6.00001V13Z" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.1001 9C9.34008 8.33863 9.80487 7.78264 10.4132 7.42923C11.0216 7.07582 11.7348 6.94746 12.4282 7.0666C13.1216 7.18574 13.7511 7.5448 14.2066 8.08101C14.6621 8.61722 14.9146 9.29646 14.9201 10C14.9201 12 11.9201 13 11.9201 13" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 17H12.01" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<select name="select" id="genero">
<option value="masculino">Masculino</option>
<option value="feminino">Feminino</option>
<option value="nome">Prefiro não dizer</option>
</select>
</div>
</div>
<div>
<label for="celular">Celular</label>
<div class="inputs">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.9999 16.92V19.92C22.0011 20.1985 21.944 20.4742 21.8324 20.7294C21.7209 20.9845 21.5572 21.2136 21.352 21.4019C21.1468 21.5901 20.9045 21.7335 20.6407 21.8227C20.3769 21.9119 20.0973 21.9451 19.8199 21.92C16.7428 21.5856 13.7869 20.5342 11.1899 18.85C8.77376 17.3147 6.72527 15.2662 5.18993 12.85C3.49991 10.2412 2.44818 7.271 2.11993 4.18001C2.09494 3.90347 2.12781 3.62477 2.21643 3.36163C2.30506 3.09849 2.4475 2.85669 2.6347 2.65163C2.82189 2.44656 3.04974 2.28271 3.30372 2.17053C3.55771 2.05834 3.83227 2.00027 4.10993 2.00001H7.10993C7.59524 1.99523 8.06572 2.16708 8.43369 2.48354C8.80166 2.79999 9.04201 3.23945 9.10993 3.72001C9.23656 4.68007 9.47138 5.62273 9.80993 6.53001C9.94448 6.88793 9.9736 7.27692 9.89384 7.65089C9.81408 8.02485 9.6288 8.36812 9.35993 8.64001L8.08993 9.91001C9.51349 12.4136 11.5864 14.4865 14.0899 15.91L15.3599 14.64C15.6318 14.3711 15.9751 14.1859 16.3491 14.1061C16.723 14.0263 17.112 14.0555 17.4699 14.19C18.3772 14.5286 19.3199 14.7634 20.2799 14.89C20.7657 14.9585 21.2093 15.2032 21.5265 15.5775C21.8436 15.9518 22.0121 16.4296 21.9999 16.92Z" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<input type="tel" name="celular" id="celular" required placeholder="(DD) 90000-0000">
</div>
</div>
<div>
<label for="profissao">Profissão</label>
<div class="inputs">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 12H12.01" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 6V4C16 3.46957 15.7893 2.96086 15.4142 2.58579C15.0391 2.21071 14.5304 2 14 2H10C9.46957 2 8.96086 2.21071 8.58579 2.58579C8.21071 2.96086 8 3.46957 8 4V6" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22 13C19.0328 14.959 15.5555 16.0033 12 16.0033C8.44445 16.0033 4.96721 14.959 2 13" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 6H4C2.89543 6 2 6.89543 2 8V18C2 19.1046 2.89543 20 4 20H20C21.1046 20 22 19.1046 22 18V8C22 6.89543 21.1046 6 20 6Z" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<input type="text" name="profissao" id="profissao" required placeholder="Profissão">
</div>
</div>
</div>
<input type="submit" value="Cadastrar">
</form>
</section>
</main>
<footer>
<div id="container_footer">
<section class="social">
<h1 class="logo"><a href="">NEXUS</a></h1>
<ul>
<li>
<a href="#" class="media">
<svg width="32" height="32" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.2395 10.0208H14.7603C12.1427 10.0208 10.0208 12.1427 10.0208 14.7603V24.2395C10.0208 26.8571 12.1427 28.9791 14.7603 28.9791H24.2395C26.8571 28.9791 28.9791 26.8571 28.9791 24.2395V14.7603C28.9791 12.1427 26.8571 10.0208 24.2395 10.0208Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M23.2916 18.9027C23.4086 19.6916 23.2738 20.4973 22.9065 21.2052C22.5392 21.9131 21.958 22.4872 21.2456 22.8458C20.5333 23.2043 19.726 23.3291 18.9386 23.2024C18.1512 23.0757 17.4238 22.704 16.8598 22.14C16.2959 21.5761 15.9241 20.8487 15.7974 20.0613C15.6707 19.2739 15.7955 18.4666 16.1541 17.7542C16.5126 17.0418 17.0867 16.4607 17.7946 16.0933C18.5025 15.726 19.3082 15.5913 20.0971 15.7083C20.9018 15.8276 21.6468 16.2026 22.2221 16.7778C22.7973 17.353 23.1723 18.098 23.2916 18.9027Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.7136 14.2864H24.7237" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="19.5" cy="19.5" r="19" stroke="white" stroke-opacity="0.43"/>
</svg>
</a>
</li>
<li>
<a href="#" class="media">
<svg width="32" height="32" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19.5" cy="19.5" r="19" stroke="white" stroke-opacity="0.43"/>
<path d="M25 10H22C20.6739 10 19.4021 10.5268 18.4645 11.4645C17.5268 12.4021 17 13.6739 17 15V18H14V22H17V30H21V22H24L25 18H21V15C21 14.7348 21.1054 14.4804 21.2929 14.2929C21.4804 14.1054 21.7348 14 22 14H25V10Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
<li>
<a href="#" class="media">
<svg width="32" height="32" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="19.5" cy="19.5" r="19" stroke="white" stroke-opacity="0.43"/>
<path d="M26.1125 9.07812H29.6401L21.9351 17.9073L31 29.9219H23.9031L18.3443 22.6338L11.9833 29.9219H8.45425L16.6954 20.4775L8 9.07812H15.2781L20.3021 15.7381L26.1125 9.07812ZM24.8762 27.8059H26.8313L14.2143 11.0834H12.1184L24.8762 27.8059Z" fill="white"/>
</svg>
</a>
</li>
</ul>
</section>
<section>
<h4>Links úteis</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="cursos.html">Cursos</a></li>
<li><a href="professores.html">Professores</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</section>
<section>
<h4>Outros links</h4>
<ul>
<li><a href="#">Política de Privacidade</a></li>
<li><a href="#">Termos de Serviço</a></li>
<li><a href="#">Suporte</a></li>
</ul>
</section>
<section>
<h4>Desenvolvedores</h4>
<ul>
<li><a href="https://www.linkedin.com/in/mariolz/" target="_blank">Mario Luiz Silva Guimarães</a>
</li>
<li><a href="#" target="_blank">Asaph Arruda</a></li>
</ul>
<p>© 2024 Nexus • Todos os direitos reservados</p>
</section>
</div>
</footer>
<script src="script/menuMobile.js"></script>
</body>
</html>