Merge pull request #626 from divyanshii10/main

Added a navbar in featues.html
mansiruhil13 · Oct 12, 2024 · ee4339c · ee4339c
2 parents 46d7782 + b795827
commit ee4339c
Showing 1 changed file with 30 additions and 13 deletions.
diff --git a/features.html b/features.html
@@ -233,26 +233,43 @@
         </div>
     </div>
 </div>
+<!-- ------------------------------Added a navbar---------------------------------- -->
   <header>
     <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 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>
+          <img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo"
+              style="width: 50px; height: auto" />
       </div>
 
-    </header>
+      <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>
+      </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>
+</header>
+
+<!-- -------------------------------------------------------------------------- -->
     <div class="content" id="main-content">
       <h1>Features</h1>
       <p>Here are the features of AmbuFlow:</p>