msos/templates/si/header.html

67 lines
2.9 KiB
HTML

<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="{{ROOT_PREFIX}}si/" class="logo-link">
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</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>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</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>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->