Dans le dossier screenshots vous trouverez des captures d'écran et une video .mp4.
Il y a 4 pages à mettre en place :
- home (
index.html) - category (
category.html) - contact (
contact.html) - page de blog (
blog-single.html)
Navigation principale et les liens devraient fonctionner.
Tous le articles pointent vers la même page, blog-single.html.
Toutes les catégories pointent vers la même page, category.html.
- Baskerville: 700
- Montserrat: 300
Ce sont les seuls styles que vous devez mettre en place en tant que custom styles, le reste est joueable avec les classes bootstrap.
Le site AlyraMag utilise le kit fontawesome, on particulier des icônes des réseaux sociaux dans la partie "sidebar".
Au dèla de ce que nous avons vu ensemble, vous devez plonger dans la documentation de bootstap 5 pour trouver des nouveaux "componenets" ou "utilities" adapté à ce projet.
Quelques astuce :
"Proprété du code" - code est lisible, indentation correcte, espacèments, commentaires si nécessaires 👟🛴🚲
HTML valide (utiliser validateur w3c) 👟🛴🚲
Utilisation des classes Bootstrap5 (le css devrait être utlisé au minimum ) 👟🛴🚲
Structure du site est respecté 👟🛴🚲
Menu de navigation (responsive + dropdown fonctionnent) 👟🛴🚲
Adaptation aux écrans mobiles 👟🛴🚲
Le design est respecté 👟🛴🚲
Mise en place de la carousel Bootstrap5 👟🛴🚲
Bon courage ! 💪