ea38a12055
Todos los componentes del NIVEL 2 ya están implementados correctamente: - ✅ Notification Bar (#49) - ✅ Navbar (#50) - ✅ Hero Section (#51) - ✅ Sidebar (#52) - ✅ Footer (#53) Solo se actualizó notification-bar.css para usar variables CSS. Próximo paso: NIVEL 3 (Refinamientos visuales) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
43 lines
2.4 KiB
HTML
43 lines
2.4 KiB
HTML
<!-- Contact Modal -->
|
|
<div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header border-0">
|
|
<h5 class="modal-title fw-bold" id="contactModalLabel">¿Listo para comenzar?</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body px-4 pb-4">
|
|
<p class="text-muted mb-4">Completa el formulario y nos pondremos en contacto contigo lo antes posible.</p>
|
|
<form id="contactForm">
|
|
<div class="mb-3">
|
|
<label for="fullName" class="form-label">Nombre completo <span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="fullName" name="fullName" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="company" class="form-label">Empresa</label>
|
|
<input type="text" class="form-control" id="company" name="company">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="whatsapp" class="form-label">WhatsApp <span class="text-danger">*</span></label>
|
|
<input type="tel" class="form-control" id="whatsapp" name="whatsapp" placeholder="+52 ___ ___ ____" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Correo electrónico <span class="text-danger">*</span></label>
|
|
<input type="email" class="form-control" id="email" name="email" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="comments" class="form-label">Comentarios</label>
|
|
<textarea class="form-control" id="comments" name="comments" rows="3"></textarea>
|
|
</div>
|
|
<div class="d-grid">
|
|
<button type="submit" class="btn btn-submit-form btn-lg">
|
|
Enviar
|
|
</button>
|
|
</div>
|
|
<div id="formMessage" class="mt-3 alert" style="display: none;"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|