NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La marca es Instituto Lira (institutolira.com). Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro), #4A90E2 (azul acento), #FF6F61 (rojo coral para llamadas a la acción). Tipografía principal: 'Inter', sans-serif; encabezados con peso 700, cuerpo con peso 400.
Estructura y requisitos:
HEADER
- Navbar sticky, fondo negro, logo SVG a la izquierda, menú de enlaces centrado (Home, About, Service, Project, Contact) con punto indicador debajo, botón de contacto a la derecha con borde y efecto hover.
HOME SECTION (id="home")
- Contenedor full‑height con posición fixed, fondo negro.
- Slider principal (w‑slider) con tres slides, cada una mostr
4.695 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.695 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 Navbar fijo con logo, menú y botón de contacto
- 1.2 Hero slider (imágenes, texto izquierdo, lista de servicios, gran texto central, segundo slider interno y líneas decorativas)
- 1.3 Sección About con título, descripción y carrusel de logotipos de patrocinadores
- 1.4 (Sección Services – placeholder)
- 1.5 (Sección Projects – placeholder)
- 1.6 Footer – placeholder
SERVICES
- 2.1 Título de servicios y grid de tarjetas descriptivas (estructura típica en plantillas similares)
PROJECTS
- 3.1 Galería de proyectos con filtro por categoría y tarjetas ampliables
CONTACT
- 4.1 Formulario de contacto sencillo con campos nombre, email, mensaje y botón enviar
- 4.2 Información de contacto y enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCATION
