diff --git a/Contactus.html b/Contactus.html index 392c069..87cc55c 100644 --- a/Contactus.html +++ b/Contactus.html @@ -170,6 +170,37 @@ display: block; /* Show on hover */ } + + /* Navbar Styles */ + .menu { + display: flex; + justify-content: center; + margin: 20px 0; + } + + .nav-links { + list-style: none; + display: flex; + padding: 10px; + background-color: #f0f0f0; /* Light background color */ + border-radius: 25px; /* Rounded corners */ + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */ + } + + .nav-links li { + margin: 0 15px; /* Space between links */ + } + + .nav-links a { + text-decoration: none; + color: #333; /* Dark text color */ + font-weight: 500; /* Medium font weight */ + transition: color 0.3s; /* Smooth color transition */ + } + + .nav-links a:hover { + color: #007bff; /* Change color on hover */ + } @@ -193,12 +224,25 @@
diff --git a/Feedback.html b/Feedback.html index c80e9ad..eb7524e 100644 --- a/Feedback.html +++ b/Feedback.html @@ -513,6 +513,30 @@
+ @@ -709,7 +733,6 @@

Connect with us!

- \ No newline at end of file + diff --git a/features.html b/features.html index 2232ad4..b263f49 100644 --- a/features.html +++ b/features.html @@ -366,6 +366,42 @@ align-items: center; gap: 8px; } + + /* Navbar Styles */ + .menu { + display: flex; + justify-content: center; + margin: 20px 0; + } + + .nav-links { + list-style: none; + display: flex; + padding: 10px; /* Adjust padding for better spacing */ + background-color: rgba(255, 255, 255, 0.9); /* Light background with transparency */ + border-radius: 30px; /* More rounded corners */ + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Enhanced shadow for depth */ + } + + .nav-links li { + margin: 0 15px; /* Space between links */ + } + + .nav-links a { + text-decoration: none; + color: #333; /* Dark text color */ + font-weight: 400; /* Regular font weight */ + font-size: 16px; /* Adjust font size */ + padding: 10px 15px; /* Add padding for clickable area */ + border: none; /* Remove border */ + border-radius: 20px; /* Rounded corners for links */ + transition: color 0.3s; /* Smooth transition */ + } + + /* Hover effect */ + .nav-links a:hover { + color: #007bff; /* Change text color on hover */ + } @@ -386,6 +422,60 @@ + +