Niveau 2 - Thèmes
- Utilisez l'image entete_opaque.png ou entete_transparent.png comme entête de la page.
- Toutes les couleurs (le texte, les boutons, la couleur de fond) de votre site doivent être contenu dans des variables css. Voici les couleurs que j'ai utilisé. Vous être libre d'utiliser celle que vous voulez.
| nom variable | valeur |
|---|---|
| --couleur-background | #282c34 |
| --couleur-texte | #e3e7ed |
| --couleur-texte-bleu | #169fe3 |
| --couleur-background-bouton | #3c3f49 |
| --couleur-background-bouton-select | rgba(22,159,227,0.7) |
| --couleur-background-bouton-hover | #3794c3 |
- Chargez la police Maximum-Impact.ttf dans votre fichier css. Utilisez cette police pour les textes "Lot de livres" et "Maitrisez le développement d'application Web".
- Vous avez déjà accès aux icônes de Font Awesome si vous avez bien copié le dossier webfonts dans votre projet ainsi que le fichier font-awesome.css.
- J'ai utilisé les icônes suivante.
| classe de l'icône | description |
|---|---|
| "fas fa-dollar-sign" | Signe de dollar |
| "fas fa-people-carry" | Deux personnes qui transportent une boite |
| "fas fa-book-open" | Un livre ouvert |
| "fas fa-file" | Un symbole de fichier |
| "fas fa-heart" | Un coeur |