NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Formación Orion" (evento tecnológico) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar fielmente la estructura y estilo del sitio original sin copiar texto ni imágenes.
**Alcance**
- Página HOME con: encabezado fijo (logo SVG, menú mega‑dropdown con 2 columnas, botón CTA "Comprar entradas"), hero oscuro con fondo de formas SVG decorativas, título grande, subtítulo, bloque de datos (icono + texto) para ubicación y fecha, botones primario y secundario, sección de ponentes (título con número, divisor, carrusel horizontal con tarjetas que incluyen imagen circular, nombre, cargo, charla, botón "Ver detalle"), footer con enlaces de navegación, política, redes sociales y formulario de suscripción.
- Otras pá
4.070 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.070 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 Encabezado con logo, menú mega‑dropdown y botón "Comprar entradas"
- 2.1 Hero: título principal, subtítulo, iconos de ubicación y fecha, botones "Comprar entradas" y "Ser sponsor"
- 3.1 Sección Ponentes: título con número, divisor, carrusel de tarjetas de ponente (imagen, nombre, cargo, charla, botón "Ver detalle")
- 4.1 Footer: enlaces de sección, política, contacto, redes sociales
TICKETS
- 1.1 Encabezado (reutiliza el global)
- 2.1 Formulario de compra y descripción de paquetes
- 3.1 FAQ y testimonios
- 4.1 Footer
SCHEDULE
- 1.1 Encabezado
- 2.1 Agenda del evento en tabla interactiva
- 3.1 Detalles de cada sesión
- 4.1 Footer
SPEAKERS
- 1.1 Encabezado
- 2.1 Lista en cuadrícula de ponentes con filtro
- 3.1 Paginación
- 4.1 Footer
ABOUT
- 1.1 Encabezado
- 2.1 Historia y misión con imágenes
- 3.1 Equipo y valores
- 4.1 Footer
SPONSOR
- 1.1 Encabezado
- 2.1 Niveles de patrocinio y beneficios
- 3.1 Formulario de contacto
- 4.1 Footer
BLOG
- 1.1 Encabezado
- 2.1 Lista de artículos con tarjetas y filtro por categorías
- 3.1 Paginación
- 4.1 Footer
CONTACT
- 1.1 Encabezado
- 2.1 Formulario de contacto y mapa de ubicación
- 3.1 Información de soporte
- 4.1 Footer
PROMPTS RELACIONADOS · EDUCATION
