NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático que reproduzca el diseño visual y la estructura de la web de referencia, usando la marca ficticia **Ong Lira**. El proyecto debe estar construido en un único archivo HTML que incluya Tailwind CSS vía CDN (`https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css`) y JavaScript vanilla sin dependencias externas.
### Alcance
- Página Home con los bloques enumerados en la clave **secciones**.
- Páginas internas: About, Programas, Donar, Blog, Contacto (estructura mínima, con los bloques listados en la **tabla**).
- Header fijo con logo SVG ficticio, mega‑menú de tres columnas, botón destacado "Donar ahora" y carrito de donaciones (icono de carrito sin funcionalidad). Debe colapsarse en móvil con botón hamburger.
- Footer con cuatro columnas: Sobre Nosotros,
4.408 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.408 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, mega‑menú, enlaces a causas, blog, donaciones y botón "Donar ahora"
- 1.2 Hero de página principal con fondo degradado, título impactante, descripción breve y botones de acción
- 1.3 Cuadro de estadísticas resaltadas (donaciones, beneficiarios, proyectos)
- 1.4 Galería de causas destacadas en tarjetas con imagen, título y enlace
- 1.5 Sección de testimonios con carrusel automático
- 1.6 Blog reciente con tarjetas de artículos
- 1.7 Llamada a la suscripción al boletín
- 1.8 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 1.1 Cabecera interior con breadcrumb
- 1.2 Texto descriptivo de la misión y visión
- 1.3 Equipo con fotos en tarjetas
- 1.4 Valores en iconos
- 1.5 CTA a donación
PROGRAMAS
- 1.1 Lista de programas en tarjetas con imagen, descripción breve y botón "Conocer más"
- 1.2 Filtros por categoría
- 1.3 Estadísticas de impacto
DONAR
- 1.1 Formulario sencillo de donación (importe, datos de pago falsos)
- 1.2 Resumen de la donación y botón de confirmación
BLOG
- 1.1 Lista de artículos en rejilla de tarjetas con imagen, título, extracto y fecha
- 1.2 Paginación
CONTACTO
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 1.2 Mapa incrustado
- 1.3 Información de direcciones y teléfono
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
Otros prompts de la misma categoría
PROMPTSin fines de lucro
Lexora Advisory
★★★★★ 2.659 descargas
GRATIS0€
PROMPTSin fines de lucro
Lexora Consultores
★★★★★ 4.391 descargas
GRATIS0€
PROMPTSin fines de lucro
Ayuda Vega
★★★★★ 2.850 descargas
GRATIS0€
PROMPTSin fines de lucro
VozColectiva
★★★★★ 506 descargas
GRATIS0€
GPT Image 2