# 🚚 Projet : Site vitrine "FleetZen" — Gestion de flotte Bienvenue ! Ce projet est un **exercice de prise en main de HTML, CSS et Git**. Vous allez construire, Ă  deux, un petit **site vitrine** pour une entreprise fictive de **gestion de flotte de vĂ©hicules** (suivi GPS, entretien, optimisation de carburant, etc.). L'entreprise s'appelle **FleetZen**. > 🎯 **Objectif pĂ©dagogique** : savoir structurer une page en HTML, la mettre en forme en CSS, et collaborer proprement avec Git (branches, commits, merge). > > đŸš« **Aucun JavaScript n'est demandĂ©.** Concentrez-vous sur HTML + CSS uniquement. --- ## 📋 Ce que vous allez apprendre - Structurer une page web avec du **HTML sĂ©mantique** (`header`, `nav`, `main`, `section`, `footer`
) - Mettre en page et styliser avec du **CSS** (couleurs, typographie, espacements, flexbox/grid) - Travailler Ă  plusieurs avec **Git** : crĂ©er une branche, committer, pousser, ouvrir une *Pull Request* - GĂ©rer un **conflit de merge** (ça arrivera, c'est normal et formateur !) --- ## đŸ—‚ïž Structure attendue du projet À la fin, le dĂ©pĂŽt devra ressembler Ă  ça : ``` stagiaire/ ├── README.md ├── index.html ← page d'accueil (commune, Ă  faire ensemble) ├── css/ │ └── style.css ← feuille de style partagĂ©e ├── pages/ │ ├── services.html ← page du Stagiaire 1 │ └── contact.html ← page du Stagiaire 2 └── assets/ └── images/ ← vos images / logos ``` > 💡 Vous pouvez ajouter d'autres dossiers/images si besoin, mais gardez cette base. --- ## đŸ‘„ RĂ©partition du travail Chacun dĂ©veloppe **une page du site**, sur **sa propre branche**. | Stagiaire | Page Ă  dĂ©velopper | Branche Git | Contenu attendu | |-----------|-------------------|-------------|-----------------| | **Stagiaire 1** | `pages/services.html` | `feature/page-services` | PrĂ©sentation des services de FleetZen : suivi GPS temps rĂ©el, gestion de l'entretien, rapports de consommation. 3 "cartes" minimum. | | **Stagiaire 2** | `pages/contact.html` | `feature/page-contact` | Page de contact : coordonnĂ©es de l'entreprise, un **formulaire HTML** (nom, email, message — sans JS, juste le HTML/CSS), horaires. | La page d'accueil `index.html` et le fichier `css/style.css` sont **communs** : dĂ©marrez-les ensemble avant de partir chacun sur votre branche. --- ## ✅ Cahier des charges (consignes communes) Chaque page doit contenir : 1. Un **`
`** avec le nom/logo **FleetZen** et une **barre de navigation** (`