From ff31cf6ecf3e3378c6bc9f5819ed19aa1e45f5d0 Mon Sep 17 00:00:00 2001 From: josueMoffo Date: Mon, 6 Oct 2025 09:31:56 +0100 Subject: [PATCH 01/11] 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 72baba71e2564b356934950a429b6c7a1ba3a3c9 Mon Sep 17 00:00:00 2001 From: hussel2004 Date: Tue, 7 Oct 2025 10:27:55 +0100 Subject: [PATCH 02/11] Promotion & Blog --- pages/blog.html | 127 ++++++++++++++++ pages/promotions.html | 192 ++++++++++++++++++++++++ styles/blog.css | 278 +++++++++++++++++++++++++++++++++++ styles/promotions.css | 330 ++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 927 insertions(+) create mode 100644 pages/blog.html create mode 100644 pages/promotions.html create mode 100644 styles/blog.css create mode 100644 styles/promotions.css diff --git a/pages/blog.html b/pages/blog.html new file mode 100644 index 0000000..4ff311c --- /dev/null +++ b/pages/blog.html @@ -0,0 +1,127 @@ + + + + + + + Blog – E-Shop + + + + + +
+ +
+ +
+
+
+

Notre Blog

+

Les dernières actualités, conseils et tendances tech

+
+
+ +
+
+ phones +
+

Les 5 meilleurs smartphones de 2025

+

Découvrez quelles sont les références à ne pas manquer cette année dans l’univers des smartphones …

+ 15 septembre 2025 +
+
+ +
+ laptop +
+

Guide d’achat : choisir un bon ordinateur portable

+

Que faut-il regarder ? Notre guide complet pour t’aider à faire le bon choix …

+ 1 août 2025 +
+
+ +
+ gpc +
+

Accessoires incontournables pour gamer

+

Manettes, casques, écrans — zoom sur les accessoires utiles pour améliorer ton expérience gaming …

+ 20 juillet 2025 +
+
+ + +
+
+ + + + diff --git a/pages/promotions.html b/pages/promotions.html new file mode 100644 index 0000000..36bc48b --- /dev/null +++ b/pages/promotions.html @@ -0,0 +1,192 @@ + + + + + + + Promotions – E-Shop + + + + + +
+ +
+ +
+
+
+

Offres Exceptionnelles

+

Profitez de réductions incroyables dès maintenant !

+
+
+ + +
+

Offre à durée limitée

+
+
+ 00 + Jours +
+
+ 00 + Heures +
+
+ 00 + Minutes +
+
+ 00 + Secondes +
+
+
+ + +
+

Produits en promotion

+
+ +
+ Iphone 16 Pro Max +
+

Iphone 16 Pro Max

+

1.200. 000 FCFA

+

800.000 FCFA

+
+
+
+ Headset +
+

Headset Logitech 3X

+

38.000 FCFA

+

20.000FCFA

+
+
+
+ S25 +
+

Samsung Galaxy S25

+

1000.000FCFA

+

600. 000 FCFA

+
+
+
+ Produit 4 +
+

Laptop Asus V pro

+

700.000FCFA

+

400.000 FCFA

