67 lines
2.8 KiB
HTML
67 lines
2.8 KiB
HTML
<!-- START_HEADER -->
|
|
<header class="dropdown-header-navigation">
|
|
<div class="container">
|
|
<div class="header-content">
|
|
<a href="{{ROOT_PREFIX}}en/" class="logo-link">
|
|
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
|
</a>
|
|
<!-- Desktop Navigation -->
|
|
<nav class="navigation desktop-nav">
|
|
<a href="#">About us</a>
|
|
<a href="#">For Students</a>
|
|
<a href="{{ROOT_PREFIX}}en/projects/">Projects</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- Desktop Buttons -->
|
|
<div class="navigation-actions">
|
|
<button class="btn btn-secondary">Become a partner</button>
|
|
<button class="btn btn-primary">Donate</button>
|
|
<!-- Language Switcher -->
|
|
<div class="language-selector">
|
|
<div class="current-lang">
|
|
<i class="fas fa-globe"></i>
|
|
<span id="current-lang-code">EN</span>
|
|
<i class="fas fa-chevron-down"></i>
|
|
</div>
|
|
<div class="lang-dropdown">
|
|
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
|
<a href="#" data-lang="en">English (EN)</a>
|
|
<a href="#" data-lang="mk">Македонски (MK)</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile Navigation Panel -->
|
|
<div class="mobile-nav-panel">
|
|
<nav class="navigation mobile-nav">
|
|
<a href="#">About us</a>
|
|
<a href="#">For Students</a>
|
|
<a href="{{ROOT_PREFIX}}en/projects/">Projects</a>
|
|
</nav>
|
|
<div class="navigation-actions">
|
|
<button class="btn btn-secondary">Become a partner</button>
|
|
<button class="btn btn-primary">Donate</button>
|
|
<!-- Language Switcher (for mobile) -->
|
|
<div class="language-selector">
|
|
<div class="current-lang">
|
|
<i class="fas fa-globe"></i>
|
|
<span id="current-lang-code-mobile">EN</span>
|
|
<i class="fas fa-chevron-down"></i>
|
|
</div>
|
|
<div class="lang-dropdown">
|
|
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
|
<a href="#" data-lang="en">English (EN)</a>
|
|
<a href="#" data-lang="mk">Македонски (MK)</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile Menu Icon (Hamburger/X) -->
|
|
<div class="mobile-menu-icon">
|
|
<i class="fas fa-bars"></i>
|
|
<i class="fas fa-times"></i>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- END_HEADER --> |