369 lines
23 KiB
HTML
369 lines
23 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Get to know Macedonia - MSOS</title>
|
|
<!-- SEO:START -->
|
|
<!-- Google tag (gtag.js) with Consent Mode v2 (default: denied) -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WVYV807VSS"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('consent', 'default', {
|
|
ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied',
|
|
analytics_storage: 'denied', wait_for_update: 500
|
|
});
|
|
// Restore a returning visitor's prior choice before the first hit.
|
|
try { if (localStorage.getItem('msos-consent') === 'granted') {
|
|
gtag('consent', 'update', { ad_storage:'granted', ad_user_data:'granted',
|
|
ad_personalization:'granted', analytics_storage:'granted' }); } } catch(e){}
|
|
gtag('js', new Date());
|
|
gtag('config', 'G-WVYV807VSS');
|
|
</script>
|
|
<script src="/consent.js" defer></script>
|
|
<meta name="description" content="Macedonia is not only a place on the map. It is a table that always has room for one more person, music that brings everyone closer, mountains on the horizon…">
|
|
<link rel="canonical" href="https://msosorg.com/en/get-to-know-macedonia/">
|
|
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/get-to-know-macedonia/">
|
|
<link rel="alternate" hreflang="mk" href="https://msosorg.com/mk/get-to-know-macedonia/">
|
|
<link rel="alternate" hreflang="sl" href="https://msosorg.com/si/get-to-know-macedonia/">
|
|
<link rel="alternate" hreflang="x-default" href="https://msosorg.com/en/get-to-know-macedonia/">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:site_name" content="Macedonian Student Organisation in Slovenia">
|
|
<meta property="og:title" content="Get to know Macedonia - MSOS">
|
|
<meta property="og:description" content="Macedonia is not only a place on the map. It is a table that always has room for one more person, music that brings everyone closer, mountains on the horizon…">
|
|
<meta property="og:url" content="https://msosorg.com/en/get-to-know-macedonia/">
|
|
<meta property="og:image" content="https://msosorg.com/images/og-default.jpg">
|
|
<meta property="og:locale" content="en_GB">
|
|
<meta property="og:locale:alternate" content="mk_MK">
|
|
<meta property="og:locale:alternate" content="sl_SI">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Get to know Macedonia - MSOS">
|
|
<meta name="twitter:description" content="Macedonia is not only a place on the map. It is a table that always has room for one more person, music that brings everyone closer, mountains on the horizon…">
|
|
<meta name="twitter:image" content="https://msosorg.com/images/og-default.jpg">
|
|
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Macedonian Student Organisation in Slovenia","alternateName":"MSOS","url":"https://msosorg.com/en/","logo":"https://msosorg.com/images/1-logo.png","email":"info@msosorg.com","address":{"@type":"PostalAddress","streetAddress":"Masarykova cesta 24","postalCode":"1000","addressLocality":"Ljubljana","addressCountry":"SI"},"sameAs":["https://www.facebook.com/msos.org","https://www.instagram.com/msosorg_com","https://www.linkedin.com/company/msos-org","https://www.youtube.com/@msosorg"]}</script>
|
|
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="shortcut icon" href="/favicon.ico">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<!-- SEO:END -->
|
|
<!-- 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" media="print" onload="this.media='all'" /><noscript><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" /></noscript>
|
|
|
|
<!-- Link to the main CSS file -->
|
|
<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="../../en/" class="logo-link">
|
|
<img src="../../images/msos-logo-en.svg" alt="Macedonian Student Organisation in Slovenia Logo" 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="#">Who We Are</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
|
<li><a href="../../en/about-us/">Our team</a></li>
|
|
<li><a href="../../en/msos-hub/">MSOS Hub</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">What We Do</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../en/projects/">Events & Projects</a></li>
|
|
<li><a href="../../en/gallery/">Gallery</a></li>
|
|
<li><a href="../../en/blog/">Blog</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">For Students</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
|
|
<li><a href="../../en/faq/">FAQs</a></li>
|
|
<li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
|
<li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item"><a href="../../en/news/">News</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="navigation-actions">
|
|
<a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
|
|
<a href="../../en/support/" class="btn btn-primary">Support MSOS ❤️</a>
|
|
<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="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 (struktura ostaja enaka) -->
|
|
<div class="mobile-nav-panel">
|
|
<nav>
|
|
<ul class="navigation mobile-nav">
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Who We Are</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
|
<li><a href="../../en/about-us/">Our team</a></li>
|
|
<li><a href="../../en/msos-hub/">MSOS Hub</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">What We Do</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../en/projects/">Events & Projects</a></li>
|
|
<li><a href="../../en/gallery/">Gallery</a></li>
|
|
<li><a href="../../en/blog/">Blog</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">For Students</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
|
|
<li><a href="../../en/faq/">FAQs</a></li>
|
|
<li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
|
<li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item"><a href="../../en/news/">News</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="navigation-actions">
|
|
<a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
|
|
<a href="../../en/support/" class="btn btn-primary">Support MSOS ❤️</a>
|
|
<div class="language-selector">
|
|
<button class="current-lang" id="mobile-lang-trigger">
|
|
<i class="fas fa-globe"></i>
|
|
<span>EN</span>
|
|
<i class="fas fa-chevron-right"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
|
<div id="language-modal-overlay">
|
|
<div class="language-modal-content">
|
|
<div class="language-modal-header">
|
|
<h3>Select Language</h3>
|
|
<button id="language-modal-close" aria-label="Close language selection">×</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">Stories from home</span>
|
|
<h1>Get to know Macedonia</h1>
|
|
<p class="page-description">Macedonia is not only a place on the map. It is a table that always has room for one more person, music that brings everyone closer, mountains on the horizon, and conversations that continue long after the coffee is finished. These are the places, traditions, tastes, and stories we carry with us and want to share with you.</p>
|
|
<form class="subscribe-form">
|
|
<input type="email" placeholder="Enter your email" aria-label="Email address">
|
|
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
|
|
</form>
|
|
<p class="privacy-note">We care about your data in our <a href="../../en/privacy-policy/">privacy policy</a></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="filter-section">
|
|
<nav class="filter-nav" aria-label="Story categories">
|
|
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">All stories</button>
|
|
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Places & Nature</button>
|
|
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Culture & Traditions</button>
|
|
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Food & Flavours</button>
|
|
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">History & Heritage</button>
|
|
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">People & Identity</button>
|
|
</nav>
|
|
</section>
|
|
|
|
<section class="all-posts-section">
|
|
<div class="container column-layout">
|
|
<h2>All stories</h2>
|
|
<div class="posts-grid">
|
|
<!-- Story: Welcome to Macedonia -->
|
|
<article class="post-card" data-category="identity">
|
|
<a href="welcome-to-macedonia/" class="post-link">
|
|
<img width="810" height="540" loading="lazy" decoding="async" src="../../images/macedonia-welcome-skopje-square-hero.webp" alt="Macedonia Square in central Skopje" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Team • People & Identity</p>
|
|
<h3 class="post-title">Welcome to Macedonia</h3>
|
|
<p class="post-excerpt">A personal introduction to the warmth, contrasts, landscapes, and everyday moments that make Macedonia feel like home.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: Ohrid, More Than a Postcard -->
|
|
<article class="post-card" data-category="places">
|
|
<a href="ohrid-more-than-a-postcard/" class="post-link">
|
|
<img width="750" height="500" loading="lazy" decoding="async" src="../../images/macedonia-ohrid-kaneo-hero.webp" alt="The Church of St. John at Kaneo above Lake Ohrid" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Team • Places & Nature</p>
|
|
<h3 class="post-title">Ohrid, More Than a Postcard</h3>
|
|
<p class="post-excerpt">The lake, old streets, neighbourhoods, sounds, and memories that make Ohrid much more than a beautiful view.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: Skopje, A City of Many Layers -->
|
|
<article class="post-card" data-category="places">
|
|
<a href="skopje-a-city-of-many-layers/" class="post-link">
|
|
<img width="810" height="540" loading="lazy" decoding="async" src="../../images/macedonia-skopje-stone-bridge-hero.webp" alt="The Stone Bridge over the Vardar in Skopje" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Team • Places & Nature</p>
|
|
<h3 class="post-title">Skopje, A City of Many Layers</h3>
|
|
<p class="post-excerpt">A city shaped by different eras, neighbourhoods, communities, and contrasts, all living next to one another.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: A Table Full of Macedonia -->
|
|
<article class="post-card" data-category="food">
|
|
<a href="a-table-full-of-macedonia/" class="post-link">
|
|
<img width="1209" height="806" loading="lazy" decoding="async" src="../../images/macedonia-food-shared-table-hero.webp" alt="A shared Macedonian table with salads, bread, beans, and other dishes" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Team • Food & Flavours</p>
|
|
<h3 class="post-title">A Table Full of Macedonia</h3>
|
|
<p class="post-excerpt">The dishes, flavours, conversations, and generous hospitality that turn a shared meal into something much bigger.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: Music, Dance and the Moments That Bring Us Together -->
|
|
<article class="post-card" data-category="culture">
|
|
<a href="music-dance-and-the-moments-that-bring-us-together/" class="post-link">
|
|
<img width="1400" height="933" loading="lazy" decoding="async" src="../../images/macedonia-culture-oro-celebration-hero.webp" alt="Several generations joining the same oro at a Macedonian celebration" class="post-image">
|
|
<div class="post-content">
|
|
<p class="post-meta">MSOS Team • Culture & Traditions</p>
|
|
<h3 class="post-title">Music, Dance and the Moments That Bring Us Together</h3>
|
|
<p class="post-excerpt">How songs, oro, celebrations, and familiar rhythms create a feeling of belonging across generations.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<!-- Story: History You Can Still Walk Through -->
|
|
<article class="post-card" data-category="heritage">
|
|
<a href="history-you-can-still-walk-through/" class="post-link">
|
|
<img width="1050" height="700" loading="lazy" decoding="async" src="../../images/macedonia-heritage-stobi-street-hero.webp" 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 Team • History & Heritage</p>
|
|
<h3 class="post-title">History You Can Still Walk Through</h3>
|
|
<p class="post-excerpt">Ancient sites, old bazaars, churches, monasteries, and towns where Macedonia's history still feels close.</p>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
</div>
|
|
|
|
<p class="filter-empty" hidden>No stories match this filter yet.</p>
|
|
|
|
<nav class="pagination">
|
|
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a>
|
|
<div class="pagination-numbers">
|
|
<a href="#" class="page-number active">1</a>
|
|
</div>
|
|
<a href="#" class="pagination-arrow">Next <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 loading="lazy" decoding="async" src="../../images/msos-logo-white-en.svg" alt="Macedonian Student Organisation in Slovenia Logo">
|
|
</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, Slovenia<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>Student guide</h4>
|
|
<a href="../../en/student-welcome-guide/">Student welcome guide</a>
|
|
<a href="../../en/student-welcome-guide/complete-student-journey/">The whole journey</a>
|
|
<a href="../../en/student-welcome-guide/application-deadlines/">Application deadlines</a>
|
|
<a href="../../en/student-welcome-guide/evs-application-guide/">Apply through eVŠ</a>
|
|
<a href="../../en/student-welcome-guide/student-residence-permit/">Residence permit</a>
|
|
<a href="../../en/student-welcome-guide/student-accommodation/">Accommodation</a>
|
|
</div>
|
|
<div class="links-column">
|
|
<h4>Explore</h4>
|
|
<a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a>
|
|
<a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a>
|
|
<a href="../../en/projects/">Projects and events</a>
|
|
</div>
|
|
<div class="links-column">
|
|
<h4>Organisation</h4>
|
|
<a href="../../en/about-us/">About us</a>
|
|
<a href="../../en/timeline-and-milestones/">Timeline and milestones</a>
|
|
<a href="mailto:info@msosorg.com">Contact us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="footer-bottom">
|
|
<p>© 2026 MSOS. All rights reserved.</p>
|
|
<div class="legal-links">
|
|
<a href="../../en/privacy-policy/">Privacy policy</a>
|
|
<a href="../../en/cookie-policy/">Cookie policy</a>
|
|
<a href="../../en/legal/">Official information</a>
|
|
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Manage cookies</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer-credit">
|
|
<span>Built with the help of Mark and Domen from <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Spletni Mojster</a> and Kristijan from MSOS. Big thanks to them!</span>
|
|
</div>
|
|
|
|
</div>
|
|
</footer>
|
|
<!-- END_FOOTER -->
|
|
|
|
<script src="../../main.js"></script>
|
|
</body>
|
|
</html>
|