Skip to content

Commit

Permalink
Merge pull request #1124 from ananyag309/default
Browse files Browse the repository at this point in the history 
fixed the inconsistent navigation bar
  • Loading branch information
@mansiruhil13
mansiruhil13 authored Nov 7, 2024
2 parents cd4889e + 67a2702 commit f7296cf
Show file tree
Hide file tree
Showing 5 changed files with 262 additions and 37 deletions.
56 changes: 50 additions & 6 deletions Contactus.html
View file
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
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
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
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
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

0 comments on commit f7296cf

Please sign in to comment.