-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontato.html
49 lines (47 loc) · 2.83 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
<!DOCTYPE html>
<html lang="pt-BR"> <!-- Definição do idioma do documento -->
<head>
<meta charset="UTF-8"> <!-- Declaração do conjunto de caracteres UTF-8 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Configuração da viewport para dispositivos móveis -->
<link rel="stylesheet" href="contato.css"/> <!-- Inclusão do arquivo de estilos CSS externo -->
<title>Contato Ferrari</title> <!-- Título da página -->
<link rel="icon" type="image/x-icon" href="https://w7.pngwing.com/pngs/1016/221/png-transparent-ferrari-458-car-sticker-decal-ferrari-logo-ferrari-logo-logo-fictional-character-signage.png">
<!-- Ícone exibido na aba do navegador -->
</head>
<body>
<!-- Cabeçalho da página -->
<header>
<h1>Contato Ferrari</h1> <!-- Título principal -->
<!-- Barra de navegação -->
<nav>
<ul>
<li><a href="pricipal.html">Sobre</a></li> <!-- Link para a página "Sobre" -->
<li><a href="modelos.html">Modelos</a></li> <!-- Link para a página "Modelos" -->
<li><a href="historia.html">História</a></li> <!-- Link para a página "História" -->
<li><a href="contato.html">Contato</a></li> <!-- Link para a página "Contato" (página atual) -->
<li><a href="https://www.ferrari.com/">Site Oficial</a></li> <!-- Link externo para o site oficial da Ferrari -->
<li><a href="final.html">Checkbox sobre o site da Ferrari</a></li> <!-- Link para a página "Checkbox sobre o site da Ferrari" -->
<li><a href="index.html">SAIR</a></li>
</ul>
</nav>
</header>
<!-- Seção do formulário de contato -->
<section id="formulario">
<h2>Formulário de Contato</h2> <!-- Título da seção -->
<!-- Formulário para envio de mensagem -->
<form action="#" method="post"> <!-- Ação de envio para o próprio documento (não especificada) com o método POST -->
<label for="nome">Nome:</label> <!-- Campo para inserção do nome -->
<input type="text" id="nome" name="nome" required> <!-- Campo de texto obrigatório -->
<label for="email">Email:</label> <!-- Campo para inserção do email -->
<input type="email" id="email" name="email" required> <!-- Campo de email obrigatório -->
<label for="mensagem">Mensagem:</label> <!-- Campo para inserção da mensagem -->
<textarea id="mensagem" name="mensagem" required></textarea> <!-- Campo de texto (área de texto) obrigatório -->
<button type="submit">Enviar</button> <!-- Botão de envio do formulário -->
</form>
</section>
<!-- Rodapé da página -->
<footer>
<p>© 2024 Contato Ferrari</p> <!-- Informação de direitos autorais -->
</footer>
</body>
</html>