347 lines
20 KiB
HTML
347 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="sl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Spoznaj Makedonijo - MSOS</title>
|
|
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Font Awesome (for icons) -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
<!-- Povezava na glavno CSS datoteko -->
|
|
<link rel="stylesheet" href="../../css/main.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- START_HEADER -->
|
|
<header class="dropdown-header-navigation">
|
|
<div class="container">
|
|
<!-- Logotip je zdaj samostojen element na levi strani -->
|
|
<a href="../../si/" class="logo-link">
|
|
<img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
|
|
</a>
|
|
|
|
<!-- Nov ovoj za vse elemente na desni strani -->
|
|
<div class="header-right-wrapper">
|
|
<nav>
|
|
<ul class="navigation desktop-nav">
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">O nas</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Časovnica in dosežki</a></li>
|
|
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Kaj delamo</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../si/projects/">Dogodki in projekti</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Galerija</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Vključi se</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Postani član</a></li>
|
|
<li><a href="#">Podpri MŠOS</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Za študente</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../si/student-welcome-guide/">Vodič za bruce</a></li>
|
|
<li><a href="#">Mentorski program</a></li>
|
|
<li><a href="#">Pogosta vprašanja</a></li>
|
|
<li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
|
|
<li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Novice</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Obvestila</a></li>
|
|
<li><a href="#">Odprti pozivi</a></li>
|
|
<li><a href="#">Sporočila za javnost</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="navigation-actions">
|
|
<button class="btn btn-secondary">Postani član</button>
|
|
<button class="btn btn-primary">Doniraj</button>
|
|
<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="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
|
|
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
|
|
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
|
|
<div class="mobile-menu-icon">
|
|
<i class="fas fa-bars"></i>
|
|
<i class="fas fa-times"></i>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Panel za mobilno navigacijo -->
|
|
<div class="mobile-nav-panel">
|
|
<nav>
|
|
<ul class="navigation mobile-nav">
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">O nas</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Časovnica in dosežki</a></li>
|
|
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Kaj delamo</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../si/projects/">Dogodki in projekti</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Galerija</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Vključi se</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Postani član</a></li>
|
|
<li><a href="#">Podpri MŠOS</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Za študente</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../si/student-welcome-guide/">Vodič za bruce</a></li>
|
|
<li><a href="#">Mentorski program</a></li>
|
|
<li><a href="#">Pogosta vprašanja</a></li>
|
|
<li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
|
|
<li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Novice</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Obvestila</a></li>
|
|
<li><a href="#">Odprti pozivi</a></li>
|
|
<li><a href="#">Sporočila za javnost</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="navigation-actions">
|
|
<button class="btn btn-secondary">Postani član</button>
|
|
<button class="btn btn-primary">Doniraj</button>
|
|
<div class="language-selector">
|
|
<button class="current-lang" id="mobile-lang-trigger">
|
|
<i class="fas fa-globe"></i>
|
|
<span>SI</span>
|
|
<i class="fas fa-chevron-right"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modalno okno za izbiro jezika (za mobilni) -->
|
|
<div id="language-modal-overlay">
|
|
<div class="language-modal-content">
|
|
<div class="language-modal-header">
|
|
<h3>Izberi jezik</h3>
|
|
<button id="language-modal-close" aria-label="Zapri izbiro jezika">×</button>
|
|
</div>
|
|
<div class="language-modal-body">
|
|
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
|
|
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
|
|
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END_HEADER -->
|
|
|
|
<main class="page-content">
|
|
<section class="page-header-section">
|
|
<div class="container text-center">
|
|
<span class="page-subtitle">Zgodbe iz našega doma</span>
|
|
<h1>Spoznaj Makedonijo</h1>
|
|
<p class="page-description">Makedonija ni le kraj na zemljevidu. Je miza, za katero se vedno najde prostor še za enega človeka, glasba, ki nas povezuje, gore na obzorju in pogovori, ki se nadaljujejo še dolgo po zadnji kavi. To so kraji, tradicije, okusi in zgodbe, ki jih nosimo s seboj in jih želimo deliti z vami.</p>
|
|
<form class="subscribe-form">
|
|
<input type="email" placeholder="Vnesite svoj e-mail">
|
|
<button type="submit" class="btn btn-primary-orange">Naroči se</button>
|
|
</form>
|
|
<p class="privacy-note">Skrbimo za vaše podatke v naši <a href="../../si/privacy-policy/">politiki zasebnosti</a>.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="filter-section">
|
|
<nav class="filter-nav" aria-label="Kategorije zgodb">
|
|
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">Vse zgodbe</button>
|
|
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Kraji in narava</button>
|
|
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Kultura in tradicije</button>
|
|
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Hrana in okusi</button>
|
|
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">Zgodovina in dediščina</button>
|
|
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">Ljudje in identiteta</button>
|
|
</nav>
|
|
</section>
|
|
|
|
<section class="all-posts-section">
|
|
<div class="container column-layout">
|
|
<h2>Vse zgodbe</h2>
|
|
<div class="posts-grid">
|
|
<!-- Story: Dobrodošli v Makedoniji -->
|
|
<article class="post-card" data-category="identity">
|
|
<a href="welcome-to-macedonia/" class="post-link">
|
|
<img src="../../images/macedonia-welcome-skopje-square-hero.jpg" alt="Macedonia Square in central Skopje" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Ekipa • Ljudje in identiteta</p>
|
|
<h3 class="post-title">Dobrodošli v Makedoniji</h3>
|
|
<p class="post-excerpt">Osebna predstavitev topline, kontrastov, pokrajin in vsakdanjih trenutkov, zaradi katerih je Makedonija dom.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: Ohrid, več kot razglednica -->
|
|
<article class="post-card" data-category="places">
|
|
<a href="ohrid-more-than-a-postcard/" class="post-link">
|
|
<img src="../../images/macedonia-ohrid-kaneo-hero.jpg" alt="The Church of St. John at Kaneo above Lake Ohrid" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Ekipa • Kraji in narava</p>
|
|
<h3 class="post-title">Ohrid, več kot razglednica</h3>
|
|
<p class="post-excerpt">Jezero, stare ulice, soseske, zvoki in spomini, zaradi katerih je Ohrid veliko več kot lep razgled.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: Skopje, mesto mnogih plasti -->
|
|
<article class="post-card" data-category="places">
|
|
<a href="skopje-a-city-of-many-layers/" class="post-link">
|
|
<img src="../../images/macedonia-skopje-stone-bridge-hero.jpg" alt="The Stone Bridge over the Vardar in Skopje" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Ekipa • Kraji in narava</p>
|
|
<h3 class="post-title">Skopje, mesto mnogih plasti</h3>
|
|
<p class="post-excerpt">Mesto, ki so ga oblikovala različna obdobja, soseske, skupnosti in kontrasti, ki živijo drug ob drugem.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: Okusi Makedonije za skupno mizo -->
|
|
<article class="post-card" data-category="food">
|
|
<a href="a-table-full-of-macedonia/" class="post-link">
|
|
<img src="../../images/macedonia-food-shared-table-hero.jpg" alt="A shared Macedonian table with salads, bread, beans, and other dishes" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Ekipa • Hrana in okusi</p>
|
|
<h3 class="post-title">Okusi Makedonije za skupno mizo</h3>
|
|
<p class="post-excerpt">Jedi, okusi, pogovori in gostoljubnost, zaradi katerih skupen obrok postane nekaj veliko večjega.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: Glasba, ples in trenutki, ki nas povezujejo -->
|
|
<article class="post-card" data-category="culture">
|
|
<a href="music-dance-and-the-moments-that-bring-us-together/" class="post-link">
|
|
<img src="../../images/macedonia-culture-oro-celebration-hero.jpg" alt="Several generations joining the same oro at a Macedonian celebration" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Ekipa • Kultura in tradicije</p>
|
|
<h3 class="post-title">Glasba, ples in trenutki, ki nas povezujejo</h3>
|
|
<p class="post-excerpt">Kako pesmi, oro, praznovanja in znani ritmi ustvarjajo občutek pripadnosti med generacijami.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: Zgodovina, skozi katero se lahko sprehodite -->
|
|
<article class="post-card" data-category="heritage">
|
|
<a href="history-you-can-still-walk-through/" class="post-link">
|
|
<img src="../../images/macedonia-heritage-stobi-street-hero.jpg" alt="An ancient street and building remains at the archaeological site of Stobi" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Ekipa • Zgodovina in dediščina</p>
|
|
<h3 class="post-title">Zgodovina, skozi katero se lahko sprehodite</h3>
|
|
<p class="post-excerpt">Antična najdišča, stare čaršije, cerkve, samostani in mesta, kjer je zgodovina Makedonije še vedno blizu.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
|
|
<p class="filter-empty" hidden>Nobena zgodba še ne ustreza temu filtru.</p>
|
|
|
|
<nav class="pagination">
|
|
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Prejšnja</a>
|
|
<div class="pagination-numbers">
|
|
<a href="#" class="page-number active">1</a>
|
|
</div>
|
|
<a href="#" class="pagination-arrow">Naslednja <i class="fas fa-arrow-right"></i></a>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- START_FOOTER -->
|
|
<footer>
|
|
<div class="footer-container">
|
|
<div class="footer-main">
|
|
<div class="footer-info">
|
|
<div class="footer-logo">
|
|
<img src="../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
|
|
</div>
|
|
<p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
|
|
<p>
|
|
Masarykova cesta 24<br>
|
|
1000 Ljubljana, Slovenija<br>
|
|
<a href="mailto:info@msosorg.com">info@msosorg.com</a>
|
|
</p>
|
|
<div class="social-icons">
|
|
<a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
|
|
<a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-links">
|
|
<div class="links-column">
|
|
<h4>Vodnik za študente</h4>
|
|
<a href="../../si/student-welcome-guide/">Vodnik za študente</a>
|
|
<a href="../../si/student-welcome-guide/complete-student-journey/">Celotna pot</a>
|
|
<a href="../../si/student-welcome-guide/application-deadlines/">Roki za prijavo</a>
|
|
<a href="../../si/student-welcome-guide/evs-application-guide/">Prijava prek eVŠ</a>
|
|
<a href="../../si/student-welcome-guide/student-residence-permit/">Dovoljenje za prebivanje</a>
|
|
<a href="../../si/student-welcome-guide/student-accommodation/">Nastanitev</a>
|
|
</div>
|
|
<div class="links-column">
|
|
<h4>Raziščite</h4>
|
|
<a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a>
|
|
<a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a>
|
|
<a href="../../si/projects/">Projekti in dogodki</a>
|
|
</div>
|
|
<div class="links-column">
|
|
<h4>Organizacija</h4>
|
|
<a href="mailto:info@msosorg.com">Kontaktirajte nas</a>
|
|
<a href="../../si/privacy-policy/">Politika zasebnosti</a>
|
|
<a href="../../si/cookie-policy/">Politika piškotkov</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="footer-bottom">
|
|
<p>© 2026 MŠOS. Vse pravice pridržane.</p>
|
|
<div class="legal-links">
|
|
<a href="../../si/privacy-policy/">Politika zasebnosti</a>
|
|
<a href="../../si/cookie-policy/">Politika piškotkov</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../../main.js"></script>
|
|
</footer>
|
|
<!-- END_FOOTER -->
|
|
|
|
<script src="../../main.js"></script>
|
|
</body>
|
|
</html>
|