From 0f85b3105d1172d7aee232ea4945b1415628c984 Mon Sep 17 00:00:00 2001
From: Chirag7270 <159568537+Chirag7270@users.noreply.github.com>
Date: Thu, 9 Oct 2025 10:08:20 +0530
Subject: [PATCH 1/3] Update style.css

Added a hover transition effect for buttons or links
---
 style.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index bd78d613..9ac463a5 100644
--- a/style.css
+++ b/style.css
@@ -16,6 +16,11 @@
   position: relative;
 }
 
+button:hover {
+  transform: scale(1.05);
+  transition: 0.3s;
+}
+
 .logo {
   display: flex;
   align-items: center;
@@ -586,4 +591,4 @@ h2 {
     .sub .btn-sub {
       width: 100%;
     }
-  }  
\ No newline at end of file
+  }  

From b7ca0135752ef38d198e1f3b0d8f55e82b3d1231 Mon Sep 17 00:00:00 2001
From: Chirag7270 <159568537+Chirag7270@users.noreply.github.com>
Date: Thu, 9 Oct 2025 11:10:30 +0530
Subject: [PATCH 2/3] Update index.html with navbar_enhanced.css

Added link to enhanced navbar file
---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index d300bcea..f3751d13 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,7 @@
     ></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
     <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="navbar-enhanced.css" />
     <title>Frontend Projects | Rajeev</title>
     <link rel="icon" type="image/x-icon" href="01-Community-Card/images/favlogo.png">
   </head>

From 33fecedc232e9c021420bb94b12f9cde0254208b Mon Sep 17 00:00:00 2001
From: Chirag7270 <159568537+Chirag7270@users.noreply.github.com>
Date: Thu, 9 Oct 2025 11:12:02 +0530
Subject: [PATCH 3/3] Created navbar-enhanced.css

Created navbar enhanced.css file for modern navbar
---
 navbar-enhanced.css | 123 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 123 insertions(+)
 create mode 100644 navbar-enhanced.css

diff --git a/navbar-enhanced.css b/navbar-enhanced.css
new file mode 100644
index 00000000..cc18903b
--- /dev/null
+++ b/navbar-enhanced.css
@@ -0,0 +1,123 @@
+/* === Navbar Enhancement === */
+
+/* Overall Navbar */
+.navbar {
+  background: linear-gradient(90deg, #007bff, #6610f2);
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+  padding: 0.7rem 2rem;
+  position: sticky;
+  top: 0;
+  z-index: 1000;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  transition: all 0.3s ease-in-out;
+}
+
+/* Logo Section */
+.navbar .logo img {
+  height: 45px;
+  margin-right: 10px;
+  transition: transform 0.3s ease;
+}
+.navbar .logo img:hover {
+  transform: rotate(-5deg) scale(1.1);
+}
+.navbar .logo a {
+  color: #fff;
+  font-size: 1.4rem;
+  font-weight: 600;
+  text-decoration: none;
+}
+
+/* Navbar Links */
+.nav-elements a {
+  color: #f1f1f1;
+  text-decoration: none;
+  margin: 0 1rem;
+  font-weight: 500;
+  position: relative;
+  transition: color 0.3s ease;
+}
+.nav-elements a::after {
+  content: "";
+  position: absolute;
+  bottom: -5px;
+  left: 0;
+  width: 0;
+  height: 2px;
+  background: #fff;
+  transition: width 0.3s ease;
+}
+.nav-elements a:hover {
+  color: #fff;
+}
+.nav-elements a:hover::after {
+  width: 100%;
+}
+
+/* Buttons */
+.nav-buttons .btn-1,
+.nav-buttons .btn-2 {
+  border-radius: 30px;
+  padding: 6px 18px;
+  border: none;
+  cursor: pointer;
+  font-weight: 500;
+  transition: all 0.3s ease;
+}
+.nav-buttons .btn-1 {
+  background: #fff;
+  color: #6610f2;
+}
+.nav-buttons .btn-1:hover {
+  background: #e4e4e4;
+  transform: translateY(-2px);
+}
+.nav-buttons .btn-2 {
+  background: transparent;
+  border: 1px solid #fff;
+  color: #fff;
+}
+.nav-buttons .btn-2:hover {
+  background: #fff;
+  color: #6610f2;
+  transform: translateY(-2px);
+}
+
+/* GitHub Icon */
+.gitstatus a i {
+  font-size: 1.5rem;
+  color: #fff;
+  margin-left: 1rem;
+  transition: transform 0.3s ease;
+}
+.gitstatus a i:hover {
+  transform: rotate(10deg) scale(1.2);
+}
+
+/* Mobile Menu Toggle */
+.menu-toggle {
+  display: none;
+  flex-direction: column;
+  cursor: pointer;
+}
+.menu-toggle span {
+  background: #fff;
+  height: 3px;
+  width: 25px;
+  margin: 3px 0;
+  border-radius: 2px;
+  transition: all 0.3s ease;
+}
+
+/* Responsive Navbar */
+@media (max-width: 768px) {
+  .navbar-function {
+    display: none;
+  }
+
+  .menu-toggle {
+    display: flex;
+  }
+}