CursoHTML-CSS/fale-conosco.html at main · Derziane/CursoHTML-CSS · 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
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
<!DOCTYPE HTML>
<html lang="pt-br">
	<head>
		<meta charset="utf-8">
		<title>Fale Conosco - Pet Shop Cão Feliz</title>
		<link rel="stylesheet" type="text/css" href="style.css">
		<link rel="stylesheet" type="text/css" href="reset.css">
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
	</head>
	<body>

		<header>

			<div class="box">
				<h1>
					<img width="150px" src="imagens/logo-pet-shop.png" alt="Logo do Pet Shop">
				</h1>

				<nav>
					<ul>
						<li>
							<a href="index.html">Home</a>
						</li>
						<li>
							<a href="servicos.html">Serviços</a>
						</li>
						<li>
							<a href="fale.conosco.html">Fale conosco</a>
						</li>
					</ul>
				</nav>
			</div>

		</header>

		<main>

			<form>

				<label for="name">Nome: </label>
				<input type="text" id="name" class="input-text"required>

				<label for="mail">E-mail: </label>
				<input type="email" id="mail" class="input-text"required>

				<label for="cell">Celular: </label>
				<input type="tel" id="cell" class="input-text"required>

				<label for="message">Mensagem: </label>
				<textarea cols="70" rows="10" id="message" class="input-text"required></textarea>

				<fieldset>
					<legend>Como podemos entrar em contato?</legend>

					<label for="radio-whatsapp">
						<input type="radio" name="contact" id="radio-whatsapp" value="Whatsapp" checked>Whatsapp
					</label>

					<label for="radio-celular">
						<input type="radio" name="contact" id="radio-celular" value="Celular">Celular
					</label>

					<label for="radio-email">
						<input type="radio" name="contact" id="radio-email" value="E-mail">E-mail
					</label>

				</fieldset>

				<label class="checkbox">
					<input type="checkbox" id="news" checked> Quero receber e-mails promocionais
				</label>

				<input type="submit" value="Enviar!" class="enviar">

			</form>

			<table class="horario">
				 <tr>
					 <th class="borda">Dia</th>
					 <th class="borda">Horário</th>
 				</tr>
 				<tr>
					 <td class="borda">Segunda à sexta</td>
					 <td class="borda">6h ~ 20h</td>
 				</tr>
 				<tr>
					 <td class="borda">Sábado</td>
					 <td class="borda">10h ~ 18h</td>
				 </tr>
				 <tr>
					 <td class="borda">Domingos</td>
					 <td class="borda">12h ~ 18h</td>
				 </tr>
			</table>

		</main>

		<footer>

			<img width="100px" src="imagens/logo-pet-shop.png" alt="Logo do Pet Shop">

			<p>&copy Copyright 2022</p>

		</footer>

	</body>
</html>