+
+
+ +
+
+ + +
+ + + + + + diff --git a/styles/blog.css b/styles/blog.css new file mode 100644 index 0000000..c27a937 --- /dev/null +++ b/styles/blog.css @@ -0,0 +1,278 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +body { + background-color: #fff; + color: #222; +} + +h1, h2 { + color: #222; +} +h1 { + font-size: 48px; + margin-bottom: 10px; +} +h2 { + font-size: 24px; + margin-bottom: 10px; +} + +/* ========== Header / Navbar ========== */ +header { + display: flex; + justify-content: center; + align-items: center; +} + +#navbar-container { + display: flex; + flex-direction: row; + background-color: #f0f0f0; + max-width: 1200px; + justify-content: space-between; + align-items: center; + margin: 50px auto 0; + box-shadow: 0 2px 12px rgba(0,0,0,0.07); + border-radius: 10px; + height: 70px; + width: 70%; + box-sizing: border-box; + padding: 0 20px; +} + +#navbar { + list-style: none; + display: flex; + align-items: center; + gap: 18px; + margin: 0; + padding: 0; + flex: 1 1 auto; + justify-content: flex-end; +} + +#navbar > li { + position: relative; + white-space: nowrap; +} + +.dropdown { + display: none; + position: absolute; + background: #fff; + min-width: 160px; + box-shadow: 0 8px 16px rgba(0,0,0,0.1); + z-index: 1; +} + +#navbar li:hover > .dropdown { + display: block; +} + +.dropdown li { + padding: 10px 20px; +} + +.dropdown li a { + color: #222; + text-decoration: none; +} + +.dropdown li a:hover { + background: #f0f0f0; +} + +.no-underline { + text-decoration: none; + color: #000; +} + +.user-login { + display: flex; + align-items: center; + gap: 5px; + margin-right: 10px; +} + +.login-text { + display: flex; + flex-direction: column; + font-size: 14px; + line-height: 1.2; +} + +.login-text strong { + font-size: 15px; + color: #222; + font-weight: bold; + margin-left: 2px; +} + +#navbar .options { + position: relative; + display: inline-block; + cursor: pointer; +} + +#navbar .options::after { + content: ""; + display: block; + left: 30px; + right: 30%; + height: 4px; + background: #222; + border-radius: 2px; + opacity: 0; + transition: opacity 0.2s, left 0.2s, right 0.2s; +} + +#navbar .options:hover::after { + opacity: 1; + left: 15%; + right: 15%; +} + +#navbar .options:hover { + color: hsl(216, 82%, 36%); +} + +/* ========== Blog Hero ========== */ +.blog-hero { + background-color: #f5f5f5; + padding: 60px 20px; + text-align: center; +} +.blog-hero .hero-text h1 { + font-size: 52px; + margin-bottom: 10px; +} +.blog-hero .hero-text p { + font-size: 18px; +} + +/* ========== Liste des articles ========== */ +.blog-list { + padding: 60px 20px; + max-width: 1000px; + margin: 0 auto; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 40px; +} + +.blog-card { + background: #fff; + border-radius: 12px; + box-shadow: 0 2px 12px rgba(0,0,0,0.07); + overflow: hidden; + transition: transform 0.2s, box-shadow 0.2s; +} + +.blog-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 24px rgba(0,0,0,0.1); +} + +.blog-card img { + width: 100%; + height: auto; + object-fit: cover; + max-height: 16rem; +} + +.blog-info { + padding: 20px; +} + +.blog-info h2 { + margin-bottom: 12px; + font-size: 22px; +} + +.blog-info p { + font-size: 16px; + margin-bottom: 15px; + color: #555; +} + +.blog-info .date { + font-size: 14px; + color: #999; +} + +/* ========== Footer ========== */ +footer { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding-top: 20px; +} +footer .col { + display: flex; + flex-direction: column; + align-items: flex-start; + margin-bottom: 20px; +} +footer h4 { + font-size: 14px; + padding-bottom: 20px; +} +footer p { + font-size: 13px; + margin: 0 0 8px 0; +} +footer a { + font-size: 13px; + text-decoration: none; + color: #222; + margin-bottom: 10px; +} +footer .follow i { + color: #465b52; + padding-right: 4px; + cursor: pointer; +} +footer .install .row img { + border: 1px solid #8f253c; + border-radius: 6px; +} +footer .install img { + margin: 10px 0 15px 0; +} +footer .follow i:hover, footer a:hover { + color: #8f253c; +} +footer .copyright { + text-align: center; + width: 100%; + padding: 10px 0; +} + +/* ========== Responsive ========== */ +@media (max-width: 900px) { + #navbar-container { + width: 95%; + padding: 0 10px; + } + #navbar { + gap: 10px; + } + .blog-list { + gap: 20px; + } +} +#brand-name { + text-decoration: none; + font-size: 20px; + color:#222; + font-weight: bold; + margin-right: 40px; + margin-left: 10px; +} diff --git a/styles/promotions.css b/styles/promotions.css new file mode 100644 index 0000000..416db7f --- /dev/null +++ b/styles/promotions.css @@ -0,0 +1,330 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Poppins', sans-serif; +} + +body { + width: 100%; + background-color: #fff; + color: #222; +} + +h1, h2, h3 { + color: #222; +} + +h1 { + font-size: 48px; + margin-bottom: 10px; +} +h2 { + font-size: 36px; + margin-bottom: 20px; +} +h3 { + font-size: 20px; + margin-bottom: 8px; +} + +/* ========== Header et Navbar ========== */ +header { + display: flex; + justify-content: center; + align-items: center; +} + +#navbar-container { + display: flex; + flex-direction: row; + background-color: #f0f0f0; + max-width: 1200px; + justify-content: space-between; + align-items: center; + margin: 50px auto 0; + box-shadow: 0 2px 12px rgba(0,0,0,0.07); + border-radius: 10px; + height: 70px; + width: 70%; + box-sizing: border-box; + padding: 0 20px; +} + +#navbar { + list-style: none; + position: relative; + display: flex; + flex-direction: row; + align-items: center; + gap: 18px; + margin: 0; + padding: 0; + flex: 1 1 auto; + justify-content: flex-end; + flex-wrap: wrap; +} + +#navbar > li { + display: inline-block; + position: relative; + white-space: nowrap; +} + +.dropdown { + display: none; + position: absolute; + background: #fff; + min-width: 160px; + box-shadow: 0 8px 16px rgba(0,0,0,0.1); + z-index: 1; +} + +#navbar li:hover > .dropdown { + display: block; +} + +.dropdown li { + display: block; + padding: 10px 20px; +} + +.dropdown li a { + color: #222; + text-decoration: none; + display: block; +} + +.dropdown li a:hover { + background: #f0f0f0; +} + +.no-underline { + text-decoration: none; + color: #000; +} + +.user-login { + display: flex; + align-items: center; + gap: 5px; + margin-right: 10px; +} + +.login-text { + display: flex; + flex-direction: column; + font-size: 14px; + line-height: 1.2; + color: #000; +} + +.login-text strong { + font-size: 15px; + color: #222; + font-weight: bold; + margin-left: 2px; +} +#brand-name { + text-decoration: none; + font-size: 20px; + color:#222; + font-weight: bold; + margin-right: 40px; + margin-left: 10px; +} + +#navbar .options { + position: relative; + display: inline-block; + cursor: pointer; +} + +#navbar .options::after { + content: ""; + display: block; + left: 30px; + right: 30%; + height: 4px; + background: #222; + border-radius: 2px; + opacity: 0; + transition: opacity 0.2s, left 0.2s, right 0.2s; +} + +#navbar .options:hover::after { + opacity: 1; + left: 15%; + right: 15%; +} + +#navbar .options:hover { + color: hsl(216, 82%, 36%); +} + +/* ========== Section promo-hero ========== */ +.promo-hero { + background-color: #f0f0f0; + padding: 60px 20px; + text-align: center; +} +.promo-hero .promo-banner h1 { + font-size: 52px; + margin-bottom: 10px; +} +.promo-hero .promo-banner p { + font-size: 18px; +} + +/* ========== Offres limitées (compte à rebours) ========== */ +.limited-offer { + padding: 40px 20px; + text-align: center; + background-color: #fff; +} +.limited-offer h2 { + margin-bottom: 30px; +} +.countdown-container { + display: flex; + justify-content: center; + gap: 30px; + flex-wrap: wrap; +} +.time-box { + background: #f5f5f5; + padding: 20px; + border-radius: 8px; + min-width: 80px; + display: flex; + flex-direction: column; + align-items: center; +} +.time-box .time { + font-size: 32px; + font-weight: 700; +} +.time-box .label { + font-size: 14px; + margin-top: 5px; + color: #555; +} + +/* ========== Grille de produits en promo ========== */ +.sale-grid { + padding: 60px 20px; + background-color: #fafafa; + text-align: center; +} +.sale-grid h2 { + margin-bottom: 40px; +} +.products-container { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); + gap: 30px; + max-width: 1000px; + margin: 0 auto; +} +.product-card { + background: #fff; + border-radius: 12px; + box-shadow: 0 2px 12px rgba(0,0,0,0.07); + overflow: hidden; + transition: transform 0.2s, box-shadow 0.2s; +} +.product-card:hover { + transform: translateY(-6px); + box-shadow: 0 8px 24px rgba(0,0,0,0.1); +} +.product-card img { + width: 100%; + height: auto; + max-height: 9rem; + object-fit: cover; +} +.product-info { + padding: 16px; +} +.product-info h3 { + margin-bottom: 10px; +} +.original-price { + text-decoration: line-through; + color: #999; + margin-bottom: 8px; +} +.promo-price { + color: #8f253c; + font-size: 1.25rem; + font-weight: bold; +} + + +/* ========== Footer ========== */ +/* Tu peux simplement copier les styles du footer de ta home page ici */ +footer { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding-top: 20px; +} +footer .col { + display: flex; + flex-direction: column; + align-items: flex-start; + margin-bottom: 20px; +} +footer h4 { + font-size: 14px; + padding-bottom: 20px; +} +footer p { + font-size: 13px; + margin: 0 0 8px 0; +} +footer a { + font-size: 13px; + text-decoration: none; + color: #222; + margin-bottom: 10px; +} +footer .follow i { + color: #465b52; + padding-right: 4px; + cursor: pointer; +} +footer .install .row img { + border: 1px solid #8f253c; + border-radius: 6px; +} +footer .install img { + margin: 10px 0 15px 0; +} +footer .follow i:hover, footer a:hover { + color: #8f253c; +} +footer .copyright { + text-align: center; + width: 100%; + padding: 10px 0; +} + +/* ========== Adaptations responsive ========== */ +@media (max-width: 900px) { + #navbar-container { + width: 95%; + padding: 0 10px; + } + #navbar { + gap: 10px; + } + .countdown-container { + gap: 15px; + } + .products-container, .top-deals-container { + gap: 20px; + } +} From bee3208c4f40b37fa7b75fdba156ec8a56b98214 Mon Sep 17 00:00:00 2001 From: josueMoffo Date: Tue, 7 Oct 2025 10:36:33 +0100 Subject: [PATCH 03/11] 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 b6bd6fb22e20e2c0d69e3961176861a830fa83ac Mon Sep 17 00:00:00 2001 From: Maximilien Sibyllin Date: Tue, 7 Oct 2025 12:09:42 +0100 Subject: [PATCH 04/11] Ajout de paiement.html (avec un code de paiment reussi.html) & paiement.css --- .vscode/launch.json | 15 +++ .vscode/settings.json | 3 + pages/paiement.html | 104 ++++++++++++++++++ pages/paiement_reussi.html | 34 ++++++ styles/paiement.css | 213 +++++++++++++++++++++++++++++++++++++ 5 files changed, 369 insertions(+) create mode 100644 .vscode/launch.json create mode 100644 .vscode/settings.json create mode 100644 pages/paiement.html create mode 100644 pages/paiement_reussi.html create mode 100644 styles/paiement.css diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..2ba986f --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..c1951c0 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "editor.linkedEditing": true +} \ No newline at end of file diff --git a/pages/paiement.html b/pages/paiement.html new file mode 100644 index 0000000..e77d310 --- /dev/null +++ b/pages/paiement.html @@ -0,0 +1,104 @@ + + + + + + Paiement - E-commerce + + + +
+ + +
+ +
+
+

Finaliser le paiement

+ +
+

Informations personnelles

+
+ + +
+
+ + +
+ +

Adresse de livraison

+
+ + +
+
+ + +
+ +

Informations de paiement

+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + + diff --git a/pages/paiement_reussi.html b/pages/paiement_reussi.html new file mode 100644 index 0000000..4417097 --- /dev/null +++ b/pages/paiement_reussi.html @@ -0,0 +1,34 @@ + + + + + + Paiement Réussi - E-commerce + + + +
+ + +
+ +
+
+

✅ Paiement réussi !

+

Merci pour votre commande. Vous recevrez un email de confirmation sous peu.

+ Retourner à la boutique +
+
+ + + + diff --git a/styles/paiement.css b/styles/paiement.css new file mode 100644 index 0000000..acbf525 --- /dev/null +++ b/styles/paiement.css @@ -0,0 +1,213 @@ +body { +font-family: "Poppins", sans-serif; +background-color: #cccccc; +color: #333; +margin: 0; +padding: 0; +} + +/* HEADER */ +.main-header { +background-color: #8f253c; +color: white; +display: flex; +justify-content: space-between; +align-items: center; +padding: 15px 50px; +} + +.main-header a { +color: white; +text-decoration: none; +font-weight: bold; +} + +.main-header ul { +list-style: none; +display: flex; +gap: 25px; +} + +.main-header ul li a:hover { +text-decoration: underline; +} + +/* MAIN LAYOUT */ +.payment-container { +display: flex; +justify-content: space-between; +margin: 40px auto; +width: 90%; +max-width: 1200px; +gap: 40px; +} + +/* FORM SECTION */ +.payment-form { +flex: 2; +background: white; +padding: 30px; +border-radius: 10px; +box-shadow: 0 2px 8px rgba(0,0,0,0.1); +} + +.payment-form h1 { +color: #8f253c; +text-align: center; +margin-bottom: 20px; +} + +.payment-form h2 { +color: #776f73; +margin-top: 25px; +border-bottom: 2px solid #cccccc; +padding-bottom: 5px; +} + +.form-group { +margin-top: 15px; +display: flex; +flex-direction: column; +} + +.form-group label { +font-weight: 600; +margin-bottom: 5px; +} + +.form-group input, +.form-group select { +padding: 10px; +border: 1px solid #aaa; +border-radius: 5px; +} + +.form-inline { +display: flex; +gap: 20px; +} + +.btn-validate { +display: block; +width: 100%; +background-color: #8f253c; +color: white; +border: none; +padding: 15px; +border-radius: 8px; +font-size: 16px; +margin-top: 25px; +cursor: pointer; +} + +.btn-validate:hover { +background-color: #776f73; +} + +/* ORDER SUMMARY */ +.order-summary { +flex: 1; +background: white; +padding: 20px; +border-radius: 10px; +box-shadow: 0 2px 8px rgba(0,0,0,0.1); +} + +.order-summary h2 { +color: #8f253c; +margin-bottom: 15px; +text-align: center; +} + +.order-summary table { +width: 100%; +border-collapse: collapse; +} + +.order-summary th, +.order-summary td { +border-bottom: 1px solid #ccc; +padding: 10px; +text-align: center; +} + +.order-summary .total { +font-weight: bold; +color: #8f253c; +} + +/* FOOTER */ +.main-footer { +background-color: #776f73; +color: white; +text-align: center; +padding: 20px; +margin-top: 40px; +} + +@media screen and (max-width: 900px) { +.payment-container { +flex-direction: column; +} +} +/* PAGE DE CONFIRMATION */ +.success-container { +display: flex; +justify-content: center; +align-items: center; +height: 70vh; +} + +.success-box { +background-color: white; +border-radius: 10px; +padding: 50px; +text-align: center; +box-shadow: 0 2px 10px rgba(0,0,0,0.15); +max-width: 600px; +} + +.success-box h1 { +color: #8f253c; +margin-bottom: 20px; +} + +.success-box p { +color: #333; +font-size: 18px; +margin-bottom: 30px; +} + +.btn-return { +display: inline-block; +background-color: #8f253c; +color: white; +padding: 12px 25px; +border-radius: 8px; +text-decoration: none; +font-weight: bold; +} + +.btn-return:hover { +background-color: #776f73; +} + +/* ANIMATION DE CONFIRMATION */ +@keyframes fadePop { +0% { +opacity: 0; +transform: scale(0.8); +} +60% { +opacity: 1; +transform: scale(1.05); +} +100% { +opacity: 1; +transform: scale(1); +} +} + +.success-box { +animation: fadePop 0.8s ease-out; +} From 298ba2d00873bb73030f3e7a2cc2d82d1a5ae7e5 Mon Sep 17 00:00:00 2001 From: josueMoffo Date: Tue, 7 Oct 2025 12:34:05 +0100 Subject: [PATCH 05/11] 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

-
- - !