diff --git a/sitemap.html b/sitemap.html index 7c16996..adf7887 100644 --- a/sitemap.html +++ b/sitemap.html @@ -22,7 +22,7 @@ /* Navigation Styles */ .navbar { - background-color: #1a1a1a; + background-color: #1a1a1a; padding: 0.8rem 2rem; display: flex; align-items: center; @@ -149,103 +149,112 @@ } /* Footer Styles */ - .footer-container { - background-color: #1a1a1a; - color: white; - padding: 40px 20px; - margin-top: 40px; - border-radius: 0 0 8px 8px; - } - - .footer-top { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - gap: 30px; - margin-bottom: 30px; - } - - .footer-logo-section { - flex: 1; - min-width: 250px; - } - - .footer-logo { - width: 120px; - height: auto; - margin-bottom: 15px; - } - - .footer-links { - display: flex; - flex-wrap: wrap; - gap: 30px; - flex: 2; - justify-content: space-around; - } - - .footer-column h4 { - color: #00ffcc; - margin-bottom: 15px; - } - - .footer-column ul { - list-style: none; - padding: 0; - } - - .footer-column ul li { - margin-bottom: 10px; - } - - .footer-column ul li a { - color: white; - text-decoration: none; - transition: color 0.3s ease; - } - - .footer-column ul li a:hover { - color: #00ffcc; - } - - .social-icons { - display: flex; - gap: 15px; - margin-top: 15px; - } - - .social-icons a { - color: white; - font-size: 20px; - transition: color 0.3s ease; - } - - .social-icons a:hover { - color: #00ffcc; - } - - .footer-bottom { - border-top: 1px solid #333; - padding-top: 20px; - } - - .footer-bottom ul { - display: flex; - justify-content: center; - flex-wrap: wrap; - gap: 20px; - list-style: none; - } - - .footer-bottom ul li a { - color: white; - text-decoration: none; - transition: color 0.3s ease; - } - - .footer-bottom ul li a:hover { - color: #00ffcc; - } + /* General Footer Styling */ + .footer-container { + background-color: #1f2937; + color: #ffffff; + padding: 40px 0; + font-family: Arial, sans-serif; + } + + /* Logo and Tagline */ + .footer-logo-section { + text-align: center; + margin-bottom: 30px; + } + .footer-logo { + max-width: 150px; + margin-bottom: 10px; + border-radius: 50px; + } + .footer-logo-section p { + margin: 5px 0; + font-size: 0.95rem; + } + .follow-us { + margin-top: 10px; + font-weight: bold; + } + + /* Social Media Icons */ + .social-icons a { + display: inline-block; + margin: 0 10px; + color: #12e9cc; + font-size: 1.5rem; + text-decoration: none; + } + .social-icons a:hover { + color: #76b2ab; + } + + /* Footer Link Sections */ + .footer-links { + display: flex; + justify-content: space-around; + flex-wrap: wrap; + margin: 20px 100px; + } + .footer-column { + flex-basis: 20%; + margin-bottom: 10px; + } + .footer-column h4 { + font-size: 1rem; + margin-bottom: 10px; + color: #12e9cc; + } + .footer-column ul { + list-style: none; + padding: 0; + } + .footer-column ul li { + margin-bottom: 8px; + } + .footer-column ul li a { + color: #ffffff; + text-decoration: none; + font-size: 0.95rem; + } + .footer-column ul li a:hover { + text-decoration: underline; + } + + /* Footer Bottom Links */ + .footer-bottom { + text-align: center; + border-top: 1px solid #ddd; + padding-top: 20px; + } + .footer-bottom ul { + list-style: none; + padding: 0; + margin: 0; + } + .footer-bottom ul li { + display: inline-block; + margin: 0 15px; + } + .footer-bottom ul li a { + color: #12e9cc; + text-decoration: none; + font-size: 0.95rem; + } + .footer-bottom ul li a:hover { + text-decoration: underline; + } + + /* Responsive Adjustments */ + @media (max-width: 768px) { + .footer-links { + flex-direction: column; + align-items: center; + } + .footer-column { + flex-basis: 100%; + text-align: center; + } + } /* Dark Mode Styles */ body.dark-mode { @@ -398,78 +407,81 @@