Assessment-HTML/contato.html at master · marisoarsan/Assessment-HTML · GitHub

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
<!DOCTYPE html>
<html lang="pt-br">
<head>
	<meta charset="utf-8">
	<title> GK Fashion</title>
	<link rel="stylesheet" type="text/css" href="estilo.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
	<div id="container">
		<header>
			<h1>
				<a href="index.html"><img src="img/logo_GK.png" alt="GKFashion"></a>
			</h1>
			<nav class="menu-principal">
				<ul>
					<li><a href="#">Sua Conta</a></li>
					<li><a href="#">Lista de Desejos</a></li>
					<li><a href="cartao_fidelidade.html">Cartão Fidelidade</a></li>
					<li><a href="sobre.html">Sobre</a></li>
					<li><a href="contato.html">Contato</a></li>
				</ul>
		</header>
		<main class="contato">
			<section id="contato">
				<h2>Entre em contato conosco!</h2>
				<form>
					<label>Nome:</label><br>
					<input placeholder="Nome" type="text" name="name"><br>
					<label>Email:</label><br>
					<input placeholder="email@email.com" pattern="(@)" required="" type="email" name="email"><br>
					<label>Motivo:</label><br>
					<select>
						<option value="sugestao">Sugestão</option>
						<option value="critica">Crítica</option>
						<option value="elogio">Elogio</option>
						<option value="outros">Outros</option>
					</select><br>
					<label>Comentários:</label><br>
					<textarea rows="10" cols="60">

					</textarea><br>
					<button type="button">Enviar</button>
				</form>
			</section>
		</main>
	</div>
	<footer>
		<div class="caixa-footer">
				<img id="logo-rodape" src="img/logo_rodape.png" alt="logo-rodape" title="Logo Rodapé">
				<p> &copy; Copyright GK Fashion </p>
				<ul class="social">
					<li> <a href="http://www.facebook.com/gkfashion"> Facebook </a> </li>
					<li> <a href="http://www.twitter.com/gkfashion"> Twitter </a> </li>
					<li> <a href="http://plus.google.com/gkfashion"> Google+ </a> </li>
				</ul>
			</div>
	</footer>
</body>
</html>