NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Formación Éter" (formacioneter.com) usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La web debe ser responsive y reproducir el diseño analizado:
- **Paleta de colores**: #0E0E0E (texto principal oscuro), #FFFFFF (texto blanco), #1A73E8 (azul de acento), #F5F5F5 (gris claro de fondo).
- **Tipografía**: "Inter", sans‑serif para títulos y cuerpo.
- **Header**: barra de navegación fija, logo a la izquierda, menú principal con dropdowns (Demo, Nuestra Parroquia, Eventos, Todas las páginas) y enlace a Contacto a la derecha. Ícono de burger para móvil, caja de búsqueda visible en escritorio.
- **Footer**: fondo gris claro, enlaces de navegación secundaria, información de contacto y redes sociales.
- **Home**
3.781 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.781 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra de navegación fija con logo, menú desplegable y buscador
- 1.2 Hero banner con título, subtítulo y imagen de fondo
- 1.3 Área de demostraciones con tres tarjetas de demo (imagen + título)
- 1.4 Sección de rendimiento con indicadores y barras de progreso
ABOUT
- 1.1 Barra de navegación fija
- 1.2 Imagen de encabezado y texto descriptivo
- 1.3 Equipo y misión en tarjetas
EVENTS
- 1.1 Barra de navegación fija
- 1.2 Lista de eventos en tarjetas con fecha y descripción
- 1.3 Botón de registro
DONATIONS
- 1.1 Barra de navegación fija
- 1.2 Formulario de donación con campos y botón
- 1.3 Testimonios en carrusel
CONTACT
- 1.1 Barra de navegación fija
- 1.2 Formulario de contacto y mapa embedado
- 1.3 Información de contacto y redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN