msos/mk/gallery/index.html

387 lines
29 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/gallery/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/gallery/">
<link rel="alternate" hreflang="mk" href="https://msosorg.com/mk/gallery/">
<link rel="alternate" hreflang="sl" href="https://msosorg.com/si/gallery/">
<link rel="alternate" hreflang="x-default" href="https://msosorg.com/en/gallery/">
<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/gallery/">
<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="gallery-page">
<section class="gallery-hero">
<div class="gallery-hero-inner">
<p class="gallery-eyebrow">Моменти од МСОС</p>
<h1>Нашите моменти низ годините</h1>
<p class="gallery-lead">Поглед наназад кон настаните, дружењата и моментите што ја создаваат заедницата на МСОС. Кликни на албум за да ја отвориш приказната и да ги видиш сите фотографии.</p>
</div>
</section>
<section class="gallery-albums">
<article class="album-card">
<a class="album-link-wrap" href="../../mk/projects/meet-student-slovenia-2024/" aria-label="Запознај ја студентска Словенија 2024">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024, photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-img-2.webp" alt="Запознај ја студентска Словенија 2024, photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-img-3.webp" alt="Запознај ја студентска Словенија 2024, photo 3"><span class="cover-more-badge">+9</span></span>
</div>
<div class="album-info">
<h3>Запознај ја студентска Словенија 2024</h3>
<p class="album-meta"><span>12 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
</div>
</a>
</article>
<article class="album-card">
<a class="album-link-wrap" href="../../mk/projects/meet-student-slovenia-2023/" aria-label="Запознај ја студентска Словенија 2023">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Запознај ја студентска Словенија 2023, photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Запознај ја студентска Словенија 2023, photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Запознај ја студентска Словенија 2023, photo 3"><span class="cover-more-badge">+7</span></span>
</div>
<div class="album-info">
<h3>Запознај ја студентска Словенија 2023</h3>
<p class="album-meta"><span>10 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
</div>
</a>
</article>
<article class="album-card">
<a class="album-link-wrap" href="../../mk/projects/humanitarian-tournament-in-maribor/" aria-label="Хуманитарен турнир во Марибор">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-1.webp" alt="Хуманитарен турнир во Марибор, photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-2.webp" alt="Хуманитарен турнир во Марибор, photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/maribor-tournament-3.webp" alt="Хуманитарен турнир во Марибор, photo 3"><span class="cover-more-badge">+7</span></span>
</div>
<div class="album-info">
<h3>Хуманитарен турнир во Марибор</h3>
<p class="album-meta"><span>10 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
</div>
</a>
</article>
<article class="album-card">
<a class="album-link-wrap" href="../../mk/projects/macedonian-student-night-in-ljubljana/" aria-label="Македонска студентска вечер во Љубљана">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана, photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/msnl-2.webp" alt="Македонска студентска вечер во Љубљана, photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/msnl-3.webp" alt="Македонска студентска вечер во Љубљана, photo 3"><span class="cover-more-badge">+4</span></span>
</div>
<div class="album-info">
<h3>Македонска студентска вечер во Љубљана</h3>
<p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
</div>
</a>
</article>
<article class="album-card">
<a class="album-link-wrap" href="../../mk/projects/paint-and-wine-at-sunset/" aria-label="Сликање и вино на зајдисонце">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/paint-wine-1.webp" alt="Сликање и вино на зајдисонце, photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/paint-wine-2.webp" alt="Сликање и вино на зајдисонце, photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/paint-wine-3.webp" alt="Сликање и вино на зајдисонце, photo 3"><span class="cover-more-badge">+6</span></span>
</div>
<div class="album-info">
<h3>Сликање и вино на зајдисонце</h3>
<p class="album-meta"><span>9 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
</div>
</a>
</article>
<article class="album-card">
<a class="album-link-wrap" href="../../mk/projects/watching-handball-together-in-slovenia/" aria-label="Заедничко гледање ракомет во Словенија">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/handball-2025-1.webp" alt="Заедничко гледање ракомет во Словенија, photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/handball-2025-2.webp" alt="Заедничко гледање ракомет во Словенија, photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/handball-2025-3.webp" alt="Заедничко гледање ракомет во Словенија, photo 3"><span class="cover-more-badge">+4</span></span>
</div>
<div class="album-info">
<h3>Заедничко гледање ракомет во Словенија</h3>
<p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
</div>
</a>
</article>
<article class="album-card">
<a class="album-link-wrap" href="../../mk/projects/morning-coffee-in-front-of-ctk/" aria-label="Утринско кафе пред ЦТК">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Утринско кафе пред ЦТК, photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Утринско кафе пред ЦТК, photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Утринско кафе пред ЦТК, photo 3"><span class="cover-more-badge">+4</span></span>
</div>
<div class="album-info">
<h3>Утринско кафе пред ЦТК</h3>
<p class="album-meta"><span>7 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
</div>
</a>
</article>
<article class="album-card">
<a class="album-link-wrap" href="../../mk/projects/in-memory-of-frosina-kulakova/" aria-label="Во спомен на Фросина Кулакова">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/frosina-1.webp" alt="Во спомен на Фросина Кулакова, photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-2.webp" alt="Во спомен на Фросина Кулакова, photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/frosina-3.webp" alt="Во спомен на Фросина Кулакова, photo 3"></span>
</div>
<div class="album-info">
<h3>Во спомен на Фросина Кулакова</h3>
<p class="album-meta"><span>3 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
</div>
</a>
</article>
<article class="album-card">
<a class="album-link-wrap" href="../../mk/projects/in-memory-of-the-kochani-victims/" aria-label="Во спомен на жртвите во Кочани">
<div class="album-cover">
<span class="album-tile album-tile--main"><img loading="lazy" decoding="async" src="../../images/kochani-1.webp" alt="Во спомен на жртвите во Кочани, photo 1"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/kochani-2.webp" alt="Во спомен на жртвите во Кочани, photo 2"></span>
<span class="album-tile"><img loading="lazy" decoding="async" src="../../images/kochani-3.webp" alt="Во спомен на жртвите во Кочани, photo 3"><span class="cover-more-badge">+1</span></span>
</div>
<div class="album-info">
<h3>Во спомен на жртвите во Кочани</h3>
<p class="album-meta"><span>4 фотографии</span><span class="dot" aria-hidden="true"></span><span class="read-link">Прочитај ја приказната</span></p>
</div>
</a>
</article>
</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 -->
</body>
</html>