Landing: add featured essentials row and make stages collapsible dropdowns
Adds a 5-card featured row (journey, deadlines, eVS apply, residence permit, accommodation) above the stages, and converts the six stage cards into native details/summary accordions (first open by default, chevron rotates). Links inside open into a compact grid. Cuts the empty white space and visual noise. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed
1 parent
13b2bb6eb2
commit
f88a9bb6b4
4 files changed
+277
-106
No files matched your search
@@ -222,31 +222,61 @@
|
||||
|
||||
<section class="guide-section">
|
||||
<h2>Poiščite svojo pot skozi vodnik</h2>
|
||||
<p class="guide-section-sub">Vodnik sledi vaši poti v šestih fazah, od izbire programa do vsakdana v Sloveniji. Odprite fazo, v kateri ste, ali zgoraj uporabite Prikaži mojo pot za osebni seznam.</p>
|
||||
<p class="guide-section-sub">Večina študentov začne s spodnjimi osnovami. Odprite fazo in si oglejte vse v njej.</p>
|
||||
<div class="guide-featured">
|
||||
<a class="guide-featured-card" href="complete-student-journey/">
|
||||
<span class="guide-featured-icon"><i class="fas fa-route" aria-hidden="true"></i></span>
|
||||
<span class="guide-featured-label">Vaša pot</span>
|
||||
<span class="guide-featured-sub">Celotna pot na enem mestu</span>
|
||||
</a>
|
||||
<a class="guide-featured-card" href="application-deadlines/">
|
||||
<span class="guide-featured-icon"><i class="fas fa-calendar-day" aria-hidden="true"></i></span>
|
||||
<span class="guide-featured-label">Roki</span>
|
||||
<span class="guide-featured-sub">Kaj se kdaj zapre</span>
|
||||
</a>
|
||||
<a class="guide-featured-card" href="evs-application-guide/">
|
||||
<span class="guide-featured-icon"><i class="fas fa-file-lines" aria-hidden="true"></i></span>
|
||||
<span class="guide-featured-label">Prijava (eVŠ)</span>
|
||||
<span class="guide-featured-sub">Vpis korak za korakom</span>
|
||||
</a>
|
||||
<a class="guide-featured-card" href="student-residence-permit/">
|
||||
<span class="guide-featured-icon"><i class="fas fa-id-card" aria-hidden="true"></i></span>
|
||||
<span class="guide-featured-label">Dovoljenje za prebivanje</span>
|
||||
<span class="guide-featured-sub">Vaša pravica do bivanja</span>
|
||||
</a>
|
||||
<a class="guide-featured-card" href="student-accommodation/">
|
||||
<span class="guide-featured-icon"><i class="fas fa-house" aria-hidden="true"></i></span>
|
||||
<span class="guide-featured-label">Nastanitev</span>
|
||||
<span class="guide-featured-sub">Iskanje nastanitve</span>
|
||||
</a>
|
||||
</div>
|
||||
<p class="guide-browse-label">Prebrskajte po fazah</p>
|
||||
<div class="guide-cats">
|
||||
<div class="guide-cat">
|
||||
<div class="guide-cat-head">
|
||||
<details class="guide-cat" open>
|
||||
<summary class="guide-cat-head">
|
||||
<span class="guide-cat-num">1</span>
|
||||
<div class="guide-cat-heading">
|
||||
<h3><i class="fas fa-compass" aria-hidden="true"></i>Začnite tukaj: raziščite in se odločite</h3>
|
||||
<p>Poglejte celotno pot, nato izberite program, mesto in preverite stroške.</p>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
|
||||
</summary>
|
||||
<div class="guide-cat-links">
|
||||
<a class="guide-quicklink" href="complete-student-journey/"><i class="fas fa-route" aria-hidden="true"></i>Celotna pot</a>
|
||||
<a class="guide-quicklink" href="choose-a-programme/"><i class="fas fa-compass" aria-hidden="true"></i>Izbira programa</a>
|
||||
<a class="guide-quicklink" href="study-cities/"><i class="fas fa-city" aria-hidden="true"></i>Študijska mesta</a>
|
||||
<a class="guide-quicklink" href="tuition-and-scholarships/"><i class="fas fa-money-bill-wave" aria-hidden="true"></i>Šolnina in štipendije</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="guide-cat">
|
||||
<div class="guide-cat-head">
|
||||
</details>
|
||||
<details class="guide-cat">
|
||||
<summary class="guide-cat-head">
|
||||
<span class="guide-cat-num">2</span>
|
||||
<div class="guide-cat-heading">
|
||||
<h3><i class="fas fa-file-lines" aria-hidden="true"></i>Prijava na študij</h3>
|
||||
<p>Roki, prijava prek eVŠ, priznavanje, dokumenti in vpis.</p>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
|
||||
</summary>
|
||||
<div class="guide-cat-links">
|
||||
<a class="guide-quicklink" href="application-deadlines/"><i class="fas fa-calendar-day" aria-hidden="true"></i>Trenutni roki</a>
|
||||
<a class="guide-quicklink" href="bachelor-application/"><i class="fas fa-graduation-cap" aria-hidden="true"></i>Dodiplomska prijava</a>
|
||||
@@ -256,15 +286,16 @@
|
||||
<a class="guide-quicklink" href="document-preparation/"><i class="fas fa-folder-open" aria-hidden="true"></i>Priprava dokumentov</a>
|
||||
<a class="guide-quicklink" href="admission-and-enrolment/"><i class="fas fa-clipboard-check" aria-hidden="true"></i>Sprejem in vpis</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="guide-cat">
|
||||
<div class="guide-cat-head">
|
||||
</details>
|
||||
<details class="guide-cat">
|
||||
<summary class="guide-cat-head">
|
||||
<span class="guide-cat-num">3</span>
|
||||
<div class="guide-cat-heading">
|
||||
<h3><i class="fas fa-passport" aria-hidden="true"></i>Prebivanje in zdravstvo</h3>
|
||||
<p>Vaša zakonita pravica do bivanja za celo leto in dostop do zdravstva.</p>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
|
||||
</summary>
|
||||
<div class="guide-cat-links">
|
||||
<a class="guide-quicklink" href="visa-and-residence-explained/"><i class="fas fa-passport" aria-hidden="true"></i>Vizum in prebivanje</a>
|
||||
<a class="guide-quicklink" href="student-residence-permit/"><i class="fas fa-id-card" aria-hidden="true"></i>Dovoljenje za prebivanje</a>
|
||||
@@ -273,30 +304,32 @@
|
||||
<a class="guide-quicklink" href="rm-si-3-health-insurance/"><i class="fas fa-heart-pulse" aria-hidden="true"></i>Zdravstveno zavarovanje (RM/SI 3)</a>
|
||||
<a class="guide-quicklink" href="healthcare-in-slovenia/"><i class="fas fa-house-medical" aria-hidden="true"></i>Uporaba zdravstva</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="guide-cat">
|
||||
<div class="guide-cat-head">
|
||||
</details>
|
||||
<details class="guide-cat">
|
||||
<summary class="guide-cat-head">
|
||||
<span class="guide-cat-num">4</span>
|
||||
<div class="guide-cat-heading">
|
||||
<h3><i class="fas fa-suitcase-rolling" aria-hidden="true"></i>Selitev in ureditev</h3>
|
||||
<p>Nastanitev, pakiranje, prihod in administracija, ki odklene vse drugo.</p>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
|
||||
</summary>
|
||||
<div class="guide-cat-links">
|
||||
<a class="guide-quicklink" href="student-accommodation/"><i class="fas fa-house" aria-hidden="true"></i>Nastanitev</a>
|
||||
<a class="guide-quicklink" href="prepare-to-move/"><i class="fas fa-suitcase-rolling" aria-hidden="true"></i>Selitev in pakiranje</a>
|
||||
<a class="guide-quicklink" href="arrival-checklist/"><i class="fas fa-list-check" aria-hidden="true"></i>Kontrolni seznam ob prihodu</a>
|
||||
<a class="guide-quicklink" href="administrative-basics/"><i class="fas fa-gears" aria-hidden="true"></i>Osnovna administracija (EMŠO, davčna, banka)</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="guide-cat">
|
||||
<div class="guide-cat-head">
|
||||
</details>
|
||||
<details class="guide-cat">
|
||||
<summary class="guide-cat-head">
|
||||
<span class="guide-cat-num">5</span>
|
||||
<div class="guide-cat-heading">
|
||||
<h3><i class="fas fa-mug-hot" aria-hidden="true"></i>Vsakdanje študentsko življenje</h3>
|
||||
<p>Prehrana, prevoz, delo, proračun, študij in iskanje skupnosti.</p>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
|
||||
</summary>
|
||||
<div class="guide-cat-links">
|
||||
<a class="guide-quicklink" href="student-meals/"><i class="fas fa-utensils" aria-hidden="true"></i>Študentska prehrana</a>
|
||||
<a class="guide-quicklink" href="student-transport/"><i class="fas fa-bus" aria-hidden="true"></i>Študentski prevoz</a>
|
||||
@@ -306,20 +339,21 @@
|
||||
<a class="guide-quicklink" href="wellbeing-and-community/"><i class="fas fa-hands-holding-circle" aria-hidden="true"></i>Dobro počutje in skupnost</a>
|
||||
<a class="guide-quicklink" href="student-organisations-and-extracurriculars/"><i class="fas fa-people-group" aria-hidden="true"></i>Študentske organizacije</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="guide-cat">
|
||||
<div class="guide-cat-head">
|
||||
</details>
|
||||
<details class="guide-cat">
|
||||
<summary class="guide-cat-head">
|
||||
<span class="guide-cat-num">6</span>
|
||||
<div class="guide-cat-heading">
|
||||
<h3><i class="fas fa-arrows-rotate" aria-hidden="true"></i>Po prvem letu</h3>
|
||||
<p>Podaljšanje, sprememba ali diplomiranje ter zanesljivi uradni viri.</p>
|
||||
</div>
|
||||
</div>
|
||||
<i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
|
||||
</summary>
|
||||
<div class="guide-cat-links">
|
||||
<a class="guide-quicklink" href="renew-change-graduate/"><i class="fas fa-arrows-rotate" aria-hidden="true"></i>Podaljšanje in diplomiranje</a>
|
||||
<a class="guide-quicklink" href="official-sources-and-checklists/"><i class="fas fa-list-ul" aria-hidden="true"></i>Uradni viri</a>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in new issue
Block a user