diff --git a/index.html b/index.html
index 3cf88ab..accdb06 100644
--- a/index.html
+++ b/index.html
@@ -162,10 +162,6 @@
Apply
-
-
- Contact
-
@@ -247,7 +243,7 @@
Program Offerings
- We focus on all round development to make you interview ready 👩🏻💻
+ We focus on all round development to make you interview ready
@@ -681,9 +677,7 @@
Organization Lead : Bangladesh
AVP, QA | Green Delta Insurance
Hira Farooq
- Organization Lead : Pakistan
APM: Vyro
-
-
+ Organization Lead : Pakistan
APM: Vyro
@@ -767,32 +761,38 @@
Organization Lead : UAE
Web Developer | UI / UX Designer
-
+
Numbers Speak Louder
-
-
-
Community members
+
+
+ Community members
+
-
-
-
Offers and Scholarships Bagged
+
+
+ Offers and Scholarships Bagged
+
-
-
-
Companies
+
+
+ Companies
+
-
-
-
Average CTC
+
+
+ Average CTC
+
+
+
diff --git a/style.css b/style.css
index 09d0535..9165371 100644
--- a/style.css
+++ b/style.css
@@ -50,6 +50,7 @@ body {
font-family: Nunito, sans-serif;
color: black;
background-color: #ebedee;
+ overflow-x: hidden;
}
/* .nav-link{
@@ -312,6 +313,23 @@ body {
height: 100px;
border-radius: 50%;
margin-top: -50px;
+ animation: floating 3s ease-in-out infinite;
+}
+
+.circle:nth-child(1) {
+ animation-delay: 0s;
+}
+.circle:nth-child(2) {
+ animation-delay: 0.5s;
+}
+.circle:nth-child(3) {
+ animation-delay: 1s;
+}
+.circle:nth-child(4) {
+ animation-delay: 1.5s;
+}
+.circle:nth-child(5) {
+ animation-delay: 2s;
}
#cicle-logo {
@@ -477,7 +495,7 @@ body {
padding: 20px 20px 0px 0px;
}
.card-testimonials:hover{
- border: 3px solid #cb68f3;
+ border: 1px solid #cb68f3;
transform: scale(1.02);
}
.img-bx {
@@ -536,9 +554,36 @@ body {
transform: scale(1.2); /* Scale the icon on hover */
}
-.mt-5 :hover{
- transform: scale(1.1);
- transition-duration: 0.8s;
+.stat-card {
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+ background: rgba(255, 255, 255, 0.25); /* Glaze/Glass effect */
+ background: rgba(255, 255, 255, 0.15); /* Glaze/Glass effect - Reduced opacity */
+ backdrop-filter: blur(8px);
+ -webkit-backdrop-filter: blur(8px);
+ border: 1px solid rgba(255, 255, 255, 0.4);
+ border: 1px solid rgba(255, 255, 255, 0.2);
+ border-radius: 16px;
+ padding: 20px;
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
+}
+.stat-card:hover {
+ transform: translateY(-10px);
+ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+ background: rgba(255, 255, 255, 0.4);
+ background: rgba(255, 255, 255, 0.3);
+}
+.stat-card h4 {
+ font-size: 2.5rem;
+ color: #9549eb;
+ -webkit-text-fill-color: #9549eb;
+ transition: all 0.3s ease;
+}
+.stat-card:hover h4 {
+ background: linear-gradient(90deg, #5848ea, #9549eb, #fa709a, #5848ea);
+ background-size: 300% 100%;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ animation: button-gradient 4s ease-in-out infinite;
}
.circle-mentors {
@@ -1386,6 +1431,11 @@ h1.big-heading {
}
}
+#apply {
+ position: relative;
+ overflow: hidden;
+}
+
/* footer */
.container-footer {
@@ -1504,4 +1554,3 @@ h1.big-heading {
.container-faq {
padding: 3%;
}
-