Créer une page d'accueil de cours
Partagez avec votre école
Voici le projet final. Vous avez gamifié du contenu, suivi la progression et créé des parcours adaptatifs — maintenant vous allez tout assembler dans une page d'accueil de cours que vous pourrez partager avec les parents, les collègues et toute votre école.
Une excellente page d'accueil remplit quatre missions : un en-tête qui nomme le cours et accroche le lecteur, une liste de leçons qui montre ce qu'il y a à l'intérieur, un appel à l'action pour s'inscrire qui rend l'inscription sans effort, et un pied de page qui conclut le tout. Vous assemblerez chaque section dans l'ordre.
C'est la page que vous enverrez quand quelqu'un demande «sur quoi travaillent vos élèves ?». Construisez-la bien et laissez-la parler pour votre classe.
Instructions
Ajoutez une section d'en-tête avec un arrière-plan dégradé, le titre du cours dans un h1 et un sous-titre d'une ligne.
Indice : Utilisez `<header class="bg-gradient-to-br from-indigo-900 via-gray-900 to-gray-900 py-20 px-6 text-center">` avec un `<h1>` à l'intérieur.
Où faut-il écrire ça ?
<!-- Assemble your course landing page here -->Écrivez-le à la ligne 11 — sous ce commentaire, après le code que vous avez déjà ajouté.
Ajoutez une liste de leçons : un titre «Ce que vous apprendrez» et une ul d'éléments de liste avec rounded-xl.
Ajoutez un appel à l'action pour l'inscription : une boîte mise en valeur avec un bouton «S'inscrire maintenant».
Terminez avec un pied de page qui conclut la page et crédite le cours.
Votre code
Décrivez ce que vous voulez créer pour cette étape et je rédige le code — puis cliquez sur Appliquer pour l'insérer dans votre éditeur. Cette étape : Ajoutez une section d'en-tête avec un arrière-plan dégradé, le titre du cours dans un h1 et un sous-titre d'une ligne.