Navbar

Navigation bar with logo, links, and actions

Sticky header with logo, navigation links, language switcher (RU/EN), and phone CTA. Includes a mega menu on EU Citizenship with filterable program categories (All, Investment, Descent, Naturalization) and a grid of countries. Available in three desktop variants (light, blue gradient, transparent) and a mobile variant with hamburger menu.

Live Preview

Mobile

Components used

• .navbar — Container
• .navbar.v-blue — Blue gradient background variant
• .navbar.v-transparent — Transparent variant (for dark hero overlays)
• .nav-inner — Inner wrapper (max-width, padding)
• .nav-logo, .nav-links, .nav-link, .nav-link.dropdown — Logo and links
• .dropdown-wrap, .dropdown-menu — Mega menu container
• .dropdown-programs, .dropdown-item[data-filter] — Filter categories (All, Investment, Descent, Naturalization)
• .dropdown-countries, .dropdown-country-list, .dropdown-country-item[data-category] — Countries (2 per row, filterable)
• .nav-spacer — Flex spacer
• .lang-switcher, .lang-btn — Language switcher
• .nav-phone — Accent phone CTA
• .navbar-mobile, .hamburger, .mobile-menu, .mobile-menu-links, .mobile-menu-actions, .mobile-submenu — Mobile variant