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/about.html b/about.html index 1ef5ec7..254762f 100644 --- a/about.html +++ b/about.html @@ -151,6 +151,37 @@ font-size: 1.8rem; } } + + /* 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 */ + } @@ -166,21 +197,24 @@
diff --git a/faq.html b/faq.html index ff7de5b..e81944d 100644 --- a/faq.html +++ b/faq.html @@ -147,9 +147,78 @@ padding: 20px; /* Optional: add padding for better spacing */ } + + /* 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 */ + } +
+
+ + + +
+ + Get started +
+
+

About AmbuFlow

+
Frequently Asked Questions [ FAQs ]
@@ -263,4 +332,4 @@ }); - \ No newline at end of file + diff --git a/features.html b/features.html index 2232ad4..80d23e9 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 @@
+ +
+
+ + + + +
+ + + + Get started + + + + +