-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontato.html
130 lines (109 loc) · 5.8 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lobster+Two:wght@700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="shortcut-icon" href="">
<link rel="stylesheet" href="estilo.css">
<title>Mochilistas</title>
</head>
<script>
function trocaicone (icon) {
document.getElementById("icone").src=icon;
}
</script>
<body>
<input type="checkbox" id="check">
<label for="check"><img src="imagens/icone.png" id="icone" height=40px></label>
<div class="barra">
<nav class="menul">
<h4>Menu Principal</h4>
<ul>
<li><a href="index.html"><div class="link">Home</div></a></li>
<li><a href="cadastro.html"><div class="link">Cadastro</div></a></li>
<li><a href="listas.html"><div class="link">Listas de Material</div></a></li>
<li><a href="transf.html"><div class="link">Transferências</div></a></li>
<li><a href="transp.html"><div class="link">Transporte Escolar</div></a></li>
<li><a href="reforco.html"><div class="link">Aulas de Reforço</div></a></li>
<li><a href="merenda.html"><div class="link">Delivery de Merenda</div></a></li>
</li>
</ul>
</nav>
</div>
<div id="topo"></div> <!-- Ancoragem do "volta ao topo" -->
<div class="fundo-menu">
<img class="logo" src="imagens/logo-mochilistas-bco-lar.png" alt="logo mochilistas">
</div>
<div>
<h2 class="local"><a href="index.html" target="_self">Home</a> > CONTATO</h2><br>
</div>
<section id="secao">
<br>
<h1 class="lista">Contato</h1>
<form action="cadastro.html" method="post" autocomplete="on">
<fieldset>
<table class="formulario">
<td>
<label for="nome">Nome : </label>
<input type="text" id="fname" name="nome" size="50" required autofocus><br><br>
<label for="email">E-mail: </label>
<input type="email" name="email" required size="50"><br><br>
<label for="cidade">Cidade: </label>
<input type="text" name="cidade" size="50"><br><br>
<label for="estado">Estado:</label>
<select name="estado" id="viesport"><br>
<option value="Acre">Acre</option>
<option value="Alagoas">Alagoas</option>
<option value="Amapá">Amapá</option>
<option value="Amazonas">Amazonas</option>
<option value="Bahia">Bahia</option>
<option value="Ceará">Ceará</option>
<option value="Distrito Federal">Distrito Federal</option>
<option value="Espírito Santo">Espírito Santo</option>
<option value="Goiás">Goiás</option>
<option value="Maranhão">Maranhão</option>
<option value="Mato Grosso">Mato Grosso</option>
<option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
<option value="Minas Gerais">Minas Gerais</option>
<option value="Paraíba">Paraíba</option>
<option value="Pará">Pará</option>
<option value="Paraná">Paraná</option>
<option value="Pernambuco">Pernambuco</option>
<option value="Piauí">Piauí</option>
<option value="Rio de Janeiro">Rio de Janeiro</option>
<option value="Rio Grande do Sul">Rio Grande do Sul</option>
<option value="Rio Grande do Norte">Rio Grande do Norte</option>
<option value="Rondônia">Rondônia</option>
<option value="Roraima">Roraima</option>
<option value="São Paulo">São Paulo</option>
<option value="Santa Catarina">Santa Catarina</option>
<option value="Sergipe">Sergipe</option>
<option value="Tocantins">Tocantins</option>
</select>
<br><br>
<textarea name="mensagem" id="" cols="48" placeholder="Escreva aqui a sua mensagem" rows="3" ></textarea>
<br>
</table>
<table class="enviar">
<td>
<input type="submit" value=" Enviar " name="btn-envio" class="enviar">
</td>
</table>
</fieldset>
<br><br>
</form>
</section>
<footer>
<div class="rodape">
<img src="imagens/logo-mochilistas-az-bco.png" class="rodape">
<h3>Curso Programador Web/SENAC 2021 [Equipe 2] * Todos os direitos reservados</h3>
<h2><a href="contato.html">Fale conosco </a></h2>
<h2><a href="https://fb.com" target="_blank"><img src="imagens/facebook.jpg"></a> <a href="https://instagram.com" target="_blank"><img src="imagens/Instagram.PNG"></a></h2>
</div>
</footer>
</body>
</html>