Vai al contenuto

Crea una Pagina di Presentazione del Corso

Intermedio~15 min0/4 passaggi

Condividi con la Tua Scuola

Questo è il progetto finale. Hai gamificato i contenuti, monitorato i progressi e costruito percorsi adattivi — ora impacchetterai tutto in una pagina di presentazione del corso da condividere con genitori, colleghi e tutta la scuola.

Una grande pagina di presentazione svolge quattro compiti: un header che nomina il corso e cattura il lettore, un elenco di lezioni che mostra cosa c'è dentro, una call-to-action per l'iscrizione che rende la registrazione semplice, e un footer che chiude tutto. Assemblerai ogni sezione nell'ordine.

Questa è la pagina che invierai quando qualcuno chiede «a cosa stanno lavorando i tuoi studenti?». Costruiscila bene e lascia che parli per la tua classe.

Istruzioni

1

Aggiungi una sezione header con sfondo sfumato, il titolo del corso in un h1 e un sottotitolo di una riga.

Suggerimento: 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>` all'interno.

Dove va scritto?

<!-- Assemble your course landing page here -->

Scrivilo alla riga 11: sotto quel commento, dopo il codice che hai già aggiunto.

2

Aggiungi un elenco di lezioni: un'intestazione «Cosa Imparerai» e un ul di elementi lista con rounded-xl.

3

Aggiungi una call-to-action per l'iscrizione: un riquadro evidenziato con un pulsante «Iscriviti Ora».

4

Concludi con un footer che chiude la pagina e accredita il corso.

Il tuo codice

html
13 righe
1
2
3
4
5
6
7
8
9
10
11
12
13

Anteprima dal vivo

Anteprima dal vivo