From 33b859caaf150f28d94a6f97f61165fabce47aa1 Mon Sep 17 00:00:00 2001 From: Claude Code Date: Mon, 10 Aug 2026 02:59:46 +0000 Subject: [PATCH] Expand footer to full Fortinet nav + legal bar Match fortinet.com's footer: replace the simplified 4-column nav with the real nav groups (Solutions + SMB + Service Providers, Partners + Trust Center, More, Connect With Us) and add the full legal bottom row (Terms of Service, Privacy Policy, Notice for California Residents, Do Not Sell, GDPR, Canadian Accessibility) with bar separators. - footer.html fragment source rebuilt from the live Fortinet footer. - footer.css: stacked-heading spacing within columns + inline legal-links row. Co-Authored-By: Claude Opus 4.8 (1M context) --- blocks/footer/footer.css | 36 ++++++++++++++++ tools/nav-footer-source/footer.html | 67 +++++++++++++++++++++-------- 2 files changed, 85 insertions(+), 18 deletions(-) diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css index 15de43d..bc8b702 100644 --- a/blocks/footer/footer.css +++ b/blocks/footer/footer.css @@ -38,6 +38,12 @@ footer .footer h3 { letter-spacing: 0.3px; } +/* stacked heading groups within a column (e.g. Solutions / SMB / Service + Providers) get breathing room above each subsequent heading */ +footer .footer ul + h3 { + margin-top: 28px; +} + /* link lists inside columns */ footer .footer ul { list-style: none; @@ -74,6 +80,36 @@ footer .default-content-wrapper > p:first-child { border-top: 1px solid rgb(255 255 255 / 20%); } +/* legal links row — inline list separated by vertical bars */ +footer .default-content-wrapper > p:last-child { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 6px 12px; +} + +footer .default-content-wrapper > p:last-child a:any-link { + position: relative; + color: rgb(255 255 255 / 80%); + font-size: var(--body-font-size-xs, 13px); +} + +footer .default-content-wrapper > p:last-child a:any-link:hover { + color: #fff; +} + +/* vertical "|" separators between legal links */ +footer .default-content-wrapper > p:last-child a + a::before { + content: ''; + position: absolute; + left: -12px; + top: 50%; + transform: translateY(-50%); + width: 1px; + height: 12px; + background-color: rgb(255 255 255 / 30%); +} + @media (width >= 600px) { footer .columns > div { grid-template-columns: repeat(2, 1fr); diff --git a/tools/nav-footer-source/footer.html b/tools/nav-footer-source/footer.html index 61d4d92..80916ea 100644 --- a/tools/nav-footer-source/footer.html +++ b/tools/nav-footer-source/footer.html @@ -5,47 +5,78 @@

Copyright © 2026 Fortinet, Inc. All Rights Reserved.

- Terms of Services / + Terms of Service Privacy Policy + Notice for California Residents + Do Not Sell Or Share My Personal Information + GDPR + Canadian Accessibility