Compte rendu — France Mobilier & actualisations portfolio

1. Projet France Mobilier

Objectif : Reproduire le comportement d’un site vitrine PHP / MySQL (pages d’accueil, liste produits filtrée, magasins, newsletter) sans serveur ni base : tout tourne en HTML, CSS, JavaScript avec des données de démo.

Livrable : Dossier Projets/Francemobilier/ ouvrable en local (index.html).

Auteur : Abdelmalek Elidrissi — BTS SIO SLAM

Fonctionnalités

Accueil : carrousel (images locales dans images/carousel/), liste des magasins, formulaire newsletter (démo : alerte, pas d’envoi serveur).
Recherche : filtres catégorie et gamme (valeur 0 = toutes), affichage d’un tableau produits (référence, photo, désignation, prix TTC format français).
Catalogue : données dans data.js (categories, gammes, produits, magasins).
Photos produits : fichiers locaux images/produits/<clé>.jpg (plus d’URL Picsum dans le code).

Technologies (France Mobilier)

HTML5 CSS3 JavaScript Bootstrap 5 Bootstrap Icons

Arborescence indicative

Projets/Francemobilier/ ├── index.html # structure + vues accueil / liste ├── francemobilier.css # compléments à Bootstrap ├── app.js # filtres, rendu tableau, newsletter démo ├── data.js # FM_DATA (JSON de démo) └── images/ ├── carousel/ # salon.jpg, salle-a-manger.jpg, chambre.jpg └── produits/ # canape.jpg, tablebasse.jpg, … (12 fichiers)

2. Actualisations du portfolio (`index.html`)

Section Projets : ajout de la carte France Mobilier ; retrait des cartes SIO Shoes (e-commerce Symfony), Coach v1 (app mobile) et Veille & dossiers BTS ; conservation de SIO Shoes — Vitrine retail et Coach v1 — Maquette web.
Suppression du menu et de la section Veille technologique ; ajustements associés dans assets/js/main.js (ScrollReveal / cartes).
Images : miniatures Snack Palace et Coach en fichiers locaux sous assets/img/ ; France Mobilier et carrousel en chemins relatifs ; pas de repli Unsplash sur la carte SIO Shoes.
Arrière-plan global : remplacement du graphique animé type « data » par un fond discret .site-ambient (dégradés + grille légère) dans assets/css/styles.css.

3. Rappel — maquette Amsom Habitat

Logo officiel Synéo RVB (vert / gris) issu du kit de communication amsom-habitat.fr, fichier public/images/amsom-official.png. Interface recolorée dans public/css/amsom.css ; entrées de menu Applications et Statistiques retirées de la barre de navigation. Détail : compte rendu Amsom Habitat.

Compte rendu — France Mobilier