Vous allez codez tous le CSS d’une maquette de façon à obtenir la présentation graphique souhaitée.
Mettre en pratique vos connaissances en CSS de manière concrète.
Vous devez écrire le code CSS de tous les sélecteurs avec pour but de retrouver la charte graphique jointe à l’identique. Vous n’avez pas le droit d’ajouter des sélecteurs. Vous ne toucherez pas au code HTML. Tous les fichiers nécessaires vous sont fournis. Vous n’avez ni besoin d’en ajouter, ni d’en supprimer.
Vous travaillerez sur le fichier styles.css se trouvant dans le dossier css.
Votre référence est le fichier screenshot.png.
Je vous donne volontairement peu d’indications. Vous ferez marcher votre bon sens pour reproduire la charte graphique et utiliserez un outil comme Gimp pour faire les mesures nécessaires.
Notes :
- vous devez utiliser les images fournies pour reproduire la charte graphique
- vous devez utiliser la palette de couleurs présente tout en haut du fichier styles.css
- vous n’ajouterez aucun sélecteur, aucune classe
- vous n’en supprimerez pas non plus
- vous ne modifierez pas le fichier HTML, ni le fichier normalize.css
- la police de caractère par défaut est 'Open Sans'
- les titres de niveau 1 et 2 utilisent la police de caractère 'Love Ya Like A Sister’
- quand le logo est survolé, il se produit un effet (observez les 2 images fournies pour le logo)
- soyez attentifs aux liens survolés, notamment pour le menu
N’hésitez pas à rendre un travail incomplet même si vous avez eu l’un ou l’autre blocage, il y a des points à prendre partout… Vous rendrez un fichier compressé (.zip) contenant tous les fichiers du projet.