Merge pull request #833 from Mohitranag18/footandnav

Improve Footer and Navbar Styling on About Page
GarimaSingh0109 · Oct 25, 2024 · e4b1d54 · e4b1d54
2 parents e57bffb + bc9cd57
commit e4b1d54
Showing 1 changed file with 35 additions and 8 deletions.
diff --git a/about.html b/about.html
@@ -414,22 +414,29 @@
       </script>
 
    <!-- Navbar -->
-   <nav class="navbar">
-    <img src="images/logo.png" alt="logo">
-    <h1>Resum Resume</h1>
     <nav class="navbar">
-        <div class="tabs-container"></div>
+        <img src="images/logo.png" alt="logo">
         <a class="tab" href="index.html">Home</a>
         <a class="tab" href="about.html">About</a>
         <a class="tab" href="resume.html">Build Resume</a>
         <a class="tab" href="resume_tips.html">Resume Tips</a>
         <a class="tab" href="signup.html">Sign Up</a>
         <a class="tab" href="login.html">Login</a>
-        <a class="tab" href="privacypolicy.html">Privacy Policy</a>
         </div>
     </nav>
-
-</nav>
+    <!-- navbar styling -->
+    <style> 
+        .navbar{
+            padding-left: 7rem;
+            padding-right: 7rem;
+        }
+        .tab{
+            color: white;
+            font-size: 2rem;
+        }
+    </style>
+
+    <!-- main section  -->
     <div class="panel-1">
         <div class="about">
             <h1>About</h1>
@@ -524,7 +531,27 @@ <h3>Connect With Us</h3>
           <p>&copy; 2024 Resume Builder. All rights reserved.</p>
         </div>
       </footer>
-
+      <style>
+        .footer-section{
+            display: flex;
+            justify-content: left;
+            flex-direction: column;
+        }
+        .ul{
+            display: flex;
+            flex-direction: column;
+            justify-content: left;
+        }
+        li{
+            text-align: left;
+        }
+        .footer a{
+            color: white;
+        }
+        .footer p{
+            margin-top: 2rem;
+        }
+      </style>
     <script>
         const toggler = document.getElementById("toggler");
         const body = document.body;