Esercizio: Supereroi

  1. Crea un nuovo repository su GitHub e chiamalo supereroi
  2. Clonalo in locale
  3. Crea un file index.html con un elenco di 15 supereroi (Marvel, DC, ecc. per i quali sia stato girato un film)
  4. L'elenco deve essere mostrato in una tabella contenente tre colonne:
    1. Nome del supereroe
    2. Universo (Marvel, DC, ecc.)
    3. Titolo del film di cui è protagonista
    4. Anno del film
  5. Ogni nome deve essere collegato alla pagina del supereroe corrispondente, ad es. /marvel/doctor-strange.html
  6. La pagina di ogni supereroe, contenuta nella cartella del relativo universo, deve riportare:
    • foto hero (si chiamano così le immagini grandi che introducono le pagine e creano atmosfera) del supereroe in forma di rettangolo con proporzioni 4:1 in alto, largo come il 100% della pagina
    • titolo con il nome del supereroe,  con un colore c1 che richiama quello dominante del costume del supereroe
    • sottotitolo con il nome dell'universo cinematico di riferimento, con un colore c2 ottenuto scurendo c1
    • testo di presentazione
    • elenco puntato con i poteri o le doti che ha, inserito in un div con un colore di sfondo c1
    • video embedded con il trailer del film
    • riquadro con colore di sfondo c2 contenente i dati del film: locandina, titolo, anno, nazionalità, regista, attori
  7. Tutte le immagini devono essere salvate in una cartella del tipo /marvel/images con un nome coerente, ad esempio doctor-strange_hero.jpg e doctor-strange_locandina.jpg