Aperçu visuel
La galerie du projet
Premier projet d'intégration réalisé lors de la formation Développeur Web & Mobile — WebForce3 La Madeleine.
Ce projet marque le tout premier exercice d'intégration de la formation Développeur Web & Mobile chez WebForce3 La Madeleine. L'objectif : traduire fidèlement une maquette graphique en code HTML/CSS pur, sans framework.
La page intègre plusieurs sections — hero plein écran, blocs texte/image alternés, galerie photos, section CTA avec fond parallaxe, formulaire de contact — le tout en responsive design mobile-first.
Chaque section du projet a été l'occasion de pratiquer une technique concrète d'intégration web.
Mise en page avec Flexbox pour les blocs alternés image/texte et la navigation horizontale.
Media queries pour adapter chaque section aux écrans desktop, tablette et mobile.
Section hero avec image de fond, overlay semi-transparent, texte centré et bouton CTA.
Grille d'images responsive avec 4 colonnes en desktop et gestion du ratio visuel.
Formulaire avec champs stylisés, textarea et boutons SUBMIT / RESET sur fond sombre.
Bannière CTA avec background-attachment: fixed pour un effet de profondeur au scroll.
Uniquement du web natif — pas de framework, pas de librairie. La fondation absolue de tout développeur front-end.
Le projet est déployé sur GitHub Pages et le code est entièrement open source.