From da448ed6fc9e58610ab2f04c019e6e12db179fa9 Mon Sep 17 00:00:00 2001 From: Muskankr Date: Fri, 29 May 2026 18:45:27 +0530 Subject: [PATCH 1/2] Enhancement: Add footer section to Sitemap page (#1806) --- sitemap.html | 242 +++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 233 insertions(+), 9 deletions(-) diff --git a/sitemap.html b/sitemap.html index 1727b04b..37cc0cb8 100644 --- a/sitemap.html +++ b/sitemap.html @@ -102,12 +102,169 @@ margin-top: 0.5rem; } - footer { - text-align: center; - padding: 1rem; - color: var(--text-muted); - font-size: 0.9rem; - } + .site-footer.final-match { + background-color: var(--dark-bg); + color: var(--link-color); + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + padding: 0; + position: relative; + overflow: hidden; +} + +.footer-top-accent { + height: 5px; + background: linear-gradient(to right, #059669, var(--primary-green), #06b6d4); + width: 100%; + position: relative; + z-index: 3; +} + +.footer-wave-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: + repeating-linear-gradient(0deg, transparent 0, transparent 29px, var(--grid-line-color) 30px), + repeating-linear-gradient(90deg, transparent 0, transparent 29px, var(--grid-line-color) 30px); + background-size: 30px 30px; + opacity: 0.8; + z-index: 1; + mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, #000 70%, transparent 100%); + -webkit-mask-image: radial-gradient(ellipse 70% 50% at 50% 50%, #000 70%, transparent 100%); +} + +.footer-inner-content, .footer-bottom { + position: relative; + z-index: 2; +} + +.footer-brand { + flex: 0 0 40%; + min-width: 300px; +} + +.brand-logo { + width: 30px; + height: 30px; + margin-right: 10px; +} + +.site-footer h3 { + color: var(--primary-green); + font-size: 20px; + font-weight: 700; +} + +.brand-header { + display: flex; + align-items: center; + margin-bottom: 15px; +} + +.footer-inner-content { + display: flex; + justify-content: space-between; + max-width: 1200px; + margin: 0 auto; + padding: 50px 30px; + border-bottom: 1px solid var(--border-color); +} + +.footer-section { + padding: 0 15px; + margin-bottom: 30px; +} + +.footer-group-links { + flex: 0 0 50%; + display: flex; + justify-content: space-between; +} + +.footer-links { + flex: 1; + margin-right: 40px; +} +.footer-contact { + flex: 1; +} +.site-footer h4 { + color: var(--link-hover-color); + font-size: 16px; + font-weight: 600; + margin-bottom: 25px; + border-bottom: 2px solid var(--primary-green); + padding-bottom: 5px; + width: fit-content; +} + +.site-footer a { + color: var(--link-color); + text-decoration: none; + font-size: 15px; + display: flex; + align-items: center; + padding: 5px 0; + transition: color 0.3s, transform 0.3s; +} + +.site-footer a:hover { + color: var(--primary-green); + transform: translateX(4px); +} + +.site-footer i { + margin-right: 12px; + width: 18px; + color: var(--primary-green); + text-align: center; + font-size: 16px; +} + + +.social-icons { + margin-top: 25px; + display: flex; + flex-direction: row; + gap: 20px; +} + +.social-icons a { + + color: var(--link-color); + font-size: 18px; + transition: color 0.3s, transform 0.3s; + padding: 0; + width: auto; + display: block; +} + +.social-icons a:hover { + color: var(--primary-green); + transform: scale(1.1); +} +.social-icons i { + + color: var(--link-color); + width: auto; + margin: 0; + font-size: 18px; +} +.social-icons a:hover i { + color: var(--primary-green); +} + +/* 7. Footer Bottom (Copyright) */ +.footer-bottom { + padding: 20px 30px; + text-align: center; + font-size: 13px; + opacity: 0.8; + max-width: 1200px; + margin: 0 auto; +} @@ -194,9 +351,76 @@

Planned Pages

- +