Site Vitrine - Gouvernorat du District de Bamako

Description

Site vitrine officiel du Gouvernorat du District de Bamako, capitale du Mali. Ce site présente l'institution, ses missions, sa vision et offre un accès aux archives et bibliothèques.

Fonctionnalités

🏠 Accueil

• Présentation du Gouvernorat du District de Bamako
• Message de bienvenue officiel
• Image du Gouverneur Abdoulaye Coulibaly
• Description de l'institution

👨‍💼 Mot du Gouverneur

• Portrait officiel du Gouverneur
• Message complet d'Abdoulaye Coulibaly
• Présentation de la vision et des engagements

📋 À Propos de nous

• Informations sur l'institution
• Statistiques clés (6 communes, 2.5M+ habitants)
• Rôle et responsabilités

🎯 Nos Missions

• Application des lois et règlements
• Coordination des services déconcentrés
• Accompagnement des collectivités territoriales
• Garantie de la sécurité et de la paix
• Soutien au développement local durable

📚 Bibliothèques & Archives

• Galerie d'images des archives
• Lightbox interactif pour visualiser les images
• Collection de documents historiques

🎯 Notre Vision

• Vision d'une capitale dynamique
• Objectifs de développement
• Engagement pour l'avenir de Bamako

📞 Nous contacter

• Adresse : Hamdallaye ACI 2000 en face du Patronat, Bamako, Mali
• Téléphone : +223 20239971
• Horaires d'ouverture
• Carte interactive (placeholder)

Technologies utilisées

• HTML5 : Structure sémantique moderne
• CSS3 : Styles avancés avec animations et transitions
• JavaScript : Interactivité et animations
• Font Awesome : Icônes
• Google Fonts : Police Inter

Structure du projet

gouv/
├── index.html              # Page principale
├── styles.css              # Styles CSS
├── script.js               # JavaScript
├── README.md               # Documentation
├── logo.jpg                # Logo officiel
├── director.jpg            # Photo du Gouverneur
└── images/                 # Galerie d'archives
    ├── 1.jpg
    ├── 2.jpg
    ├── 3.jpg
    ├── 4.jpg
    ├── 5.jpg
    ├── 6.jpg
    └── 7.jpg

Fonctionnalités techniques

🎨 Design

• Design moderne et professionnel
• Palette de couleurs officielle (bleu #1a5f7a)
• Interface responsive (mobile-first)
• Animations fluides et transitions

📱 Responsive

• Compatible mobile, tablette et desktop
• Navigation hamburger sur mobile
• Grilles adaptatives
• Images optimisées

⚡ Performance

• Chargement progressif des images
• Animations optimisées
• Code minifié et optimisé
• Navigation fluide

🎯 Accessibilité

• Navigation au clavier
• Contraste optimal
• Textes alternatifs
• Structure sémantique

Installation et utilisation

1. Cloner le projet

   git clone [url-du-repo]
   cd gouv

2. Ouvrir le site

   • Double-cliquer sur index.html
   • Ou ouvrir avec un serveur local

3. Développement

   • Modifier index.html pour le contenu
   • Modifier styles.css pour les styles
   • Modifier script.js pour l'interactivité

Sections principales

Navigation

• Menu fixe en haut de page
• Navigation smooth scroll
• Indicateur de section active
• Menu hamburger sur mobile

Hero Section

• Titre principal animé
• Description de l'institution
• Image du Gouverneur
• Effet de parallaxe

Missions

• Cartes interactives
• Icônes Font Awesome
• Animations au hover
• Grille responsive

Galerie

• Grille d'images
• Lightbox interactif
• Animations au scroll
• Navigation clavier

Personnalisation

Couleurs

Les couleurs principales sont définies dans styles.css :

:root {
    --primary-color: #1a5f7a;
    --secondary-color: #2c8bb8;
    --text-color: #333;
    --light-bg: #f8f9fa;
}

Images

• Remplacer logo.jpg par le nouveau logo
• Remplacer director.jpg par la nouvelle photo
• Ajouter/supprimer des images dans le dossier images/

Contenu

• Modifier le texte dans index.html
• Ajuster les informations de contact
• Mettre à jour les statistiques

Compatibilité

• ✅ Chrome (dernière version)
• ✅ Firefox (dernière version)
• ✅ Safari (dernière version)
• ✅ Edge (dernière version)
• ✅ Mobile (iOS/Android)

Support

Pour toute question ou support technique, contactez :

• Adresse : Hamdallaye ACI 2000 en face du Patronat, Bamako, Mali
• Téléphone : +223 20239971

Licence

© 2024 Gouvernorat du District de Bamako. Tous droits réservés.

---

Développé avec ❤️ pour le Gouvernorat du District de Bamako