From 2124a37f5a547da8c3eae2b4755a7a26d240350c Mon Sep 17 00:00:00 2001 From: Kiran Date: Tue, 15 Oct 2024 20:16:24 +0530 Subject: [PATCH] Live counting feature addition --- assets/css/style.css | 50 ++++++++++++++++++++++++++++++++++++++++++++ index.html | 28 +++++++++++++++++++++++-- 2 files changed, 76 insertions(+), 2 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 021f2f83..eae492e6 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -589,6 +589,56 @@ body.nav-active { overflow: hidden; } box-shadow: 0 0 0 2px var(--white), 0 0 0 5px var(--light-coral); } + .livecounting { + margin-top: 100px; + } + + + .livecounting-container { + display: flex; + gap: 30px; + padding: 20px; + flex-wrap: wrap; + justify-content: center; + } + + .live-count { + min-width: 200px; + height: 150px; + background-color: white; + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 10px; + } + + .live-count-emoji { + font-size: 30px; + color: black; + } + + .live-count-text-count { + font-size: 20px; + font-weight: bold; + color: black; + } + + .live-count-text-wrapper { + font-size: 14px; + color: gray; + } + + /* Media query for smaller screens */ + @media (max-width: 768px) { + .container { + flex-direction: column; + align-items: center; + gap: 20px; + } + } /*-----------------------------------*\ #BLOG diff --git a/index.html b/index.html index 5d06054d..f64c1ff8 100644 --- a/index.html +++ b/index.html @@ -776,8 +776,32 @@

- - + + +
+
+
+ +
1000+
+
students
+
+
+ +
100+
+
courses
+
+
+ +
150000+
+
Learning hours
+
+
+ +
2000+
+
Visitors
+
+
+