Eine Kurs-Landingpage erstellen
Mit deiner Schule teilen
Das ist das Abschlussprojekt. Du hast Inhalte gamifiziert, Fortschritte verfolgt und adaptive Lernpfade erstellt – jetzt verpackst du alles in eine Kurs-Landingpage, die du mit Eltern, Kolleginnen und Kollegen und deiner ganzen Schule teilen kannst.
Eine großartige Landingpage erfüllt vier Aufgaben: ein Header, der den Kurs benennt und die Lesenden neugierig macht, eine Lektionsliste, die zeigt, was drin steckt, ein Anmelde-Call-to-Action, der die Registrierung mühelos macht, und ein Footer, der alles abrundet. Du baust jeden Abschnitt der Reihe nach zusammen.
Das ist die Seite, die du verschickst, wenn jemand fragt: „Woran arbeiten deine Schülerinnen und Schüler?" Bau sie gut und lass sie für deine Klasse sprechen.
Anweisungen
Füge einen Header-Bereich mit einem Verlaufshintergrund, dem Kurstitel in einem h1 und einem einzeiligen Untertitel hinzu.
Tipp: Verwende `<header class="bg-gradient-to-br from-indigo-900 via-gray-900 to-gray-900 py-20 px-6 text-center">` mit einem `<h1>` darin.
Wo kommt das hin?
<!-- Assemble your course landing page here -->Schreib es in Zeile 11 — unter diesem Kommentar, nach dem Code, den du schon ergänzt hast.
Füge eine Lektionsliste hinzu: eine „Was du lernen wirst"-Überschrift und eine ul mit abgerundeten Listenelementen (rounded-xl).
Füge einen Anmelde-Call-to-Action hinzu: eine hervorgehobene Box mit einem „Jetzt anmelden"-Button.
Schließe die Seite mit einem Footer ab, der die Seite abrundet und den Kurs erwähnt.
Dein Code
Beschreibe, was du für diesen Schritt bauen willst, und ich schreibe den Code — klicke dann auf Übernehmen, um ihn in deinen Editor zu übertragen. Dieser Schritt: Füge einen Header-Bereich mit einem Verlaufshintergrund, dem Kurstitel in einem h1 und einem einzeiligen Untertitel hinzu.