GILBAK DIGITAL

Système de Composants Réutilisables - Accueil

9
Pages HTML
2
Composants
6
Documents
100%
Complété

Pages Principales (Production)

Page d'Accueil

La page d'entrée principale du site GILBAK DIGITAL avec présentation générale et aperçus des services.

Ouvrir

Services

Présentation détaillée des 4 services principaux : Transformation digitale, Formation, Développement, Services informatiques.

Ouvrir

Offres

Offres spécialisées pour 3 catégories : Écoles, PME, Indépendants & particuliers.

Ouvrir

Témoignages

6 témoignages de clients satisfaits (écoles, PME, étudiants, ONG, startups, centres de formation).

Ouvrir

À Propos

Informations sur GILBAK DIGITAL, notre mission et notre engagement envers la transformation digitale en Afrique.

Ouvrir

Contact

Formulaire de contact et informations de contact directes (téléphone, email, adresse).

Ouvrir

Pages de Test & Vérification

Test Simple

Page simple pour tester le chargement automatique des composants header et footer.

Ouvrir

Vérification

Page détaillée avec informations sur le système, son fonctionnement et les points importants.

Ouvrir

Checklist

Checklist interactive montrant tous les éléments complétés du projet et les fonctionnalités testées.

Ouvrir

Documentation

README.md

Vue d'ensemble complète du projet avec statistiques, architecture et guide d'utilisation.

Voir

COMPOSANTS.md

Guide complet du système de composants avec instructions de modification et maintenance.

Voir

RESUME.md

Détails techniques et architecture avec exemples de code et structure du projet.

Voir

ARCHITECTURE.txt

Diagrammes de l'architecture, flux de chargement et structure visuelle du site.

Voir

INSTALLATION_COMPLETE.txt

Résumé de l'installation complète avec statistiques et vérification du système.

Voir

INDEX.html (cette page)

Page d'accueil avec liens vers toutes les pages, documentation et ressources du projet.

Source

Composants Réutilisables

Header (assets/header.html)

Composant réutilisable contenant la navigation, le logo et le menu mobile. Utilisé par toutes les pages.

Contient : Logo, Navigation (6 liens), Menu mobile responsive

Code

Footer (assets/footer.html)

Composant réutilisable contenant les infos de contact et les liens. Utilisé par toutes les pages.

Contient : Infos entreprise, Navigation, Contact, Réseaux sociaux, Copyright

Code

Ressources (Assets)

style.css

Feuille de styles globale contenant toutes les animations, variables CSS et styles responsive.

script.js

Script JavaScript contenant le système de chargement des composants, menu mobile et animations.

Logo.png

Logo officiel de GILBAK DIGITAL utilisé dans le header.

Démarrage Rapide

Pour modifier le header :

  1. Ouvrez assets/header.html
  2. Modifiez le HTML selon vos besoins
  3. Sauvegardez le fichier
  4. Les 9 pages se mettent à jour automatiquement ✅

Pour modifier le footer :

  1. Ouvrez assets/footer.html
  2. Modifiez le HTML selon vos besoins
  3. Sauvegardez le fichier
  4. Les 9 pages se mettent à jour automatiquement ✅

Pour ajouter une nouvelle page :

  1. Créez un nouveau fichier nouvelle-page.html
  2. Ajoutez les placeholders : 
    <div id="header-placeholder"></div>
<main>Votre contenu</main>
<div id="footer-placeholder"></div>
<script src="assets/script.js"></script>
  3. Header et footer se chargent automatiquement ✅

GILBAK DIGITAL | Transformation Digitale & Solutions Numériques
Lomé – Togo | 📞 +228 79 69 38 83 | 📧 contact@gilbakdigital.com

© 2025 GILBAK DIGITAL. Tous droits réservés.