Complete H33 Digital SCIF Navigation Structure
- đ Home (index.html)
- đ Digital SCIF (digital-scif.html)
- đOverview (digital-scif.html)
- đī¸Secure Data Vault (digital-scif-vault.html)
- đī¸Digital Estate Planning (digital-scif-estate.html)
- đ¨Emergency Access (digital-scif-emergency.html)
- đNetwork Protection (digital-scif-network.html)
- đ The Patent (patent.html)
- đ° Pricing (pricing.html)
- đ¨âđģ Developers (developers.html)
- đĸ Enterprise (enterprise.html)
- đ Retail (retail.html)
- đ¤ You (you.html)
- đ Blog (blog.html)
- âšī¸ About (about.html)
- đ Authentication
- đLogin (auth/login.html)
- â¨Sign Up (auth/signup.html)
- đ Dashboard (dashboard/index.html)
- đOverview
- đŗCredits & Billing
- đAPI Keys
- đUsage Analytics
- đDocumentation
- âī¸Settings
Navigation Implementation Notes
- Dropdown Behavior: Hover-activated with invisible bridge to maintain menu visibility
- Active States: Dynamic highlighting based on current page
- Mobile Responsive: Collapsible hamburger menu for smaller screens
- Accessibility: ARIA labels and keyboard navigation support
- Performance: CSS-only dropdowns, no JavaScript required for basic navigation
- Visual Feedback: Smooth transitions and hover states
- Z-Index Management: Proper layering to prevent overlap issues
CSS Classes Reference
.nav-header- Main navigation container.nav-container- Centers and constrains nav width.nav-logo- Logo and brand area.nav-links- Navigation links container.nav-link- Individual navigation link.nav-dropdown- Dropdown container.dropdown-menu- Dropdown menu panel.dropdown-item- Individual dropdown item.dropdown-item-icon- Icon spacing for dropdown items.nav-cta- Call-to-action button styling