msos/mk/get-to-know-macedonia/index.html

369 lines
26 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="mk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Запознај ја Македонија - 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="Македонија не е само место на картата. Таа е трпеза на која секогаш има место за уште еден човек, музика што нè зближува, планини на хоризонтот и разговори што…">
<link rel="canonical" href="https://msosorg.com/mk/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="Македонска студентска организација во Словенија">
<meta property="og:title" content="Запознај ја Македонија - MSOS">
<meta property="og:description" content="Македонија не е само место на картата. Таа е трпеза на која секогаш има место за уште еден човек, музика што нè зближува, планини на хоризонтот и разговори што…">
<meta property="og:url" content="https://msosorg.com/mk/get-to-know-macedonia/">
<meta property="og:image" content="https://msosorg.com/images/og-default.jpg">
<meta property="og:locale" content="mk_MK">
<meta property="og:locale:alternate" content="en_GB">
<meta property="og:locale:alternate" content="sl_SI">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Запознај ја Македонија - MSOS">
<meta name="twitter:description" content="Македонија не е само место на картата. Таа е трпеза на која секогаш има место за уште еден човек, музика што нè зближува, планини на хоризонтот и разговори што…">
<meta name="twitter:image" content="https://msosorg.com/images/og-default.jpg">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Македонска студентска организација во Словенија","alternateName":"MSOS","url":"https://msosorg.com/mk/","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" />
<!-- Поврзување до главната CSS-датотека -->
<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="../../mk/" class="logo-link">
<img src="../../images/msos-logo-mk.svg" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="../../mk/timeline-and-milestones/">Времеплов и достигнувања</a></li>
<li><a href="../../mk/about-us/">Нашиот тим, мисија, визија и вредности</a></li>
<li><a href="../../mk/msos-hub/">МСОС Хаб</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../mk/projects/">Настани и проекти</a></li>
<li><a href="../../mk/gallery/">Галерија</a></li>
<li><a href="../../mk/blog/">Блог</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="../../mk/student-welcome-guide/">Водич за добредојде</a></li>
<li><a href="../../mk/faq/">Често поставувани прашања</a></li>
<li><a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
<li><a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item"><a href="../../mk/news/">Новости</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<a href="../../mk/support/" class="btn btn-primary">Поддржи го МСОС ❤️</a>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">МК</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="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="../../mk/timeline-and-milestones/">Времеплов и достигнувања</a></li>
<li><a href="../../mk/about-us/">Нашиот тим, мисија, визија и вредности</a></li>
<li><a href="../../mk/msos-hub/">МСОС Хаб</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../mk/projects/">Настани и проекти</a></li>
<li><a href="../../mk/gallery/">Галерија</a></li>
<li><a href="../../mk/blog/">Блог</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="../../mk/student-welcome-guide/">Водич за добредојде</a></li>
<li><a href="../../mk/faq/">Често поставувани прашања</a></li>
<li><a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
<li><a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item"><a href="../../mk/news/">Новости</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
<a href="../../mk/support/" class="btn btn-primary">Поддржи го МСОС ❤️</a>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>МК</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Избери јазик</h3>
<button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</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">Приказни од дома</span>
<h1>Запознај ја Македонија</h1>
<p class="page-description">Македонија не е само место на картата. Таа е трпеза на која секогаш има место за уште еден човек, музика што нè зближува, планини на хоризонтот и разговори што продолжуваат долго по последното кафе. Ова се местата, традициите, вкусовите и приказните што ги носиме со себе и сакаме да ги споделиме со вас.</p>
<form class="subscribe-form">
<input type="email" placeholder="Внесете ја вашата е-пошта">
<button type="submit" class="btn btn-primary-orange">Претплати се</button>
</form>
<p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="../../mk/privacy-policy/">политика за приватност</a></p>
</div>
</section>
<section class="filter-section">
<nav class="filter-nav" aria-label="Категории на приказни">
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">Сите приказни</button>
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Места и природа</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Култура и традиции</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Храна и вкусови</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">Историја и наследство</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">Луѓе и идентитет</button>
</nav>
</section>
<section class="all-posts-section">
<div class="container column-layout">
<h2>Сите приказни</h2>
<div class="posts-grid">
<!-- Story: Добредојдовте во Македонија -->
<article class="post-card" data-category="identity">
<a href="welcome-to-macedonia/" class="post-link">
<img 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">Тим на МСОС • Луѓе и идентитет</p>
<h3 class="post-title">Добредојдовте во Македонија</h3>
<p class="post-excerpt">Личен вовед во топлината, контрастите, природата и секојдневните моменти поради кои Македонија е дом.</p>
</div>
</a>
</article>
<!-- Story: Охрид, повеќе од разгледница -->
<article class="post-card" data-category="places">
<a href="ohrid-more-than-a-postcard/" class="post-link">
<img 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">Тим на МСОС • Места и природа</p>
<h3 class="post-title">Охрид, повеќе од разгледница</h3>
<p class="post-excerpt">Езерото, старите улици, маалата, звуците и спомените поради кои Охрид е многу повеќе од убава глетка.</p>
</div>
</a>
</article>
<!-- Story: Скопје, град со многу слоеви -->
<article class="post-card" data-category="places">
<a href="skopje-a-city-of-many-layers/" class="post-link">
<img 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">Тим на МСОС • Места и природа</p>
<h3 class="post-title">Скопје, град со многу слоеви</h3>
<p class="post-excerpt">Град обликуван од различни периоди, маала, заедници и контрасти што живеат едни покрај други.</p>
</div>
</a>
</article>
<!-- Story: Македонија на полна трпеза -->
<article class="post-card" data-category="food">
<a href="a-table-full-of-macedonia/" class="post-link">
<img 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">Тим на МСОС • Храна и вкусови</p>
<h3 class="post-title">Македонија на полна трпеза</h3>
<p class="post-excerpt">Јадењата, вкусовите, разговорите и гостопримството поради кои заедничкиот оброк станува нешто многу поголемо.</p>
</div>
</a>
</article>
<!-- Story: Музика, оро и моментите што нè спојуваат -->
<article class="post-card" data-category="culture">
<a href="music-dance-and-the-moments-that-bring-us-together/" class="post-link">
<img 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">Тим на МСОС • Култура и традиции</p>
<h3 class="post-title">Музика, оро и моментите што нè спојуваат</h3>
<p class="post-excerpt">Како песните, орото, прославите и познатите ритми создаваат чувство на припадност низ генерациите.</p>
</div>
</a>
</article>
<!-- Story: Историја низ која сè уште можеме да чекориме -->
<article class="post-card" data-category="heritage">
<a href="history-you-can-still-walk-through/" class="post-link">
<img 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">Тим на МСОС • Историја и наследство</p>
<h3 class="post-title">Историја низ која сè уште можеме да чекориме</h3>
<p class="post-excerpt">Антички локалитети, стари чаршии, цркви, манастири и градови во кои македонската историја сè уште се чувствува блиску.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>Ниту една приказна сè уште не одговара на овој филтер.</p>
<nav class="pagination">
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Претходна</a>
<div class="pagination-numbers">
<a href="#" class="page-number active">1</a>
</div>
<a href="#" class="pagination-arrow">Следна <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-mk.svg" alt="Логотип на Македонската студентска организација во Словенија">
</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, Словенија<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>Студентски водич</h4>
<a href="../../mk/student-welcome-guide/">Студентски водич за добредојде</a>
<a href="../../mk/student-welcome-guide/complete-student-journey/">Целосниот пат</a>
<a href="../../mk/student-welcome-guide/application-deadlines/">Рокови за пријава</a>
<a href="../../mk/student-welcome-guide/evs-application-guide/">Пријава преку eVŠ</a>
<a href="../../mk/student-welcome-guide/student-residence-permit/">Дозвола за престој</a>
<a href="../../mk/student-welcome-guide/student-accommodation/">Сместување</a>
</div>
<div class="links-column">
<h4>Истражи</h4>
<a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a>
<a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a>
<a href="../../mk/projects/">Проекти и настани</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="../../mk/about-us/">За нас</a>
<a href="../../mk/timeline-and-milestones/">Времеплов и достигнувања</a>
<a href="mailto:info@msosorg.com">Контактирајте нè</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© 2026 МСОС. Сите права задржани.</p>
<div class="legal-links">
<a href="../../mk/privacy-policy/">Политика за приватност</a>
<a href="../../mk/cookie-policy/">Политика за колачиња</a>
<a href="../../mk/legal/">Официјални информации</a>
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Управувај со колачиња</a>
</div>
</div>
<div class="footer-credit">
<span>Изработено со помош на Марк и Домен од <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Сплетни Мојстер</a> и Кристијан од МСОС. Голема благодарност до нив!</span>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>