Merge pull request #983 from Raj-Ganatra/main

(Bug)Site Map Overlapping resolved.

sitemap.css

@@ -0,0 +1,22 @@
+.container{
+    width:100%;
+}
+.logo{
+    margin-top:1rem;
+}
+nav{
+    margin-top:0.3rem;
+}
+.outer-options{
+    display:flex;
+    justify-content: space-evenly;
+    align-items: center;
+}
+.buttons{
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+}
+.buttons div a{
+    font-size: 2rem;
+}

sitemap.html

@@ -21,6 +21,8 @@
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
     />
+
+    <link rel="stylesheet" href="sitemap.css">
     <style>
       body {
         font-family: "Roboto", sans-serif;
@@ -184,28 +186,28 @@
             <img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" />
 
           </div>
-          <nav style="height: 2rem;" class="menu">
-            <ul>
-              <li>
+          <nav style="height: 2.2rem;" class="menu">
+            <div class="outer-options"> 
+              <div class="options">
                 <a style="font-size: 1.3rem;" href="/" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a>
-              </li>
-              <li>
+              </div>
+              <div class="options">
                 <a style="font-size: 1.3rem;" href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a>
-              </li>
-              <li>
+              </div>
+              <div class="options">
                 <a style="font-size: 1.3rem;" href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a>
-              </li>
-              <li>
+              </div>
+              <div class="options">
                 <a style="font-size: 1.3rem;" href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a>
-              </li>
-              <li>
+              </div>
+              <div class="options">
                 <a style="font-size: 1.3rem;" href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')"><i class="fa-solid fa-clipboard"></i> Feedback</a>
-              </li>
-            </ul>
+              </div>
+            </div>   
           </nav>
           <div class="buttons">
-            <a href="login.html" class="login">Log in</a>
-            <a href="up.html" class="get-started">Get started</a>
+            <div><a href="login.html" class="login">Log in</a></div>
+            <div><a href="up.html" class="get-started">Get started</a></div>
           </div>
         </div>