Transformez une maquette en site web : Reservia

Projet formation développeur web

• Réaliser depuis une maquette desktop et une maquette mobile, l'intégration du site web.
• Bibliothèque d'icônes : Font Awesome
• Charte graphique : bleu #0065FC, version plus claire du bleu #DEEBFF, gris pour le fond #F2F2F2.
• Police d'écriture : Raleway

Maquette desktop :

Maquette mobile :

Breakpoints Indications

• Small devices (landscape phones, 576px and up) : @media (min-width: 576px)
• Medium devices (tablets, 768px and up) : @media (min-width: 768px)
• Large devices (desktops, 992px and up) : @media (min-width: 992px)
• Extra large devices (large desktops, 1200px and up) : @media (min-width: 1200px)

Tutoriels hors cours OpenClassRooms utilisés

• CSS-Tricks : A complete guid to Grid
• La Cascade : CSS Grid Layout
• Oncrawl : Organiser le contenu d’une page avec des balises sémantiques HTML5
• Ronan Hello : Les balises sémantiques en HTML5