1
Página única
Primer prototipo. Todo el contenido en una sola página, con carrusel de anuncios arriba y menú con submenús.
1 páginaCarruselPanel incluido
Son prototipos para mostrar. Los formularios no envían mensajes y los cambios del panel de administración se guardan solo en el navegador de quien lo prueba.
Las propuestas
1
2
Afiche azul
Estilo de afiche escolar con letra condensada y bordes rectos. Portada con el afiche grande y la lista "En la pizarra".
7 páginasMenú superiorFotos del baile
3
Cafetal
Colores de las ramas de café del escudo. Menú lateral fijo, anuncios con tira de miniaturas y accesos según quién visita.
7 páginasMenú lateralLínea de tiempo
4
Tech‑Academic (Tailwind)
Hecha con el prompt "Tech‑Academic Excellence": barra de navegación, portada con foto del campus y tarjetas de especialidades.
Navbar + Hero + EspecialidadesTailwind CSS
5
Tech‑Academic con colores del escudo
La misma estructura de la propuesta 4, con el azul marino, el rojo y el verde del escudo y la franja de la bandera.
Navbar + Hero + EspecialidadesTailwind CSS
6Más reciente
Kiosco de anuncios
La portada es una pantalla de anuncios casi completa. Menú a pantalla completa, "La ruta de un estudiante" y visor de afiches.
7 páginasMenú pantalla completaRuta del estudiante
Cómo probar el panel de anuncios
- Abra "Panel de anuncios" en la propuesta 1, 2, 3 o 6.
- Cree un anuncio, cambie el orden u oculte uno.
- Vuelva a la portada: el carrusel muestra los cambios.
- "Restaurar ejemplo" deja los anuncios como estaban.
Lo que tienen en común
- Anuncios que pasan solos en la portada, con pausa y flechas.
- Fechas de inicio y fin para que cada anuncio se oculte solo.
- Diseño adaptado a celular.
- Textos y afiches reales del colegio.
Pendiente para el sitio real
- Elegir una propuesta o una mezcla de dos.
- Base de datos y acceso con usuario para el panel.
- Formularios que lleguen al correo del colegio.
- Confirmar textos provisionales (escudo, ruta del estudiante, personal).