Merge pull request #334 from Palmistry2310/feature/improve-login-box-…

…visibility

Login page :improved login box visibility

login.html

@@ -111,14 +111,15 @@
             width: 100%; /* Ensure the footer takes full width */
             background-color: var(--deep-teal); /* Background color for the footer */
             color: white; /* Text color */
-            padding: 30px 0; /* Padding for spacing */
+            padding: 13px 0; /* Padding for spacing */
             position: absolute; /* Positioning at the bottom */
             bottom: 0; /* Align to the bottom */
         }
 
         .footer p {
             color: #fff; /* Text color for footer */
             font-size: 14px;
+            padding-top: 1rem;
         }
 
         .footer a {
@@ -148,47 +149,6 @@ <h2>Log In to Your Account</h2>
         <p>Powered by Resume Builder &copy; 2024</p>
     </div>
 
-    <footer class="footer">
-        <div class="footer-content">
-            <div class="footer-section">
-                <h3>About Us</h3>
-                <ul>
-                    <li><a href="#">Our Story</a></li>
-                    <li><a href="#">Team</a></li>
-                    <li><a href="#">Careers</a></li>
-                </ul>
-            </div>
-            <div class="footer-section">
-                <h3>Services</h3>
-                <ul>
-                    <li><a href="#">Resume Builder</a></li>
-                    <li><a href="#">CV Templates</a></li>
-                    <li><a href="#">Career Advice</a></li>
-                </ul>
-            </div>
-            <div class="footer-section">
-                <h3>Support</h3>
-                <ul>
-                    <li><a href="#">FAQ</a></li>
-                    <li><a href="#">Contact Us</a></li>
-                    <li><a href="#">Privacy Policy</a></li>
-                </ul>
-            </div>
-            <div class="footer-section">
-                <h3>Connect With Us</h3>
-                <div class="social-icons">
-                    <a href="#"><i class="fab fa-facebook-f"></i></a>
-                    <a href="#"><i class="fab fa-x-twitter"></i></a>
-                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
-                    <a href="#"><i class="fab fa-instagram"></i></a>
-                </div>
-            </div>
-        </div>
-        <div class="footer-bottom">
-            <p>&copy; 2024 Resume Builder. All rights reserved.</p>
-        </div>
-    </footer>
-
     <script>
         document.getElementById('loginForm').addEventListener('submit', function(event) {
             event.preventDefault(); // Prevent the default form submission