Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fixed the inconsistent navigation bar #1124

Merged
merged 6 commits into from
Nov 7, 2024
Merged

fixed the inconsistent navigation bar #1124

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
79d919b
fixed navbar navigagtion
ananyag309 Oct 29, 2024
995a139
Update Contactus.html
ananyag309 Oct 29, 2024
17d2fb0
Update faq.html
ananyag309 Oct 29, 2024
f0f5f5b
Update features.html
ananyag309 Oct 29, 2024
d3cf493
Update home.html
ananyag309 Oct 29, 2024
67a2702
Merge branch 'main' into default
ananyag309 Oct 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 50 additions & 6 deletions Contactus.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
}
</style>
</head>
<body>
Expand All @@ -193,12 +224,25 @@
</div>

<nav class="menu">
<ul>
<li><a href="index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a></li>
<li><a href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a></li>
<li><a href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a></li>
<li><a href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a></li>
<li><a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')"><i class="fa-solid fa-clipboard"></i> Feedback</a></li>
<ul class="nav-links">
<li>
<a href="./index.html" id="home-link" onclick="changeContent('home')">Home</a>
</li>
<li>
<a href="features.html" id="features-link" onclick="changeContent('features')">Features</a>
</li>
<li>
<a href="team.html" id="team-link" onclick="changeContent('team')">Team</a>
</li>
<li>
<a href="contact.html" id="contact-link" onclick="changeContent('contact')">Contact</a>
</li>
<li>
<a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')">Feedback</a>
</li>
<li>
<a href="nearby.html" id="nearby-link" onclick="changeContent('nearby')">Nearby</a>
</li>
</ul>
</nav>
<div class="buttons">
Expand Down
46 changes: 40 additions & 6 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
}
</style>
</head>
<body>
Expand All @@ -166,21 +197,24 @@

</div>
<nav class="menu">
<ul>
<ul class="nav-links">
<li>
<a href="./index.html" id="home-link" onclick="changeContent('home')">Home</a>
</li>
<li>
<a href="./index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a>
<a href="features.html" id="features-link" onclick="changeContent('features')">Features</a>
</li>
<li>
<a href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a>
<a href="team.html" id="team-link" onclick="changeContent('team')">Team</a>
</li>
<li>
<a href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a>
<a href="contact.html" id="contact-link" onclick="changeContent('contact')">Contact</a>
</li>
<li>
<a href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a>
<a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')">Feedback</a>
</li>
<li>
<a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')"><i class="fa-solid fa-clipboard"></i> Feedback</a>
<a href="nearby.html" id="nearby-link" onclick="changeContent('nearby')">Nearby</a>
</li>
</ul>
</nav>
Expand Down
71 changes: 70 additions & 1 deletion faq.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
}
</style>
</head>
<body>
<header>
<div class="container">
<div class="logo">
<div class="brand-name">
<span class="ambu">Ambu</span>Flow
</div>
<img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" />
</div>
<!-- Navbar Section -->
<nav class="menu">
<ul class="nav-links">
<li>
<a href="./index.html" id="home-link" onclick="changeContent('home')">Home</a>
</li>
<li>
<a href="features.html" id="features-link" onclick="changeContent('features')">Features</a>
</li>
<li>
<a href="team.html" id="team-link" onclick="changeContent('team')">Team</a>
</li>
<li>
<a href="contact.html" id="contact-link" onclick="changeContent('contact')">Contact</a>
</li>
<li>
<a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')">Feedback</a>
</li>
<li>
<a href="nearby.html" id="nearby-link" onclick="changeContent('nearby')">Nearby</a>
</li>
</ul>
</nav>
<div class="buttons">
<a href="login.html" class="login">Log in</a>
<a href="up.html" class="get-started">Get started</a>
</div>
</div>
<h1>About AmbuFlow</h1>
</header>
<div class="contact-feature faq-section" id="faq-section">
<div class="faq-hd">
<div class="faq-h2">Frequently Asked Questions [ FAQs ]</div>
Expand Down Expand Up @@ -263,4 +332,4 @@
});
</script>
</body>
</html>
</html>
92 changes: 91 additions & 1 deletion features.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
}
</style>

</head>
Expand All @@ -386,6 +422,60 @@
</div>
<!-- ------------------------------Added a navbar---------------------------------- -->


<header class="navbar">
<div class="container">

<div class="logo">
<div class="brand-name">
<span class="letter red" style="--letter-index: 1;">A</span>
<span class="letter red" style="--letter-index: 2;">m</span>
<span class="letter red" style="--letter-index: 3;">b</span>
<span class="letter red" style="--letter-index: 4;">u</span>
<span class="letter" style="--letter-index: 5;">F</span>
<span class="letter" style="--letter-index: 6;">l</span>
<span class="letter" style="--letter-index: 7;">o</span>
<span class="letter" style="--letter-index: 8;">w</span>
</div>
<a href="./index.html">
<img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" />
</a>
</div>

<nav class="menu">
<ul class="nav-links">
<li>
<a href="./index.html" id="home-link" onclick="changeContent('home')">Home</a>
</li>
<li>
<a href="features.html" id="features-link" onclick="changeContent('features')">Features</a>
</li>
<li>
<a href="team.html" id="team-link" onclick="changeContent('team')">Team</a>
</li>
<li>
<a href="contact.html" id="contact-link" onclick="changeContent('contact')">Contact</a>
</li>
<li>
<a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')">Feedback</a>
</li>
<li>
<a href="nearby.html" id="nearby-link" onclick="changeContent('nearby')">Nearby</a>
</li>
</ul>
</nav>
<div class="buttons">


<a href="login.html" class="login">Log in</a>
<a href="up.html" class="get-started">Get started</a>

<button class="light-dark-btn dark-mode-toggle" id="dark-mode-toggle">
<i class="fa-solid fa-moon"></i>
</button>



<div class="container" id="container">

<div class="logo">
Expand Down Expand Up @@ -609,4 +699,4 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
</script>
</body>

</html>
</html>
34 changes: 11 additions & 23 deletions home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,36 +19,24 @@
</a>
</div>
<nav class="menu">
<ul>
<ul class="nav-links">
<li>
<a
href="./index.html"
target="_self"
id="home-link"
onclick="changeContent('home')"
>Home</a
>
<a href="./index.html" id="home-link" onclick="changeContent('home')">Home</a>
</li>
<li>
<a
href="features.html"
id="features-link"
onclick="changeContent('features')"
>Features</a
>
<a href="features.html" id="features-link" onclick="changeContent('features')">Features</a>
</li>
<li>
<a href="team.html" id="team-link" onclick="changeContent('team')"
>Team</a
>
<a href="team.html" id="team-link" onclick="changeContent('team')">Team</a>
</li>
<li>
<a
href="contact.html"
id="contact-link"
onclick="changeContent('contact')"
>Contact</a
>
<a href="contact.html" id="contact-link" onclick="changeContent('contact')">Contact</a>
</li>
<li>
<a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')">Feedback</a>
</li>
<li>
<a href="nearby.html" id="nearby-link" onclick="changeContent('nearby')">Nearby</a>
</li>
</ul>
</nav>
Expand Down