Ce projet a été réalisé dans le cadre de la formation Concepteur·rice Développeur·se d’Applications (référentiel 2023).
Il s'agit de transformer les maquettes fournies (mobile et desktop) en un site vitrine responsive et fonctionnel, respectant les standards du web et les bonnes pratiques d’accessibilité.
Le site contient une seule page d'accueil, intégrée en HTML5, CSS3, avec l'aide de Bootstrap pour la mise en page et le responsive design.
- Respecter les maquettes fournies par le client ou réalisées lors du brief.
- Utiliser une structure HTML sémantique pour donner du sens au contenu.
- Garantir un responsive design optimisé pour mobile, tablette et desktop.
- Mettre en place un menu burger fonctionnel en JavaScript sur mobile.
- Bloquer la soumission du formulaire via JavaScript et afficher un message avec
alert(). - Assurer un minimum d’accessibilité (contrastes, attributs
aria-labelsi nécessaire). - Valider le code via le W3C HTML Validator et W3C CSS Validator.
- Gérer le projet avec Git (minimum un commit par jour avec un message clair).
- HTML5
- CSS3
- Bootstrap 5
- JavaScript (Vanilla)
- Git / GitHub
- Outils UX/UI
- Bonnes pratiques d’accessibilité
brief_2/
│
├── index.html # Page principale
├── style.css # Styles personnalisés
├── logo/ # Logo du site
├── card/ # Images des cartes
├── banner/ # Bannière du site
└── README.md # Documentation du projet