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 Sites → Add new site → Deploy 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 site → Import 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.

• Les soumissions apparaissent dans Netlify → Forms
• Activer les notifications email dans Forms → Settings → Email notifications
• L'adresse de réception à configurer : nathdiet81@gmail.com

⚠️ 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

• Netlify → Site → Domain settings → Add custom domain
• Rediriger les DNS : ajouter un enregistrement CNAME vers *.netlify.app

Maintenance

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

• Ouvrir le fichier .html concerné dans un éditeur de texte
• Modifier le texte entre les balises HTML
• Re-déployer (glisser-déposer ou git push)

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