Crea una Página de Presentación del Curso
Comparte con Tu Escuela
Este es el proyecto final. Has añadido gamificación al contenido, has hecho seguimiento del progreso y has creado rutas adaptativas — ahora lo empaquetarás todo en una página de presentación del curso que podrás compartir con padres, colegas y toda tu escuela.
Una gran página de presentación cumple cuatro funciones: un encabezado que nombra el curso y engancha al lector, una lista de lecciones que muestra qué hay dentro, una llamada a la acción para inscribirse que hace que registrarse sea muy fácil, y un pie de página que lo cierra todo. Ensamblarás cada sección en orden.
Esta es la página que enviarás cuando alguien pregunte «¿en qué están trabajando tus estudiantes?». Constrúyela bien y deja que hable por tu clase.
Instrucciones
Añade una sección de encabezado con fondo degradado, el título del curso en un h1 y un subtítulo de una línea.
Pista: Usa `<header class="bg-gradient-to-br from-indigo-900 via-gray-900 to-gray-900 py-20 px-6 text-center">` con un `<h1>` dentro.
¿Dónde va esto?
<!-- Assemble your course landing page here -->Escríbelo en la línea 11: debajo de ese comentario, después del código que ya añadiste.
Añade una lista de lecciones: un encabezado «Lo que aprenderás» y un ul con elementos de lista redondeados (rounded-xl).
Añade una llamada a la acción para inscribirse: un cuadro destacado con un botón «Inscríbete ahora».
Termina con un pie de página que cierre la página y acredite el curso.
Tu código
Describe lo que quieres construir para este paso y escribiré el código — luego haz clic en Aplicar para llevarlo a tu editor. Este paso: Añade una sección de encabezado con fondo degradado, el título del curso en un h1 y un subtítulo de una línea.