Skip to content

Expand footer to full Fortinet nav + legal bar #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
samshao merged 1 commit into from
Aug 10, 2026
Merged

Expand footer to full Fortinet nav + legal bar #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 36 additions & 0 deletions blocks/footer/footer.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -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);
Expand Down
67 changes: 49 additions & 18 deletions tools/nav-footer-source/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,47 +5,78 @@
<div class="columns">
<div>
<div>
<h3>News &amp; Articles</h3>
<h3>Solutions</h3>
<ul>
<li><a href="https://www.fortinet.com/corporate/about-us/newsroom/press-releases">News Releases</a></li>
<li><a href="https://www.fortinet.com/corporate/about-us/newsroom/news">News Articles</a></li>
<li><a href="https://www.fortinet.com/solutions/network-security">Secure Networking</a></li>
<li><a href="https://www.fortinet.com/solutions/enterprise-midsize-business/user-device-security">User and Device Security</a></li>
<li><a href="https://www.fortinet.com/solutions/security-operations">Security Operations</a></li>
<li><a href="https://www.fortinet.com/solutions/enterprise-midsize-business/cloud-security">Application Security</a></li>
<li><a href="https://www.fortinet.com/fortiguard/labs">FortiGuard Labs Threat Intelligence</a></li>
</ul>
</div>
<div>
<h3>Security Research</h3>
<h3>Small &amp; Mid-Sized Businesses</h3>
<ul>
<li><a href="https://www.fortinet.com/fortiguard/threat-intelligence/threat-research">Threat Research</a></li>
<li><a href="https://fortiguard.com/">FortiGuard Labs</a></li>
<li><a href="https://www.fortinet.com/fortiguard/threat-intelligence/threat-map">Threat Map</a></li>
<li><a href="https://www.fortinet.com/solutions/ransomware">Ransomware Prevention</a></li>
<li><a href="https://www.fortinet.com/solutions/small-business">Overview</a></li>
</ul>
<h3>Service Providers</h3>
<ul>
<li><a href="https://www.fortinet.com/solutions/service-provider/communications-service-provider/mssp">MSSP</a></li>
<li><a href="https://www.fortinet.com/solutions/mobile-carrier/cybersecurity-for-mobile-networks-and-ecosystems">Mobile Providers</a></li>
</ul>
</div>
<div>
<h3>Connect With Us</h3>
<h3>Partners</h3>
<ul>
<li><a href="https://community.fortinet.com/">Fortinet Community</a></li>
<li><a href="https://www.fortinet.com/partners/partner-program/become-a-fortinet-partner">Partner Portal</a></li>
<li><a href="https://investor.fortinet.com/">Investor Relations</a></li>
<li><a href="https://www.fortinet.com/partners/technology-alliances/alliances-ecosystem">Overview</a></li>
<li><a href="https://www.fortinet.com/partners/partnerships/alliance-partners">Alliances Ecosystem</a></li>
<li><a href="https://partnerportal.fortinet.com/directory/">Find a Partner</a></li>
<li><a href="https://www.fortinet.com/partners/partner-program/become-a-fortinet-partner">Become a Partner</a></li>
<li><a href="https://www.fortinet.com/partners/partner-program/partner-login">Partner Login</a></li>
</ul>
<h3>Trust Center</h3>
<ul>
<li><a href="https://www.fortinet.com/trust?tab=trusted%20products">Trusted Products</a></li>
<li><a href="https://www.fortinet.com/trust?tab=trusted%20company">Trusted Company</a></li>
<li><a href="https://www.fortinet.com/trust?tab=trusted%20process">Trusted Process</a></li>
<li><a href="https://www.fortinet.com/trust?tab=trusted%20partners">Trusted Partners</a></li>
<li><a href="https://www.fortinet.com/corporate/about-us/product-certifications">Product Certifications</a></li>
</ul>
</div>
<div>
<h3>Company</h3>
<h3>More</h3>
<ul>
<li><a href="https://www.fortinet.com/corporate/about-us/about-us">About Us</a></li>
<li><a href="https://www.fortinet.com/corporate/careers">Careers</a></li>
<li><a href="https://www.fortinet.com/nse-training">Training</a></li>
<li><a href="https://www.fortinet.com/corporate/about-us/events">Events</a></li>
<li><a href="https://www.fortinet.com/resources">Resources</a></li>
<li><a href="https://www.fortinet.com/resources/hubs/ransomware">Ransomware Hub</a></li>
<li><a href="https://www.fortinet.com/support">Support</a></li>
<li><a href="https://www.fortinet.com/support/product-downloads">Downloads</a></li>
<li><a href="https://www.fortinet.com/resources/cyberglossary">CyberGlossary</a></li>
<li><a href="https://www.fortinet.com/corporate/careers">Careers</a></li>
<li><a href="https://www.fortinet.com/corporate/careers/early-talent-program">Early Talent Program</a></li>
<li><a href="https://investor.fortinet.com/">Investor Relations</a></li>
<li><a href="https://www.fortinet.com/corporate/about-us/corporate-social-responsibility">Social Responsibility</a></li>
<li><a href="https://www.fortinet.com/sitemap">Sitemap</a></li>
</ul>
</div>
<div>
<h3>Connect With Us</h3>
<ul>
<li><a href="https://www.fortinet.com/blog">Blogs</a></li>
<li><a href="https://community.fortinet.com/">Fortinet Community</a></li>
<li><a href="https://global.fortinet.com/PreferenceCenter">Email Preference Center</a></li>
<li><a href="https://www.fortinet.com/corporate/about-us/contact-us">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<p>Copyright © 2026 Fortinet, Inc. All Rights Reserved.</p>
<p>
<a href="https://www.fortinet.com/corporate/about-us/legal">Terms of Services</a> /
<a href="https://www.fortinet.com/corporate/about-us/legal">Terms of Service</a>
<a href="https://www.fortinet.com/corporate/about-us/privacy">Privacy Policy</a>
<a href="https://www.fortinet.com/corporate/about-us/privacy#npr-ca">Notice for California Residents</a>
<a href="https://www.fortinet.com/corporate/about-us/privacy/individual-rights">Do Not Sell Or Share My Personal Information</a>
<a href="https://www.fortinet.com/corporate/about-us/gdpr">GDPR</a>
<a href="https://www.fortinet.com/corporate/about-us/canadian-accessibility">Canadian Accessibility</a>
</p>
</div>
</main>
Expand Down