Alyra Bootstrap Challenge

Référence

Dans le dossier screenshots vous trouverez des captures d'écran et une video .mp4.

Vous trouverez la video ici

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.

Polices (google fonts)

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.

Icônes

Vous pouvez utiliser des icônes Bootstrap (format SVG)

Nouveaux éléments Bootstrap

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 :

Validation

Structure du site respectée (/5)
Proprété du code (/3)
Menu de navigation (responsive + dropdown) (/3)
Sémantique HMTL valide Utiliser validateur W3C (/2)
Mise en place du carousel Bootstrap5 (/2)
Adaptation aux écrans mobiles (/2)
Le design est respecté (/3)