Files
prosberry/header-template.html
T
Mark 348fe452c9
Deploy to Development and Production / deploy (push) Successful in 9s
Posodobitve vsebine in oblikovanja: meni, hero sekcija, medkulturno posredovanje
- Spremenjen meni: 'Naslovnica' -> 'Začetna', 'Poučevanje jezikov' -> 'Učenje jezikov'
- Posodobljen hero naslov: 'Dobrodošli v prostoru za razvoj in sodelovanje'
- Dodan slogan pod naslovom z manjšo pisavo in kurzivo
- Zmanjšana debelina bold pisave (700 -> 600) za boljšo berljivost
- Premaknjen okvirček 'Priporočamo branje' pod sliko Amre v hero sekciji
- Poravnani spodnji robovi vseh treh hero elementov
- Optimiziran meni za manjše zaslone z viewport units za sorazmerno manjšanje
- Centriran meni z enakomernimi razmiki med logotipom in povezavami
- Posodobljeno besedilo: 'spoznaj medkulturne zgodbe' namesto 'razvozlaj medkulturne vozle'
- Povečani razmiki v sekciji medkulturno posredovanje za več 'zraka'
- Centrirana kartica s cenami z večjo pisavo
- Posodobljen seznam sodelovanja
- Spremenjena poravnava besedila iz justify v left za boljšo berljivost
2026-01-10 18:28:06 +01:00

64 lines
3.2 KiB
HTML

<header class="main-header">
<nav class="nav-container">
<div class="logo">
<a href="/">
<picture>
<source
srcset="/assets/images/logo-100w.webp 100w, /assets/images/logo-200w.webp 200w, /assets/images/logo-400w.webp 400w, /assets/images/logo.webp 1500w"
sizes="(max-width: 768px) 100px, 180px" type="image/webp">
<img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async"
fetchpriority="high">
</picture>
</a>
</div>
<div class="nav-links">
<a href="/" {{ACTIVE_NASLOVNICA}}>Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" {{ACTIVE_PONUDBA}}>Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" {{ACTIVE_VKLJUCEVANJE}}>Medkulturno povezovanje</a>
<!-- 3. Delavnice za vključevanje (Nova glavna kategorija s podmenijem) -->
<div class="dropdown">
<a href="/delavnice/" class="dropbtn" {{ACTIVE_DELAVNICE}}>Delavnice za vključevanje</a>
<div class="dropdown-content">
<a href="/delavnice/" class="dropdown-main-link">Pregled delavnic</a>
<div class="dropdown-submenu">
<a href="#">Šola</a>
<div class="dropdown-submenu-content">
<a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača znati slovensko?</a>
<a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši priseljenci</a>
</div>
</div>
<div class="dropdown-submenu">
<a href="#">Vrtec</a>
<div class="dropdown-submenu-content">
<a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove začetke</a>
</div>
</div>
<div class="dropdown-submenu">
<a href="#">Zaposleni</a>
<div class="dropdown-submenu-content">
<a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do sošolca</a>
</div>
</div>
</div>
</div>
<a href="/kdo-sem/" {{ACTIVE_KDO_SEM}}>Kdo sem</a>
<a href="/cene-in-reference/" {{ACTIVE_CENE}}>Cene in reference</a>
<a href="/pogosta-vprasanja/" {{ACTIVE_FAQ}}>Vprašanja</a>
<a href="/blog/" {{ACTIVE_BLOG}}>Blog</a>
<a href="/kontakt/" {{ACTIVE_KONTAKT}}>Kontakt</a>
</div>
<div class="mobile-menu-btn">
<span></span>
<span></span>
<span></span>
</div>
</nav>
</header>