Files
msos/si/msos-hub/index.html
T
popovskikandClaude Opus 4.8 de3b65fb15 Add MSOS Hub venue page (EN/MK/SI) + add to Who We Are menu
A promo page for the MSOS Hub — a renovated community/event space in
Ljubljana for gatherings up to 50 people. Sections: hero with quick facts,
the funding/partner story (Ministry of Foreign Affairs and Trade of North
Macedonia, Municipality of Ljubljana, Macedonian Cultural Association
"Macedonia"), what you can do here, what's inside (amenities), an image
placeholder gallery (photos pending — captioned), "made possible by", and a
booking CTA (mailto info@msosorg.com). New css/pages/_hub.css.

'MSOS Hub' added to the Who We Are dropdown (desktop + mobile) on all pages.
SEO block + hreflang + sitemap (207 pages) regenerated.

MK/SI translations are AI-drafted -> native review. Real photos to replace
the captioned placeholders when available.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-03 00:39:58 +02:00

419 lines
24 KiB
HTML

<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MSOS Hub - Makedonska študentska organizacija v Sloveniji</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>
<link rel="canonical" href="https://msosorg.com/si/msos-hub/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/msos-hub/">
<link rel="alternate" hreflang="mk" href="https://msosorg.com/mk/msos-hub/">
<link rel="alternate" hreflang="sl" href="https://msosorg.com/si/msos-hub/">
<link rel="alternate" hreflang="x-default" href="https://msosorg.com/en/msos-hub/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Makedonska študentska organizacija v Sloveniji">
<meta property="og:title" content="MSOS Hub - Makedonska študentska organizacija v Sloveniji">
<meta property="og:url" content="https://msosorg.com/si/msos-hub/">
<meta property="og:image" content="https://msosorg.com/images/og-default.jpg">
<meta property="og:locale" content="sl_SI">
<meta property="og:locale:alternate" content="en_GB">
<meta property="og:locale:alternate" content="mk_MK">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="MSOS Hub - Makedonska študentska organizacija v Sloveniji">
<meta name="twitter:image" content="https://msosorg.com/images/og-default.jpg">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Makedonska študentska organizacija v Sloveniji","alternateName":"MSOS","url":"https://msosorg.com/si/","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" />
<!-- 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="../../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="../../si/timeline-and-milestones/">Časovnica in dosežki</a></li>
<li><a href="../../si/about-us/">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
<li><a href="../../si/msos-hub/">MSOS Hub</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="../../si/blog/">Blog</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="../../si/faq/">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"><a href="../../si/news/">Novice</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
<a href="../../si/support/" class="btn btn-primary">Podpri MSOS ❤️</a>
<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="../../si/timeline-and-milestones/">Časovnica in dosežki</a></li>
<li><a href="../../si/about-us/">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
<li><a href="../../si/msos-hub/">MSOS Hub</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="../../si/blog/">Blog</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="../../si/faq/">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"><a href="../../si/news/">Novice</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
<a href="../../si/support/" class="btn btn-primary">Podpri MSOS ❤️</a>
<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">&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="hub-page">
<!-- Hero -->
<section class="hub-hero">
<div class="container">
<span class="hub-eyebrow"><i class="fas fa-house-heart" aria-hidden="true"></i> MSOS Hub</span>
<h1>Dom daleč od doma, v srcu Ljubljane</h1>
<p class="hub-lead">MSOS Hub je prijeten, prenovljen prostor v Ljubljani za druženja do 50 ljudi. Kulturni večeri, praznovanja, sestanki, projektno delo &mdash; topel prostor, kjer se makedonska in širša študentska skupnost lahko zbere.</p>
<div class="hub-hero-cta">
<a href="mailto:info@msosorg.com?subject=Pro%C5%A1nja%20za%20rezervacijo%20MSOS%20Hub" class="btn btn-primary">Preveri razpoložljivost</a>
<a href="#inside" class="btn btn-secondary">Poglej, kaj je notri</a>
</div>
<div class="hub-facts">
<span class="hub-fact"><i class="fas fa-users" aria-hidden="true"></i> Do 50 ljudi</span>
<span class="hub-fact"><i class="fas fa-location-dot" aria-hidden="true"></i> Ljubljana</span>
<span class="hub-fact"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i> Skupni kulturni prostor</span>
</div>
</div>
</section>
<!-- Story: a space we built together -->
<section class="hub-section sup-section--tint hub-section--tint">
<div class="hub-inner">
<div class="hub-story-grid">
<div class="hub-story-text">
<h2 class="hub-h2">Prostor, ki smo ga ustvarili skupaj</h2>
<p>S sredstvi, zbranimi na dogodkih MSOS, in s podporo Ministrstva za zunanje zadeve in trgovino Severne Makedonije smo prenovili prostor v Ljubljani in ga spremenili v dom za našo skupnost.</p>
<p>Hub je skupni prostor z Makedonskim kulturnim društvom &bdquo;Makedonija&ldquo; v Ljubljani in ga sofinancira Mestna občina Ljubljana. Skupaj skrbimo, da ostaja odprt, topel in gostoljuben.</p>
<p>Zdaj ga želimo deliti &mdash; z makedonskimi študenti, drugimi študentskimi skupnostmi in vsemi, ki iščejo prijeten prostor za druženje v Ljubljani.</p>
</div>
<div class="hub-story-media">
<figure class="image-placeholder">
<div class="image-placeholder-box">
<i class="ph-icon fas fa-images" aria-hidden="true"></i>
<span class="ph-label">Fotografija kmalu</span>
<p class="ph-desc">Prenovljen prostor Hub</p>
<p class="ph-meta">Širok posnetek dokončanega prostora &mdash; topla osvetlitev, sedežni prostor in prostor za druženje.</p>
</div>
</figure>
</div>
</div>
</div>
</section>
<!-- What you can do here -->
<section class="hub-section">
<div class="hub-section-head">
<h2 class="hub-h2">Kaj lahko počneš tukaj</h2>
<p class="hub-sub">Prilagodljiv prostor za druženja do 50 ljudi &mdash; karkoli že poveže tvojo skupnost.</p>
</div>
<div class="hub-uses">
<div class="hub-use">
<div class="hub-use-ico"><i class="fas fa-masks-theater" aria-hidden="true"></i></div>
<h3>Kulturni &amp; posebni dogodki</h3>
<p>Manjši kulturni večeri, predavanja, razstave in dogodki skupnosti.</p>
</div>
<div class="hub-use">
<div class="hub-use-ico"><i class="fas fa-cake-candles" aria-hidden="true"></i></div>
<h3>Rojstni dnevi &amp; praznovanja</h3>
<p>Priredi rojstni dan, god ali katero koli praznovanje s prijatelji.</p>
</div>
<div class="hub-use">
<div class="hub-use-ico"><i class="fas fa-tv" aria-hidden="true"></i></div>
<h3>Ogled športa</h3>
<p>Zberite se in skupaj navijajte za tekmo na velikem platnu.</p>
</div>
<div class="hub-use">
<div class="hub-use-ico"><i class="fas fa-music" aria-hidden="true"></i></div>
<h3>Petje &amp; ples</h3>
<p>Večer glasbe, petja in plesa &mdash; klavir je kar tukaj.</p>
</div>
<div class="hub-use">
<div class="hub-use-ico"><i class="fas fa-people-group" aria-hidden="true"></i></div>
<h3>Sestanki</h3>
<p>Miren, opremljen prostor za sestanke klubov, društev ali ekip.</p>
</div>
<div class="hub-use">
<div class="hub-use-ico"><i class="fas fa-laptop" aria-hidden="true"></i></div>
<h3>Projektno delo</h3>
<p>Prostor za zbranost, razmišljanje na tabli in skupno opravljanje nalog.</p>
</div>
</div>
</section>
<!-- What's inside (amenities) -->
<section class="hub-section sup-section--tint hub-section--tint" id="inside">
<div class="hub-inner">
<div class="hub-section-head">
<h2 class="hub-h2">Kaj je notri</h2>
<p class="hub-sub">Vse, kar potrebuješ za udobno, produktivno ali praznično druženje.</p>
</div>
<div class="hub-amenities">
<div class="hub-amenity"><i class="fas fa-music" aria-hidden="true"></i><span>Klavir</span></div>
<div class="hub-amenity"><i class="fas fa-table" aria-hidden="true"></i><span>Sejna miza</span></div>
<div class="hub-amenity"><i class="fas fa-video" aria-hidden="true"></i><span>Projektor</span></div>
<div class="hub-amenity"><i class="fas fa-display" aria-hidden="true"></i><span>Projekcijsko platno</span></div>
<div class="hub-amenity"><i class="fas fa-chalkboard" aria-hidden="true"></i><span>Bela tabla</span></div>
<div class="hub-amenity"><i class="fas fa-print" aria-hidden="true"></i><span>Tiskalnik</span></div>
<div class="hub-amenity"><i class="fas fa-pen-ruler" aria-hidden="true"></i><span>Delovni material</span></div>
<div class="hub-amenity"><i class="fas fa-restroom" aria-hidden="true"></i><span>Sanitarije</span></div>
</div>
</div>
</section>
<!-- Gallery -->
<section class="hub-section">
<div class="hub-section-head">
<h2 class="hub-h2">Utrinek prostora</h2>
<p class="hub-sub">Fotografije dokončanega Huba so na poti. Za zdaj pa je tukaj, kaj bomo prikazali.</p>
</div>
<div class="hub-gallery">
<figure class="image-placeholder">
<div class="image-placeholder-box">
<i class="ph-icon fas fa-trowel-bricks" aria-hidden="true"></i>
<span class="ph-label">Fotografija kmalu</span>
<p class="ph-desc">Prenova: prej &amp; potem</p>
<p class="ph-meta">Preobrazba prostora med prenovitvenimi deli.</p>
</div>
</figure>
<figure class="image-placeholder">
<div class="image-placeholder-box">
<i class="ph-icon fas fa-champagne-glasses" aria-hidden="true"></i>
<span class="ph-label">Fotografija kmalu</span>
<p class="ph-desc">Druženje v Hubu</p>
<p class="ph-meta">Ljudje skupaj na enem od dogodkov, ki smo jih tu že gostili.</p>
</div>
</figure>
<figure class="image-placeholder">
<div class="image-placeholder-box">
<i class="ph-icon fas fa-music" aria-hidden="true"></i>
<span class="ph-label">Fotografija kmalu</span>
<p class="ph-desc">Večer glasbe &amp; kulture</p>
<p class="ph-meta">Kotiček s klavirjem in kulturni večer v polnem zamahu.</p>
</div>
</figure>
<figure class="image-placeholder">
<div class="image-placeholder-box">
<i class="ph-icon fas fa-chalkboard-user" aria-hidden="true"></i>
<span class="ph-label">Fotografija kmalu</span>
<p class="ph-desc">Postavitev za sestanke &amp; projekte</p>
<p class="ph-meta">Sejna miza, bela tabla in projektor, urejeni za delo.</p>
</div>
</figure>
</div>
</section>
<!-- Made possible by -->
<section class="hub-section sup-section--tint hub-section--tint hub-supporters">
<div class="hub-inner">
<div class="hub-section-head">
<h2 class="hub-h2">Omogočili so</h2>
<p class="hub-sub">MSOS Hub obstaja zahvaljujoč podpori naših partnerjev in skupnosti.</p>
</div>
<div class="hub-supporters-list">
<span class="hub-supporter"><i class="fas fa-landmark" aria-hidden="true"></i> Ministrstvo za zunanje zadeve in trgovino Severne Makedonije</span>
<span class="hub-supporter"><i class="fas fa-city" aria-hidden="true"></i> Mestna občina Ljubljana</span>
<span class="hub-supporter"><i class="fas fa-people-roof" aria-hidden="true"></i> Makedonsko kulturno društvo &bdquo;Makedonija&ldquo; v Ljubljani</span>
<span class="hub-supporter"><i class="fas fa-heart" aria-hidden="true"></i> Skupnost MSOS</span>
</div>
</div>
</section>
<!-- Booking CTA -->
<section class="hub-final">
<h2>Želiš uporabiti Hub?</h2>
<p>MSOS Hub je odprt za makedonsko in širšo študentsko skupnost. Povej nam, kaj imaš v mislih, in svoj želeni datum, mi pa bomo preverili razpoložljivost in vse skupaj uredili.</p>
<div class="hub-final-cta">
<a href="mailto:info@msosorg.com?subject=Pro%C5%A1nja%20za%20rezervacijo%20MSOS%20Hub" class="btn btn-primary-orange">Piši nam za rezervacijo</a>
<a href="../../en/support/" class="btn btn-ghost">Podpri Hub</a>
</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/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>
</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>
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Upravljanje piškotkov</a>
</div>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>