Interstellar

 Setup del Progetto

• Crea il repository GitHub interstellar-directory.
  
  
• Struttura cartelle: /images per le foto, /css per lo stile.
  
  
  

2. Home Page (index.html) - Terminale di Lancio

Crea un elenco di 5 Corpi Celesti (Pianeti, Lune o Asteroidi colonizzati).

• Ogni elemento dell'elenco deve essere un div con uno sfondo di un colore specifico (es. Marte = sfondo ruggine, Europa = sfondo blu ghiaccio) usare nello style background-color.
  
  

• All'interno del div: Titolo della colonia e immagine della destinazione es:marte.
  
  
• Tutto il div deve essere cliccabile(link) e rimandare alla pagina specifica.
  
  

3. Struttura delle 5 Pagine (Le Colonie)

Ogni pagina (es. marte.html) deve essere organizzata così:

• Header Video (YouTube): Un video embedded di YouTube a 100% larghezza in alto che mostra paesaggi spaziali o simulazioni 3D del pianeta proporzioni 3/1.
  
  
• Sezione Info Generale (Box Colorato):
  
  
  • Un div con uno sfondo colorato pieno (senza bordi) che contiene: Nome, Coordinate e Tipo di atmosfera.
    
    
  • Il testo deve avere un contrasto leggibile (es. testo bianco su sfondo blu scuro).
    
    
• Galleria Tecnica:
  
  
  • Foto 1 (1:1): "Modulo Abitativo". Un div con la foto quadrata e una breve descrizione.
    
    
  • Foto 2 (1:1): "Risorse Estratte". Un altro div con foto e dettagli sui minerali o gas del luogo.
    
    
• Video di Approfondimento: Un secondo video embedded a fondo pagina che mostra la vita quotidiana nella colonia o un documentario scientifico.
  
  
• Navigazione: tasto per tornare alla index.html, con scritta TONRA AL TERMINALE