NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Moda Vega" (dominio modavega.com) usando solo HTML estático, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. El objetivo es reproducir el diseño visual de una web universitaria moderna: header fijo con logo a la izquierda, navegación principal (Home, About, Courses, Events, Contact) y botones "Enroll now" y carrito (icono con contador). Hero full‑width con fondo de ilustración pastel, título grande, subtítulo y botón CTA. Bloque de ventajas: 3 columnas, iconos SVG simples, encabezado y descripción corta. Catálogo de cursos: tarjetas con imagen de placeholder, título, breve texto y botón "Ver más"; grid responsiva 1‑2‑3 columnas. Testimonios: carousel básico usando overflow‑x‑auto, tarjetas con foto circular, nombre y cita. Ev
3.565 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.565 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 Cabecera fija con logo, navegación primaria, botón de inscripción y carrito modal
- 1.2 Hero principal con título, subtítulo, botón CTA y fondo ilustrativo
- 1.3 Sección de ventajas en cuadrícula de 3 columnas con iconos y textos breves
- 1.4 Catálogo de cursos destacados en tarjetas con imagen, título y botón
- 1.5 Testimonios en carrusel de 3 columnas
- 1.6 Evento próximo con imagen, fecha y botón de registro
- 1.7 Formulario de suscripción al boletín
- 1.8 Pie de página con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera idéntica a la home
- 2.2 Banner interno con título "Sobre nosotros"
- 2.3 Texto descriptivo y misión/visión en dos columnas
- 2.4 Equipo destacado en tarjetas con foto y rol
- 2.5 Pie de página común
COURSES
- 3.1 Cabecera común
- 3.2 Lista de cursos en rejilla de 3 columnas, filtro por categoría
- 3.3 Cada tarjeta con imagen, título, breve descripción y botón "Más info"
- 3.4 Paginación inferior
- 3.5 Pie de página común
EVENTS
- 4.1 Cabecera común
- 4.2 Calendario de eventos y cards destacados
- 4.3 Detalle de evento individual con imagen, agenda y botón registro
- 4.4 Pie de página común
CONTACT
- 5.1 Cabecera común
- 5.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.3 Mapa incrustado y datos de ubicación
- 5.4 Pie de página común
PROMPTS RELACIONADOS · FASHION
