From 83313b7ef6940ce05ccbc5ad025f4be647f09173 Mon Sep 17 00:00:00 2001
From: Sakshi26khandel <khandelsakshi26@gmail.com>
Date: Tue, 28 Oct 2025 23:19:10 +0530
Subject: [PATCH] Successfully change UI Of website

---
 assets/style/style.css | 120 ++++++++++++++++-------------------------
 1 file changed, 46 insertions(+), 74 deletions(-)

diff --git a/assets/style/style.css b/assets/style/style.css
index 2bb3f43..567dd16 100644
--- a/assets/style/style.css
+++ b/assets/style/style.css
@@ -107,7 +107,7 @@ body {
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-normal);
   line-height: 1.6;
-  background-color: #f8f9fa;
+  background: linear-gradient(120deg, #d0ebff, #a2d2ff, #80bfff, #77affd);
   color: var(--dark-color);
   padding-top: 70px; /* For fixed navbar */
   overflow-x: hidden;
@@ -159,6 +159,7 @@ a:hover {
 }
 
 /* Footer */
+/* Blue Gradient Footer */
 .footer-dark {
   position: relative;
   left: 50%;
@@ -166,17 +167,19 @@ a:hover {
   margin-left: -50vw;
   margin-right: -50vw;
   width: 100vw;
-  background-color: var(--dark-color);
-  color: var(--light-color);
+  background: linear-gradient(135deg, #1976d2, #1565c0, #0d47a1);
+  color: #e3f2fd;
   padding: 40px 0;
   margin-bottom: -3rem;
   overflow: hidden;
+  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
 }
 
+/* Footer Headings */
 .footer-dark h3 {
-  color: var(--light-color);
+  color: #ffffff;
   font-family: var(--font-family-heading);
-  font-weight: var(--font-weight-semibold);
+  font-weight: 600;
   font-size: var(--font-size-xl);
   margin-bottom: var(--space-lg);
   position: relative;
@@ -189,116 +192,83 @@ a:hover {
   left: 0;
   width: 40px;
   height: 2px;
-  background: var(--primary-color);
-  border-radius: var(--radius-sm);
-}
-
-.footer-dark ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-.footer-dark ul li {
-  margin-bottom: var(--space-sm);
+  background: #90caf9;
+  border-radius: 4px;
 }
 
+/* Footer Links */
 .footer-dark ul li a {
-  color: var(--light-color);
-  opacity: 0.8;
+  color: #e3f2fd;
+  opacity: 0.9;
   text-decoration: none;
-  font-family: var(--font-family-primary);
-  font-size: var(--font-size-base);
   transition: all 0.3s ease;
   position: relative;
-  padding-left: var(--space-sm);
-}
-
-.footer-dark ul li a::before {
-  content: '→';
-  position: absolute;
-  left: 0;
-  opacity: 0;
-  transform: translateX(-10px);
-  transition: all 0.3s ease;
-  color: var(--primary-color);
+  padding-left: 8px;
 }
 
 .footer-dark ul li a:hover {
   opacity: 1;
-  color: var(--primary-color);
-  padding-left: var(--space-md);
-}
-
-.footer-dark ul li a:hover::before {
-  opacity: 1;
-  transform: translateX(0);
+  color: #bbdefb;
+  text-shadow: 0 0 8px rgba(144, 202, 249, 0.6);
 }
 
+/* Footer Paragraph */
 .footer-dark .item.text p {
-  color: var(--light-color);
-  opacity: 0.9;
-  font-family: var(--font-family-primary);
+  color: #e3f2fd;
+  opacity: 0.85;
   font-size: var(--font-size-base);
   line-height: 1.6;
-  margin-bottom: var(--space-md);
 }
 
+/* Footer Title Links */
 .footer-dark .item.text h3 a {
-  color: var(--primary-color);
+  color: #bbdefb;
   text-decoration: none;
   font-size: var(--font-size-2xl);
-  font-weight: var(--font-weight-bold);
+  font-weight: bold;
   transition: all 0.3s ease;
 }
 
 .footer-dark .item.text h3 a:hover {
-  color: var(--primary-hover);
-  text-shadow: 0 0 10px rgba(99, 102, 241, 0.3);
-}
-
-.footer-dark .social {
-  display: flex;
-  gap: var(--space-md);
-  flex-wrap: wrap;
+  color: #e3f2fd;
+  text-shadow: 0 0 10px rgba(144, 202, 249, 0.4);
 }
 
+/* Social Icons */
 .footer-dark .social a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 50px;
-  height: 50px;
-  background: var(--glass-bg-primary);
-  backdrop-filter: blur(var(--blur-md));
-  border: 1px solid var(--glass-border-light);
-  border-radius: var(--radius-full);
-  color: var(--light-color);
-  font-size: var(--font-size-xl);
+  width: 48px;
+  height: 48px;
+  background: rgba(255, 255, 255, 0.15);
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  border-radius: 50%;
+  color: #e3f2fd;
+  font-size: 1.2rem;
   text-decoration: none;
   transition: all 0.3s ease;
-  box-shadow: var(--shadow-glass-sm);
 }
 
 .footer-dark .social a:hover {
-  background: var(--glass-bg-accent);
-  color: var(--light-color);
-  transform: translateY(-3px);
-  box-shadow: var(--shadow-glass-md);
-  border-color: var(--glass-border-accent);
+  background: rgba(255, 255, 255, 0.25);
+  color: #ffffff;
+  transform: translateY(-4px);
+  box-shadow: 0 4px 12px rgba(13, 71, 161, 0.4);
 }
 
+/* Copyright */
 .footer-dark .copyright {
-  margin-top: var(--space-2xl);
-  padding-top: var(--space-xl);
-  border-top: 1px solid var(--glass-border-light);
+  margin-top: 2rem;
+  padding-top: 1rem;
+  border-top: 1px solid rgba(255, 255, 255, 0.3);
   text-align: center;
-  opacity: 0.7;
-  font-family: var(--font-family-primary);
-  font-size: var(--font-size-sm);
-  color: var(--light-color);
+  opacity: 0.8;
+  font-size: 0.9rem;
+  color: #e3f2fd;
 }
 
+
 /* 404 Page */
 .page_404{
   padding: 40px 0;
@@ -601,3 +571,5 @@ a:hover {
   height: 140px;
   margin: 0 auto;
 }
+
+