Site Nathalie Desbos — Diététicienne Nutritionniste

Site statique HTML/CSS/JS complet. Conçu pour être hébergé sur Netlify (gratuit).

Structure des fichiers

nathalie-desbos-site/
├── index.html                    ← Accueil
├── biographie.html               ← Biographie
├── equilibrage-alimentaire.html  ← Équilibrage alimentaire
├── dietetique-therapeutique.html ← Diététique thérapeutique
├── consultations-tarifs.html     ← Consultations & Tarifs
├── contact.html                  ← Contact (formulaire Netlify)
├── mentions-legales.html         ← Mentions légales
├── netlify.toml                  ← Config Netlify (redirects, headers)
├── css/
│   └── style.css                 ← Feuille de styles partagée
└── js/
    └── main.js                   ← JS partagé (menu, animations, formulaire)

Déploiement sur Netlify (gratuit)

Option A — Glisser-déposer (le plus simple)

  1. Aller sur app.netlify.com
  2. Se connecter / créer un compte gratuit
  3. Aller dans SitesAdd new siteDeploy manually
  4. Glisser-déposer tout le dossier nathalie-desbos-site/
  5. Le site est en ligne en 30 secondes ✅

Option B — Via GitHub (recommandé pour les mises à jour)

  1. Créer un repo GitHub avec les fichiers
  2. Sur Netlify : Add new siteImport from Git
  3. Connecter le repo → Deploy automatique à chaque git push

Formulaire de contact (Netlify Forms)

Le formulaire dans contact.html utilise Netlify Forms — aucun backend requis.

⚠️ Le formulaire ne fonctionne que déployé sur Netlify. En local (fichier ouvert dans le navigateur), le JS affiche une alerte.

Images

Les images actuelles sont chargées depuis l'ancien hébergement WordPress. Pour la migration définitive :

  1. Télécharger les images depuis https://dieteticienne-nathalie-desbos.com/wp-content/uploads/
  2. Créer un dossier img/ dans le projet
  3. Remplacer les URLs dans les HTML par img/nom-du-fichier.jpg

Personnalisation

Couleurs (css/style.css — Variables CSS)

:root {
  --primary: #4A6741;     /* Vert sauge principal */
  --accent:  #B87B45;     /* Terracotta accent */
  --bg:      #FAFAF7;     /* Fond blanc chaud */
}

Domaine personnalisé sur Netlify

Maintenance

Aucune mise à jour de plugin ou CMS requise. Pour modifier le contenu :


Création : G-Tech · Labruguière (81)