From ff31cf6ecf3e3378c6bc9f5819ed19aa1e45f5d0 Mon Sep 17 00:00:00 2001 From: josueMoffo Date: Mon, 6 Oct 2025 09:31:56 +0100 Subject: [PATCH 1/3] Ajout d'un tableau de bord pour le client --- pages/mon-compte.html | 92 ++++++++++++++++++++++++++++++++++ styles/mon-compte.css | 111 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 203 insertions(+) create mode 100644 pages/mon-compte.html create mode 100644 styles/mon-compte.css diff --git a/pages/mon-compte.html b/pages/mon-compte.html new file mode 100644 index 0000000..4f5ac60 --- /dev/null +++ b/pages/mon-compte.html @@ -0,0 +1,92 @@ + + + + + Dashboard Client - E-commerce + + + +
+

Dashboard

+

Bienvenue sur votre espace personnel

+
+ + ! + +
+ + + +
+

Points de fidélité

+

Total points : 520

+

Récompenses disponibles : 2 bons d’achat

+
+ + +
+

Historique des commandes

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
Code CommandeDateStatutMontantActions
A2025-00101/09/2025Livrée12 000 FCFADétails | Télécharger facture
A2025-00215/09/2025En attente8 500 FCFADétails | Télécharger facture
+
+ + +
+

Retours & Réclamations

+

Aucun retour en cours.

+
+ + +
+

Produits consultés récemment

+
    +
  • Écran 27" 4K
    • +
  • Clé USB 128Go
    • +
+
+
+ + + + diff --git a/styles/mon-compte.css b/styles/mon-compte.css new file mode 100644 index 0000000..baa8d53 --- /dev/null +++ b/styles/mon-compte.css @@ -0,0 +1,111 @@ +/* Reset */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +/* Couleurs principales */ +:root { + --primary: #776f73; + --secondary: #8f253c; + --light: #cccccc; + --white: #fff; +} + +/* Global */ +body { + font-family: Arial, sans-serif; + display: flex; + background-color: var(--light); +} + +/* Header */ +header { + position: fixed; + top: 0; + left: 200px; + right: 0; + background: var(--primary); + color: var(--white); + padding: 1rem; + text-align: center; + z-index: 10; +} + +/* Sidebar */ +.sidebar { + width: 200px; + background: var(--secondary); + min-height: 100vh; + position: fixed; + top: 0; + left: 0; + padding-top: 5rem; +} + +.sidebar ul { + list-style: none; +} + +.sidebar li { + margin: 1rem 0; +} + +.sidebar a { + color: var(--white); + text-decoration: none; + padding: 0.5rem 1rem; + display: block; +} + +.sidebar a:hover { + background: var(--primary); +} + +/* Main */ +main { + margin-left: 200px; + padding: 7rem 2rem 2rem 2rem; + width: 100%; +} + +.card { + background: var(--white); + padding: 1.5rem; + margin-bottom: 1.5rem; + border-radius: 8px; + box-shadow: 0 2px 5px rgba(0,0,0,0.1); +} + +.card h2 { + margin-bottom: 1rem; + color: var(--secondary); +} + +/* Table */ +table { + width: 100%; + border-collapse: collapse; + margin-top: 1rem; +} + +table th, table td { + padding: 0.8rem; + border: 1px solid var(--light); + text-align: left; +} + +table th { + background: var(--primary); + color: var(--white); +} + +/* Footer */ +footer { + background: var(--primary); + color: var(--white); + text-align: center; + padding: 1rem; + margin-left: 200px; +} From bee3208c4f40b37fa7b75fdba156ec8a56b98214 Mon Sep 17 00:00:00 2001 From: josueMoffo Date: Tue, 7 Oct 2025 10:36:33 +0100 Subject: [PATCH 2/3] changement de la devise du FCFA au $ --- pages/mon-compte.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/pages/mon-compte.html b/pages/mon-compte.html index 4f5ac60..0dec0a9 100644 --- a/pages/mon-compte.html +++ b/pages/mon-compte.html @@ -55,14 +55,14 @@

Historique des commandes

A2025-001 01/09/2025 Livrée - 12 000 FCFA + $230 Détails | Télécharger facture A2025-002 15/09/2025 En attente - 8 500 FCFA + $120 Détails | Télécharger facture From 298ba2d00873bb73030f3e7a2cc2d82d1a5ae7e5 Mon Sep 17 00:00:00 2001 From: josueMoffo Date: Tue, 7 Oct 2025 12:34:05 +0100 Subject: [PATCH 3/3] suppression de l'en-tete et du pieds et page --- pages/mon-compte.html | 27 ++++++++++++--------------- 1 file changed, 12 insertions(+), 15 deletions(-) diff --git a/pages/mon-compte.html b/pages/mon-compte.html index 0dec0a9..c731090 100644 --- a/pages/mon-compte.html +++ b/pages/mon-compte.html @@ -6,12 +6,7 @@ -
-

Dashboard

-

Bienvenue sur votre espace personnel

-
- - !