NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Educa Abedul** (concesionario de coches de lujo) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El sitio debe reproducir la estructura y estilo del diseño analizado sin copiar textos ni imágenes originales.
**Alcance**
- Navbar fija con logo a la izquierda, botón de menú hamburguesa que abre un overlay con enlaces: Home, About, Models, Blog, Contact y botón secundario "Reserve test drive". Incluye icono de búsqueda que despliega un campo modal.
- Footer oscuro con cuatro columnas: Información legal, enlaces rápidos, formulario de suscripción (email) y redes sociales (íconos SVG genéricos).
- **Home** con los siguientes bloques numerados:
1. **Hero slider** con tres pestañas de vista del coche (Fron
4.696 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.696 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ú overlay y buscador
- 1.2 Hero slider con pestañas de vista frontal, lateral y trasera del modelo
- 1.3 Sección de presentación breve con título y botón de reserva de test drive
- 1.4 Cuadrícula de modelos destacados con tarjetas de imagen y descripción corta
- 1.5 Bloque de estadísticas (años en el mercado, unidades vendidas, satisfacción)
- 1.6 Últimas entradas del blog en formato carrusel
- 1.7 Footer con enlaces de política, redes sociales y formulario de suscripción
ABOUT
- 2.1 Cabecera interna con breadcrumb
- 2.2 Texto institucional con historia y valores
- 2.3 Equipo destacado en tarjetas con foto y rol
- 2.4 CTA a contactar
MODELS
- 3.1 Galería de filtros por tipo y precio
- 3.2 Grid de modelos con tarjetas ampliables
- 3.3 Detalle emergente con especificaciones y galería de imágenes
BLOG
- 4.1 Lista de artículos con imágenes destacadas
- 4.2 Sidebar con categorías y posts recientes
- 4.3 Paginación inferior
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa integrado
- 5.3 Información de sede y horarios
PROMPTS RELACIONADOS · EDUCACIÓN
