From 93829fc23ce4029da9944d9fbfc9d5cd17680fec Mon Sep 17 00:00:00 2001 From: Ezeh Valentine Date: Wed, 1 Apr 2026 14:25:24 +0100 Subject: [PATCH 1/2] changes to the demo cards and feature card --- index.html | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 769407b..6b0e711 100644 --- a/index.html +++ b/index.html @@ -71,11 +71,12 @@ } .badge { - background: rgba(255, 255, 255, 0.2); + background: #A9A9A980; padding: 6px 12px; border-radius: 20px; font-size: 14px; font-weight: 500; + border: 1px solid #F8FAFC80; } .demo-section { @@ -109,14 +110,16 @@ } .demo-item { - background: rgba(0, 0, 0, 0.2); + background: #A9A9A980; padding: 20px; border-radius: 12px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); text-align: center; + border: 1px solid #F8FAFC80; } .demo-item h3 { - color: #fff; + color: #ffffff; margin-bottom: 15px; font-size: 16px; } @@ -124,7 +127,7 @@ .demo-item p { font-size: 13px; margin-bottom: 15px; - color: rgba(255, 255, 255, 0.8); + color: #fafafa; } .feature-grid { @@ -135,10 +138,12 @@ } .feature-card { - background: rgba(0, 0, 0, 0.2); + background: #A9A9A980; padding: 20px; border-radius: 12px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); text-align: center; + border: 1px solid #F8FAFC80; } .feature-icon { @@ -147,14 +152,14 @@ } .feature-card h3 { - color: #fff; + color: #ffffff; font-size: 16px; margin-bottom: 10px; } .feature-card p { font-size: 13px; - color: rgba(255, 255, 255, 0.8); + color: #fafafa; margin: 0; } From 2ca3996f7832731a54a057de7ed4ac51cd726bb1 Mon Sep 17 00:00:00 2001 From: Ezeonyeasi Valentine Date: Sat, 18 Apr 2026 11:28:39 +0100 Subject: [PATCH 2/2] Update index.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 6b0e711..d69854f 100644 --- a/index.html +++ b/index.html @@ -110,12 +110,12 @@ } .demo-item { - background: #A9A9A980; + background: rgba(169, 169, 169, 0.5); padding: 20px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); text-align: center; - border: 1px solid #F8FAFC80; + border: 1px solid rgba(248, 250, 252, 0.5); } .demo-item h3 {