Skip to content

Questo esercizio ti aiuterà a creare una landing page con **HTML e CSS**, focalizzandoti su **struttura**, **responsività** e **animazioni** per rappresentare GreenEarth, una startup ambientale.

Notifications You must be signed in to change notification settings

SimoneGiannecchini/GreenEart_Esercizio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

GreenEarth Landing Page

Descrizione del Progetto

GreenEarth è una startup impegnata in progetti a impatto ambientale come la riforestazione e la pulizia degli oceani. Questo repository contiene il codice sorgente per una landing page dedicata alla presentazione della startup, della sua missione e dei suoi progetti principali.

Struttura della Pagina

La landing page è organizzata nelle seguenti sezioni:

  1. Header: Contiene il logo di GreenEarth.
  2. Hero Section: Include un'immagine di sfondo, un titolo accattivante e un pulsante di call-to-action.
  3. About Us: Una breve descrizione della missione e delle attività dell'azienda.
  4. Our Projects: Presentazione di tre progetti principali con immagini, titoli e descrizioni.
  5. Contact Us: Un modulo per la richiesta di informazioni con campi per nome, email e messaggio.
  6. Footer: Contiene le informazioni di contatto e i link ai social media.

Tecnologie Utilizzate

  • HTML5 per la struttura della pagina.
  • CSS3 per lo stile e la responsività della pagina (utilizzando Flexbox e Grid).
  • Animazioni CSS per migliorare l'esperienza utente (es. effetto hover sui pulsanti).

Installazione

  1. Clona il repository:
    git clone https://github.com/tuo-utente/greenearth-landing.git
  2. Apri il file index.html in un browser.

Personalizzazione

Puoi personalizzare la landing page modificando i file HTML e CSS:

  • index.html: Per aggiornare i contenuti della pagina.
  • styles.css: Per modificare lo stile, i colori e il layout.

Responsività

La pagina è progettata per essere completamente responsive e adattarsi a dispositivi di varie dimensioni, grazie all'uso di Flexbox e Grid.

Contributi

Se desideri contribuire al miglioramento di questo progetto:

  1. Fai un fork del repository.
  2. Crea un nuovo branch:
    git checkout -b feature/nome-funzionalità
  3. Effettua le modifiche e fai il commit:
    git commit -m "Aggiunta di nuova funzionalità"
  4. Fai un push del branch e crea una pull request.

Autori

  • **Giannecchini Simone - sviluppatore Front-end- **: Github

Licenza Questo progetto è distribuito sotto la licenza MIT. Sentiti libero di utilizzarlo e modificarlo secondo le necessità.

About

Questo esercizio ti aiuterà a creare una landing page con **HTML e CSS**, focalizzandoti su **struttura**, **responsività** e **animazioni** per rappresentare GreenEarth, una startup ambientale.

Resources

Stars

Watchers

Forks

Languages