Dropbox

L'obiettivo di questo esercizio è quello di ricreare un layout web fedele a uno screenshot di riferimento (Dropbox), seguendo un approccio sistematico e organizzato. In questa fase dello sviluppo, non è stata ancora affrontata la responsività del sito, cioè di come la pagina si adatta a diverse dimensioni dello schermo.

Font e Icone

• Il font "Open Sans" di Google Fonts è stato utilizzato come testo sulla pagina, ha un aspetto coerente con il design di riferimento.

• Per le icone, ho usato Font Awesome, che potrebbe non corrispondere esattamente alle icone del sito di riferimento, ma garantisce un aspetto professionale e coerente.

Layout di riferimento

Struttura

.
├── css/
│   └── style.css
│   └── accedi.css
├── img/
│   └── screenshot.png
│   └── img/
│       └── logo-small.png
│       └── jumbo.png
│       └── partner.png
│       └── designit.svg
│       └── arizona_state_university.svg
│       └── university_of_florida.svg
│       └── topps.svg
│       └── world_bicycle_relief.svg
│       └── hearst_corp.svg
│       └── lonely_planet.svg
│       └── clear_channel.svg
│       └── business-feauture-coordinate-it.png
│       └── business-feauture-integrations-it.png
│       └── business-feauture-multi-device.png
│       └── business-feauture-security.png
│       └── business-feauture-send-files-it.png
│       └── business-feauture-switching-tools.png
├── index.html
├── accedi.html
└── README.md