70 lines
2.2 KiB
HTML
70 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es" data-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<title>Contacto - [Nombre de la agencia]</title>
|
|
<link rel="stylesheet" href="style/main.css">
|
|
</head>
|
|
<body>
|
|
<div id="menu-container"></div>
|
|
|
|
<main>
|
|
<!-- Sección 1: Encabezado -->
|
|
<section id="contacto-section-1">
|
|
<h2>Contacto</h2>
|
|
<p>Contenido pendiente de definir.</p>
|
|
</section>
|
|
|
|
<!-- Sección 2: Formulario de contacto -->
|
|
<section id="contacto-section-2">
|
|
<h3>Escríbenos</h3>
|
|
<form class="contact-form" id="contact-form" novalidate>
|
|
<label for="contact-name">Nombre</label>
|
|
<input type="text" id="contact-name" name="name" required>
|
|
|
|
<label for="contact-email">Email</label>
|
|
<input type="email" id="contact-email" name="email" required>
|
|
|
|
<label for="contact-phone">Teléfono (opcional)</label>
|
|
<input type="tel" id="contact-phone" name="phone">
|
|
|
|
<label for="contact-subject">Asunto</label>
|
|
<input type="text" id="contact-subject" name="subject" required>
|
|
|
|
<label for="contact-message">Mensaje</label>
|
|
<textarea id="contact-message" name="message" rows="5" required></textarea>
|
|
|
|
<button type="submit">Enviar mensaje</button>
|
|
</form>
|
|
</section>
|
|
|
|
<!-- Sección 3: Redes sociales -->
|
|
<section id="contacto-section-3">
|
|
<h3>Síguenos</h3>
|
|
<ul class="contact-social">
|
|
<li><a href="#" target="_blank" rel="noopener">[Red 1]</a></li>
|
|
<li><a href="#" target="_blank" rel="noopener">[Red 2]</a></li>
|
|
<li><a href="#" target="_blank" rel="noopener">[Red 3]</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Sección 4: WhatsApp directo -->
|
|
<section id="contacto-section-4">
|
|
<h3>¿Prefieres WhatsApp?</h3>
|
|
<a class="whatsapp-link"
|
|
href="https://wa.me/[NUMERO]?text=[MENSAJE_PREDEFINIDO]"
|
|
target="_blank"
|
|
rel="noopener">
|
|
Escríbenos por WhatsApp
|
|
</a>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="footer-container"></div>
|
|
|
|
<script src="scripts/main.js"></script>
|
|
<script src="scripts/efecto.js"></script>
|
|
</body>
|
|
</html> |