Site Web de Tourisme et Culture au Gabon

Aperçu du Projet

Ce projet est un site web mettant en valeur le tourisme et le patrimoine culturel du Gabon. Il met en lumière les paysages vibrants, la biodiversité unique et les riches traditions du pays pour attirer et informer les visiteurs.

---

Fonctionnalités

1. Navigation

• Barre de navigation réactive : Le site propose une barre de navigation réactive avec des liens vers les sections clés, telles que :
  • Culture
  • Destinations
  • Gastronomie
  • Contact
• Inclut un menu déroulant pour les utilisateurs mobiles.

2. Section Héros

• Image de fond : Une section héros pleine largeur avec une image de fond captivante des paysages gabonais.
• Appel à l'action : Bouton proéminent renvoyant à la page des destinations.

3. Section Services

• Décrit les offres uniques du Gabon :
  • Une biodiversité exceptionnelle.
  • Un patrimoine culturel riche et fascinant.
  • Des monuments emblématiques comme le drapeau gabonais.
• Comprend des icônes et des textes descriptifs pour chaque service.

4. Galerie

• Une mise en page en grille affichant des images des paysages et de la faune du Gabon.
• Le design réactif garantit une expérience optimale sur tous les appareils.

5. Pied de page

• Liens vers les réseaux sociaux tels que Facebook, Instagram, Twitter et Pinterest.
• Liens de navigation rapide vers l'accueil, les services, les témoignages et les pages légales.

---

Technologies Utilisées

• HTML : Pour structurer la page web.
• CSS (Tailwind CSS) : Pour le style et le design réactif.
• JavaScript : Pour l'interactivité (par exemple, bascule de navigation).
• Font Awesome : Pour les icônes des réseaux sociaux.
• Google Fonts : Typographie personnalisée.

---

Structure des Fichiers

project/
├── index.html                 # Fichier HTML principal
├── css/
│   ├── tailwind.css          # Styles Tailwind CSS
│   └── style.css             # Styles personnalisés supplémentaires
├── js/
│   └── script.js             # Fonctionnalités JavaScript
├── images/
│   ├── 2-5.jpg               # Image de fond Héros
│   ├── 10-5.jpg              # Section Services
│   ├── Paysage gabon 1.jpg   # Images de la galerie
│   └── placeholder.png       # Images de remplacement
├── pages/
│   ├── culture.html          # Page Culture
│   ├── destinations.html     # Page Destinations
│   ├── gastronomie.html      # Page Gastronomie
│   ├── contact.html          # Page Contact
│   ├── mentions-legales.html # Page Mentions légales
│   └── politique-confidentialite.html # Page Politique de confidentialité
└── favicon.ico               # Favicon

---

Installation et Configuration

1. Clonez le dépôt :

   git clone https://github.com/username/repository.git

2. Accédez au répertoire du projet :

   cd project

3. Ouvrez index.html dans votre navigateur pour visualiser le site localement.

---

Guide de Développement

Ajout de Nouvelles Sections

• Pour ajouter une nouvelle section, créez un <div> avec les classes Tailwind appropriées.
• Exemple :

  <div class="container mx-auto py-14">
      <h2 class="text-4xl font-bold">Nouvelle Section</h2>
      <p class="text-base font-normal leading-7">Description de la nouvelle section.</p>
  </div>

Personnalisation des Styles

• Modifiez tailwind.css pour les changements globaux.
• Ajoutez des styles spécifiques dans style.css pour des composants personnalisés.

Optimisation des Images

• Utilisez des images optimisées pour améliorer les temps de chargement.
• Remplacez les images de remplacement par des images réelles du Gabon.

---

Contribuer

1. Forkez le dépôt.
2. Créez une nouvelle branche pour votre fonctionnalité :

   git checkout -b feature-name

3. Validez vos modifications :

   git commit -m "Ajout d'une nouvelle fonctionnalité"

4. Poussez votre branche :

   git push origin feature-name

5. Ouvrez une pull request.

---

Crédits

• Conçu par : SHADOW
• Inspiré par : Le tourisme et le patrimoine culturel du Gabon.