Skip to content

Commit

Permalink
Form page
Browse files Browse the repository at this point in the history
  • Loading branch information
Xarlizard committed Aug 5, 2024
1 parent 73b9c52 commit 881c563
Showing 1 changed file with 71 additions and 0 deletions.
71 changes: 71 additions & 0 deletions es/contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device -->
<link rel="icon" type="image/png" sizes="32x32" href="./src_signup/images/favicon-32x32.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Outfit:[email protected]&family=Overpass:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap">
<link rel="stylesheet" href="./src_signup/css/signup.css">
<title>Contactanos</title>
</head>
<body>
<main>
<div class="container">
<!-- Sign-up form start -->
<div class="first">
<img class="mobileImg" src="./src_signup/images/illustration-sign-up-mobile.svg" alt="mobileImage">
<div class="firstText">
<h1>Ponte en contacto!!</h1>

<text>Comparte con nosotros tu direccion de correo para poder discutir los temas que te conciernen; recuerda que nuestros servicios incluyen:</text>
<ul>
<li>Disenyo/Desarrollo/mantenimiento Web</li>
<li>Social Media Marketing / Ad(s) Campanyas publicitarias</li>
<li>Consultoria Servicios Digitales para tu eCommerce</li>
</ul>
<h3>Direccion email</h3>
<form id="emailForm">
<input type="email" id="email" name="email" placeholder="[email protected]"></input>

<input type="submit" id="submit" value="Compartir email"></button>
</form>
<!-- modify this form HTML and place wherever you want your form -->
<form
method="POST"
action="https://formspree.io/f/mpwadnny"
Your message:
>
<label>
Tu email:
<input type="email" name="email">
</label>
<label>
<textarea name="message"></textarea>
</label>
<!-- your other form fields go here -->
<button type="submit">Enviar</button>
</form>

</div>
</div>
<!-- Sign-up form end -->

<!-- Success message start -->
<div class="second">
<img src="./src_signup/images/icon-success.svg" alt="icon-success">
<h1>Gracias por ponerse en contacto!</h1>

<text>Enviaremos un mail de confirmacion a <span id="emailValue"></span> a la mayor brevedad posible. Esperamos atenderle pronto!</text>

<button>Dismiss message</button>
</div>
<!-- Success message end -->
</div>
<br>
<div class="attribution">
Coded by <a href="#">xarlizard</a>.
</div>
</main>
<script src="./src_signup/js/signup.js"></script>
</body>
</html>

0 comments on commit 881c563

Please sign in to comment.