diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1062418 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.idea/ +*.iml diff --git a/README.md b/README.md index e69de29..3f67852 100644 --- a/README.md +++ b/README.md @@ -0,0 +1,169 @@ +# 🚚 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 : + +``` +ProjectMillions/ +├── 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** (`