Skip to content

Commit

Permalink
Update contato.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@SimonePenido
SimonePenido authored May 27, 2024
1 parent f59464f commit 3fc0867
Showing 1 changed file with 49 additions and 43 deletions.
92 changes: 49 additions & 43 deletions contato.html
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,15 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<title>Contato</title>
<link rel="stylesheet" href="contato.css">
<link rel="stylesheet" href="trajes.css">
<link rel="stylesheet" href="normalize.css">
</head>

<body>
<header id="main-banner">
<div class="nav-container">
Expand All @@ -24,53 +26,57 @@
</nav>
<i class="fas fa-bars"></i>
</div>
<main>
<h1>Entre em Contato</h1>

<form action="/enviar-contato" method="POST">
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" required><br><br>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>
</header>

<label for="telefone">Telefone:</label>
<input type="text" id="telefone" name="telefone" required><br><br>
<div class="container">
<!-- Imagem -->
<img class="imagem" src="img/capa2.jpg" alt="Penido Gothic Widding">

<label for="mensagem">Mensagem:</label><br>
<textarea id="mensagem" name="mensagem" rows="5" required></textarea><br><br>

<input type="submit" value="Enviar">
</form>
</main>
<!-- Formulário -->
<form>
<h2>Formulário de Contato</h2>
<label for="nome">Nome:</label>
<input type="text" id="nome" name="nome" required><br><br>
<label for="email">E-mail:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="telefone">Telefone:</label>
<input type="tel" id="telefone" name="telefone" required><br><br>
<label for="assunto">Assunto:</label>
<input type="text" id="assunto" name="assunto" required><br><br>
<label for="mensagem">Mensagem:</label><br>
<textarea id="mensagem" name="mensagem" rows="4" required></textarea><br><br>
<input type="submit" value="Enviar">
</form>
</div>

<footer>
<div class="footer-container">
<div class="footer-desc-container">
<h3 class="footer-title">Penido Gothic Wedding</h3>
<p>Somos especialistas em casamentos temáticos góticos, oferecemos uma experiência única que mistura
romantismo e uma atmosfera encantadoramente obscura. Contate-nos hoje mesmo para agendar uma
consulta e descubra como podemos fazer do seu grande dia um evento mágico e memorável.</p>
</div>
<div class="footer-links-container">
<div class="footer-links-container-list">
<p class="footer-title">Links</p>
<ul>
<li>
<a href="index.html" target="_blank">Home</a>
</li>
<li>
<a href="trajes.html" target="_blank">Trajes</a>
</li>
</ul>
<footer>
<div class="footer-container">
<div class="footer-desc-container">
<h3 class="footer-title">Penido Gothic Wedding</h3>
<p>Somos especialistas em casamentos temáticos góticos, oferecemos uma experiência única que mistura
romantismo e uma atmosfera encantadoramente obscura. Contate-nos hoje mesmo para agendar uma
consulta e descubra como podemos fazer do seu grande dia um evento mágico e memorável.</p>
</div>
<div class="footer-links-container">
<div class="footer-links-container-list">
<p class="footer-title">Links</p>
<ul>
<li>
<a href="index.html" target="_blank">Home</a>
</li>
<li>
<a href="trajes.html" target="_blank">Trajes</a>
</li>
</ul>
</div>
</div>
<div class="footer-copy-right-container">
<p>&copy;Penido Gothic Wedding</p>
<p>A melhor opção em organização de eventos com a temática gótica.</p>
</div>
</div>
<div class="footer-copy-right-container">
<p>&copy;Penido Gothic Wedding</p>
<p>A melhor opção em organização de eventos com a temática gótica.</p>
</div>
</div>
</footer>
</footer>

</body>

</html>

0 comments on commit 3fc0867

Please sign in to comment.