-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontato.html
183 lines (176 loc) · 14 KB
/
contato.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
<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/contato.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="forms" >
<form action="index.html">
<div id="dadosUser">
<img src="images/icones/logo.svg" alt="logo da nexus">
<p>Fale conosco!</p>
<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>
<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>
<div id="mensagem">
<label for="titulo">Título</label>
<div class="inputs">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 14.6212H16" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 16.6212V13.1212C16 12.4581 16.2634 11.8222 16.7322 11.3534C17.2011 10.8845 17.837 10.6212 18.5 10.6212C19.163 10.6212 19.7989 10.8845 20.2678 11.3534C20.7366 11.8222 21 12.4581 21 13.1212V16.6212" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.5 13.6212H10.5" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3 16.6212L7.5 7.62115L12 16.6212" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<textarea name="titulo" id="titulo" rows="1" cols="50" required placeholder="Título da Mensagem"></textarea>
</div>
<label for="texto">Texto</label>
<div class="input_texto">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 6.10001H3" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21 12.1H3" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.1 18H3" stroke="#7C7C8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<textarea name="texto" id="texto" rows="1" required placeholder="Digite sua Mensagem "></textarea>
</div>
<input type="submit" value="Enviar">
</div>
</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>