posodobitve headerjev in optimizacija slik
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s

This commit is contained in:
Mark Poljanšek committed 2025-08-25 16:16:29 +02:00
1 parent 4e2eda277f
commit 0b5d53abb9
137 files changed
+8109 -2138

No files matched your search

+105 -105
View File
@@ -19,29 +19,54 @@
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../si/" class="logo-link">
<img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="projects/">Projekti</a>
</nav>
</div>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../si/" class="logo-link">
<img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@@ -52,46 +77,20 @@
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
</header>
<!-- END_HEADER -->
<main>
<section class="hero-section">
<div class="hero-background">
<div class="hero-image-left" style="background-image: url('../images/2.hero.jpg');"></div>
<div class="hero-image-right" style="background-image: url('../images/2.hero.jpg');"></div>
<div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
<div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
</div>
<div class="hero-overlay"></div>
<div class="hero-content">
@@ -110,7 +109,7 @@
<section class="meet-the-team-section">
<div class="video-container">
<img src="../images/3.activites.jpg" alt="Člani ekipe pri sodelovanju" class="video-thumbnail">
<img src="../images/3.activites.webp" alt="Člani ekipe pri sodelovanju" class="video-thumbnail">
<div class="video-overlay"></div>
<button class="play-button" aria-label="Predvajaj video"></button>
</div>
@@ -138,7 +137,7 @@
</div>
<div class="activity-details">
<p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
<img src="../images/3.activites.jpg" alt="Skupina nasmejanih študentov pri sodelovanju">
<img src="../images/3.activites.webp" alt="Skupina nasmejanih študentov pri sodelovanju">
</div>
</div>
</section>
@@ -150,7 +149,7 @@
</div>
<div class="news-articles">
<article class="news-card">
<img src="../images/4-billwalsh.jpg" alt="Roza in modro obarvana podoba zasneženega vrha gore">
<img src="../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore">
<div class="card-content">
<p class="author">Alec Whitten • 17 Jan 2022</p>
<h3>Lekcije vodenja Billa Walsha</h3>
@@ -158,7 +157,7 @@
</div>
</article>
<article class="news-card">
<img src="../images/5-pmmentals.jpg" alt="Ženska predstavlja pred belo tablo z listki ekipi">
<img src="../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi">
<div class="card-content">
<p class="author">Demi Wilkinson • 16 Jan 2022</p>
<h3>Mentalni modeli za PM</h3>
@@ -166,7 +165,7 @@
</div>
</article>
<article class="news-card">
<img src="../images/6-whatiswireframing.jpg" alt="Moderna računalniška miza z velikim monitorjem, tipkovnico in slušalkami">
<img src="../images/6-whatiswireframing.webp" alt="Moderna računalniška miza z velikim monitorjem, tipkovnico in slušalkami">
<div class="card-content">
<p class="author">Candice Wu • 15 Jan 2022</p>
<h3>Kaj je žični model (Wireframing)?</h3>
@@ -188,7 +187,7 @@
<h3>Kako nas sodelovanje izboljša</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/7-graphicdesigner.png" alt="Aleksandar Popovski">
<img src="../images/7-graphicdesigner.webp" alt="Aleksandar Popovski">
<div>
<h4>Aleksandar Popovski</h4>
<p>Grafični oblikovalec pri MSOS</p>
@@ -199,7 +198,7 @@
<h3>Consectetur vitae ac parturient massa</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
<div class="author-info">
<img src="../images/11-boy.jpg" alt="Drug član ekipe">
<img src="../images/11-boy.webp" alt="Drug član ekipe">
<div>
<h4>Aleksandar Popovski</h4>
<p>Grafični oblikovalec pri MSOS</p>
@@ -212,7 +211,7 @@
<h3>Ponosni partnerji</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/12-girl2.jpg" alt="Drug partner">
<img src="../images/12-girl2.webp" alt="Drug partner">
<div>
<h4>Aleksandar Popovski</h4>
<p>Grafični oblikovalec pri MSOS</p>
@@ -223,7 +222,7 @@
<h3>Naša izkušnja sodelovanja</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/10-girl1.jpg" alt="Druga članica ekipe">
<img src="../images/10-girl1.webp" alt="Druga članica ekipe">
<div>
<h4>Aleksandar Popovski</h4>
<p>Grafični oblikovalec pri MSOS</p>
@@ -239,7 +238,7 @@
<h2>Postanite del naše izjemne ekipe</h2>
<p>Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!</p>
</div>
<img src="../images/9-becomepart.png" alt="Naša izjemna ekipa v učilnici" class="team-photo">
<img src="../images/9-becomepart.webp" alt="Naša izjemna ekipa v učilnici" class="team-photo">
<div class="contact-form-container">
<form class="contact-form">
@@ -320,9 +319,9 @@
</div>
<div class="faq-footer">
<div class="avatar-group">
<img src="../images/11-boy.jpg" alt="Avatar 1" class="avatar">
<img src="../images/10-girl1.jpg" alt="Avatar 2" class="avatar large">
<img src="../images/12-girl2.jpg" alt="Avatar 3" class="avatar">
<img src="../images/11-boy.webp" alt="Avatar 1" class="avatar">
<img src="../images/10-girl1.webp" alt="Avatar 2" class="avatar large">
<img src="../images/12-girl2.webp" alt="Avatar 3" class="avatar">
</div>
<h3>Imate še vprašanja?</h3>
<p>Ne najdete odgovora, ki ga iščete? Prosimo, poklepetajte z našo prijazno ekipo.</p>
@@ -333,58 +332,59 @@
</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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
<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>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../main.js"></script>
</body>
+391
View File
@@ -0,0 +1,391 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Makedonska Študentska Organizacija v Sloveniji</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 (popravljena pot) -->
<link rel="stylesheet" href="../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../si/" class="logo-link">
<img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main>
<section class="hero-section">
<div class="hero-background">
<div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
<div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
</div>
<div class="hero-overlay"></div>
<div class="hero-content">
<div class="heading-and-supporting-text">
<div class="badge-group">
<div class="badge-content">
<span class="message">Prva uradna MSOS</span>
</div>
</div>
<h1>Opolnomočimo mlade z veščinami za spreminjanje sveta</h1>
<p>Ne glede na to, ali imate ekipo 2 ali 200 ljudi, naši skupni timski nabiralniki ohranjajo vse na isti strani in v koraku z dogajanjem.</p>
</div>
<button class="btn btn-primary-orange">Postani član</button>
</div>
</section>
<section class="meet-the-team-section">
<div class="video-container">
<img src="../images/3.activites.webp" alt="Člani ekipe pri sodelovanju" class="video-thumbnail">
<div class="video-overlay"></div>
<button class="play-button" aria-label="Predvajaj video"></button>
</div>
<div class="team-content">
<h2>Spoznajte našo izjemno ekipo!</h2>
<p>Naša filozofija je preprosta — zaposliti ekipo raznolikih, strastnih ljudi in gojiti kulturo, ki vas opolnomoči, da opravite svoje najboljše delo.</p>
<button class="btn btn-secondary">Več o tem</button>
</div>
</section>
<section class="activities-section">
<div class="activities-header">
<h2>Aktivnosti</h2>
<p>Naša filozofija je preprosta — zaposliti ekipo raznolikih, strastnih ljudi in gojiti kulturo, ki vas opolnomoči, da opravite svoje najboljše delo.</p>
</div>
<div class="activities-content">
<div class="activities-nav">
<ul>
<li class="active">Študentsko predstavništvo</li>
<li>Izobraževanje in kultura</li>
<li>Zabava in druženje</li>
<li>Študentska podpora</li>
</ul>
<button class="btn btn-primary-orange">Postani član</button>
</div>
<div class="activity-details">
<p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
<img src="../images/3.activites.webp" alt="Skupina nasmejanih študentov pri sodelovanju">
</div>
</div>
</section>
<section class="latest-news-section">
<div class="news-header">
<h2>Zadnje novice</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
</div>
<div class="news-articles">
<article class="news-card">
<img src="../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore">
<div class="card-content">
<p class="author">Alec Whitten • 17 Jan 2022</p>
<h3>Lekcije vodenja Billa Walsha</h3>
<p>Bi radi izvedeli skrivnosti preoblikovanja ekipe z rezultatom 2-14 v trikratne zmagovalce Super Bowla...</p>
</div>
</article>
<article class="news-card">
<img src="../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi">
<div class="card-content">
<p class="author">Demi Wilkinson • 16 Jan 2022</p>
<h3>Mentalni modeli za PM</h3>
<p>Mentalni modeli so preprosti izrazi kompleksnih procesov ali odnosov.</p>
</div>
</article>
<article class="news-card">
<img src="../images/6-whatiswireframing.webp" alt="Moderna računalniška miza z velikim monitorjem, tipkovnico in slušalkami">
<div class="card-content">
<p class="author">Candice Wu • 15 Jan 2022</p>
<h3>Kaj je žični model (Wireframing)?</h3>
<p>Uvod v žično modeliranje in njegova načela. Učite se od najboljših v industriji.</p>
</div>
</article>
</div>
<button class="btn btn-secondary">Poglej vse</button>
</section>
<section class="testimonials-section">
<div class="testimonials-intro">
<h2>Poglejte, kaj o nas pravijo naši partnerji</h2>
<p>Vse, kar morate vedeti o produktu in zaračunavanju.</p>
</div>
<div class="testimonials-columns">
<div class="testimonial-column">
<div class="testimonial-card">
<h3>Kako nas sodelovanje izboljša</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/7-graphicdesigner.webp" alt="Aleksandar Popovski">
<div>
<h4>Aleksandar Popovski</h4>
<p>Grafični oblikovalec pri MSOS</p>
</div>
</div>
</div>
<div class="testimonial-card">
<h3>Consectetur vitae ac parturient massa</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
<div class="author-info">
<img src="../images/11-boy.webp" alt="Drug član ekipe">
<div>
<h4>Aleksandar Popovski</h4>
<p>Grafični oblikovalec pri MSOS</p>
</div>
</div>
</div>
</div>
<div class="testimonial-column column-offset">
<div class="testimonial-card">
<h3>Ponosni partnerji</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/12-girl2.webp" alt="Drug partner">
<div>
<h4>Aleksandar Popovski</h4>
<p>Grafični oblikovalec pri MSOS</p>
</div>
</div>
</div>
<div class="testimonial-card">
<h3>Naša izkušnja sodelovanja</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/10-girl1.webp" alt="Druga članica ekipe">
<div>
<h4>Aleksandar Popovski</h4>
<p>Grafični oblikovalec pri MSOS</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="become-part-section">
<div class="become-part-header">
<h2>Postanite del naše izjemne ekipe</h2>
<p>Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!</p>
</div>
<img src="../images/9-becomepart.png" alt="Naša izjemna ekipa v učilnici" class="team-photo">
<div class="contact-form-container">
<form class="contact-form">
<div class="form-row">
<div class="form-group">
<label for="first-name">Ime</label>
<input type="text" id="first-name" placeholder="Ime">
</div>
<div class="form-group">
<label for="last-name">Priimek</label>
<input type="text" id="last-name" placeholder="Priimek">
</div>
</div>
<div class="form-group">
<label for="email">E-pošta</label>
<input type="email" id="email" placeholder="student@email.com">
</div>
<div class="form-group">
<label for="phone-number">Telefonska številka</label>
<div class="phone-input">
<select id="country-code" aria-label="Klicna koda države">
<option>SI</option>
<option>MK</option>
<option>US</option>
</select>
<input type="tel" id="phone-number" placeholder="+386 (00) 000-000">
</div>
</div>
<div class="form-group">
<label for="message">Sporočilo</label>
<textarea id="message" rows="5"></textarea>
</div>
<div class="form-group checkbox-group">
<input type="checkbox" id="privacy-policy">
<label for="privacy-policy">Strinjate se z našo prijazno <a href="#">politiko zasebnosti</a>.</label>
</div>
<button type="submit" class="btn btn-primary">Pošlji sporočilo</button>
</form>
</div>
</section>
<section class="faq-section">
<div class="faq-header">
<h2>Pogosto zastavljena vprašanja</h2>
<p>Vse, kar morate vedeti o produktu in zaračunavanju.</p>
</div>
<div class="faq-grid">
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-heart"></i></div>
<h3>Ali je na voljo brezplačen preizkus?</h3>
<p>Da, lahko nas brezplačno preizkušate 30 dni. Naša prijazna ekipa bo sodelovala z vami, da boste čim prej začeli.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
<h3>Ali lahko kasneje zamenjam svoj načrt?</h3>
<p>Seveda. Naše cene se prilagajajo vašemu podjetju. Poklepetajte z našo prijazno ekipo in poiščite rešitev, ki vam ustreza.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-ban"></i></div>
<h3>Kakšna je vaša politika odpovedi?</h3>
<p>Razumemo, da se stvari spreminjajo. Svoj načrt lahko kadar koli prekličete in povrnili vam bomo že plačano razliko.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
<h3>Ali se lahko na račun dodajo druge informacije?</h3>
<p>Da, lahko nas brezplačno preizkušate 30 dni. Naša prijazna ekipa bo sodelovala z vami, da boste čim prej začeli.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
<h3>Kako poteka zaračunavanje?</h3>
<p>Seveda. Naše cene se prilagajajo vašemu podjetju. Poklepetajte z našo prijazno ekipo in poiščite rešitev, ki vam ustreza.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
<h3>Kako spremenim e-pošto svojega računa?</h3>
<p>Razumemo, da se stvari spreminjajo. Svoj načrt lahko kadar koli prekličete in povrnili vam bomo razliko.</p>
</div>
</div>
<div class="faq-footer">
<div class="avatar-group">
<img src="../images/11-boy.webp" alt="Avatar 1" class="avatar">
<img src="../images/10-girl1.webp" alt="Avatar 2" class="avatar large">
<img src="../images/12-girl2.webp" alt="Avatar 3" class="avatar">
</div>
<h3>Imate še vprašanja?</h3>
<p>Ne najdete odgovora, ki ga iščete? Prosimo, poklepetajte z našo prijazno ekipo.</p>
<button class="btn btn-primary-orange">Poglej vsa vprašanja</button>
</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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../main.js"></script>
</body>
</html>
+96 -96
View File
@@ -19,29 +19,54 @@
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../" class="logo-link">
<img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="./">Projekti</a>
</nav>
</div>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../si/" class="logo-link">
<img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika -->
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@@ -52,40 +77,14 @@
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="./">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika (za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
</header>
<!-- END_HEADER -->
<main class="page-content">
<!-- Sekcija z naslovom strani -->
@@ -110,7 +109,7 @@
<!-- Projekt: Spoznaj študentsko Slovenijo 2024 -->
<article class="post-card">
<a href="meet-student-slovenia-2024/" class="post-link">
<img src="../../images/event4-img-1.JPG" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'" class="post-image">
<img src="../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • 16 Sep 2024 • Dogodek</p>
<h3 class="post-title">Spoznaj študentsko Slovenijo 2024</h3>
@@ -121,7 +120,7 @@
<!-- Projekt: Jutranja kava pred CTK – 2024 -->
<article class="post-card">
<a href="morning-coffee-in-front-of-ctk/" class="post-link">
<img src="../../images/event4-image1.jpg" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK" class="post-image">
<img src="../../images/event4-image1.webp" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK" class="post-image">
<div class="post-content">
<p class="post-meta">Ekipa MŠOS • 8 Jun 2024 • Študentsko življenje</p>
<h3 class="post-title">Jutranja kava pred CTK – 2024</h3>
@@ -132,7 +131,7 @@
<!-- Projekt: Spoznaj študentsko Slovenijo 2023 -->
<article class="post-card">
<a href="meet-student-slovenia-2023/" class="post-link">
<img src="../../images/event3-photo-1.jpg" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'" class="post-image">
<img src="../../images/event3-photo-1.webp" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • 18 Sep 2023 • Dogodek</p>
<h3 class="post-title">Spoznaj študentsko Slovenijo 2023</h3>
@@ -143,7 +142,7 @@
<!-- Projekt: Makedonska študentska noč v Ljubljani -->
<article class="post-card">
<a href="macedonian-student-night-in-ljubljana/" class="post-link">
<img src="../../images/msnl-1.jpg" alt="Vzdušje z Makedonske študentske noči v Ljubljani" class="post-image">
<img src="../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani" class="post-image">
<div class="post-content">
<p class="post-meta">Kristijan Popovski • 8 Okt 2022 • Dogodek</p>
<h3 class="post-title">Makedonska študentska noč v Ljubljani</h3>
@@ -154,7 +153,7 @@
<!-- Placeholder Project 1 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/4-billwalsh.jpg" alt="Roza in modro obarvana podoba zasneženega vrha gore" class="post-image">
<img src="../../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore" class="post-image">
<div class="post-content">
<p class="post-meta">Alec Whitten • 17 Jan 2022 • Javna objava</p>
<h3 class="post-title">Lekcije vodenja Billa Walsha</h3>
@@ -165,7 +164,7 @@
<!-- Placeholder Project 2 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/5-pmmentals.jpg" alt="Ženska predstavlja pred belo tablo z listki ekipi" class="post-image">
<img src="../../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi" class="post-image">
<div class="post-content">
<p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Študentsko življenje</p>
<h3 class="post-title">Mentalni modeli za PM</h3>
@@ -194,58 +193,59 @@
</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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
<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>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<!-- Povezava do glavne JS datoteke -->
<script src="../../main.js"></script>
+253
View File
@@ -0,0 +1,253 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projekti - Makedonska Študentska Organizacija v Sloveniji</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">
<div class="header-content">
<a href="../../si/" class="logo-link">
<img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="page-content">
<!-- Sekcija z naslovom strani -->
<section class="page-header-section">
<div class="container text-center">
<span class="page-subtitle">Naši projekti</span>
<h1>Projekti</h1>
<p class="page-description">Naročite se in bodite na tekočem z novimi funkcijami, najnovejšimi tehnologijami, rešitvami in posodobitvami.</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="#">politiki zasebnosti</a>.</p>
</div>
</section>
<!-- Sekcija z vsemi projekti -->
<section class="all-posts-section">
<div class="container column-layout">
<h2>Vsi naši projekti</h2>
<div class="posts-grid">
<!-- Projekt: Spoznaj študentsko Slovenijo 2024 -->
<article class="post-card">
<a href="meet-student-slovenia-2024/" class="post-link">
<img src="../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • 16 Sep 2024 • Dogodek</p>
<h3 class="post-title">Spoznaj študentsko Slovenijo 2024</h3>
<p class="post-excerpt">Ko se študentske zgodbe spremenijo v prvi korak proti novemu domu.</p>
</div>
</a>
</article>
<!-- Projekt: Jutranja kava pred CTK – 2024 -->
<article class="post-card">
<a href="morning-coffee-in-front-of-ctk/" class="post-link">
<img src="../../images/event4-image1.webp" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK" class="post-image">
<div class="post-content">
<p class="post-meta">Ekipa MŠOS • 8 Jun 2024 • Študentsko življenje</p>
<h3 class="post-title">Jutranja kava pred CTK – 2024</h3>
<p class="post-excerpt">Ko izpiti postanejo lažji ob sobotni jutranji kavi, bureku in dobri družbi!</p>
</div>
</a>
</article>
<!-- Projekt: Spoznaj študentsko Slovenijo 2023 -->
<article class="post-card">
<a href="meet-student-slovenia-2023/" class="post-link">
<img src="../../images/event3-photo-1.webp" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • 18 Sep 2023 • Dogodek</p>
<h3 class="post-title">Spoznaj študentsko Slovenijo 2023</h3>
<p class="post-excerpt">Preko iskrenih izkušenj iz prve roke so bodoči študenti prejeli podporo za prvi korak v njihov novi dom.</p>
</div>
</a>
</article>
<!-- Projekt: Makedonska študentska noč v Ljubljani -->
<article class="post-card">
<a href="macedonian-student-night-in-ljubljana/" class="post-link">
<img src="../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani" class="post-image">
<div class="post-content">
<p class="post-meta">Kristijan Popovski • 8 Okt 2022 • Dogodek</p>
<h3 class="post-title">Makedonska študentska noč v Ljubljani</h3>
<p class="post-excerpt">Od ideje do zabave s 500 študenti – tako se je začela naša zgodba!</p>
</div>
</a>
</article>
<!-- Placeholder Project 1 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore" class="post-image">
<div class="post-content">
<p class="post-meta">Alec Whitten • 17 Jan 2022 • Javna objava</p>
<h3 class="post-title">Lekcije vodenja Billa Walsha</h3>
<p class="post-excerpt">Bi radi izvedeli skrivnosti preoblikovanja ekipe z rezultatom 2-14 v trikratne zmagovalce Super Bowla?</p>
</div>
</a>
</article>
<!-- Placeholder Project 2 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/5-pmmentals.jpg" alt="Ženska predstavlja pred belo tablo z listki ekipi" class="post-image">
<div class="post-content">
<p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Študentsko življenje</p>
<h3 class="post-title">Mentalni modeli za PM</h3>
<p class="post-excerpt">Mentalni modeli so preprosti izrazi kompleksnih procesov ali odnosov.</p>
</div>
</a>
</article>
</div>
<!-- Paginacija -->
<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>
<a href="#" class="page-number">2</a>
<a href="#" class="page-number">3</a>
<span class="page-dots">...</span>
<a href="#" class="page-number">8</a>
<a href="#" class="page-number">9</a>
<a href="#" class="page-number">10</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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<!-- Povezava do glavne JS datoteke -->
<script src="../../main.js"></script>
</body>
</html>
@@ -19,29 +19,54 @@
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../">Projekti</a>
</nav>
</div>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika -->
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@@ -52,40 +77,14 @@
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika (za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@@ -96,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../../images/msnl-1.jpg" alt="Vzdušje z Makedonske študentske noči v Ljubljani">
<img src="../../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani">
</figure>
<div class="article-body">
@@ -106,7 +105,7 @@
<p>Vse se je začelo s preprosto željo – da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-2.png" alt="Priprave in sestanki za Makedonsko študentsko noč">
<img src="../../../images/msnl-2.webp" alt="Priprave in sestanki za Makedonsko študentsko noč">
<figcaption>Fotografije s priprav in sestankov za organizacijo Makedonske študentske noči.</figcaption>
</figure>
@@ -114,7 +113,7 @@
<p>Teden dni pred dogodkom smo vsak dan objavljali zanimivosti o Makedoniji, njenih nacionalnih zakladih, glasbi in kulturi. Počasi, a vztrajno, smo gradili vzdušje in navdušenje, ne le med makedonskimi študenti, temveč tudi med mnogimi drugimi, ki so želeli občutiti našo energijo.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-3.jpg" alt="Plakat, kjer se Slovenci učijo makedonsko abecedo">
<img src="../../../images/msnl-3.webp" alt="Plakat, kjer se Slovenci učijo makedonsko abecedo">
<figcaption>Plakat s cirilico in latinico. Slovenci se učijo makedonsko abecedo, medtem ko jih Makedonci poučujejo.</figcaption>
</figure>
@@ -127,14 +126,14 @@
<p>Zabava se je začela ob 20. uri in je bila zasnovana v dveh delih. Prvi del je bil pravo gastronomsko in kulturno popotovanje po Makedoniji. Študentje so lahko poskusili kruhke z ajvarjem in sirom, makedonsko vino, okusne prigrizke in tradicionalne pijače. Mize so bile obložene tudi z drugimi avtentičnimi izdelki, ki so vse spominjali na dom. Vse te okuse in vonjave je omogočila podpora trgovine z makedonskimi izdelki <strong>"Makedonija Trade"</strong>, ki je nesebično prispevala k temu, da je bil ta del večera resnično doživetje.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-4.png" alt="Stojnice z makedonskimi simboli, hrano in pijačo">
<img src="../../../images/msnl-4.webp" alt="Stojnice z makedonskimi simboli, hrano in pijačo">
<figcaption>Fotografije stojnic z makedonskimi simboli, tradicionalno hrano in pijačo.</figcaption>
</figure>
<p>Poleg hrane so si obiskovalci lahko ogledali zanimivosti o državi, fotografije znanih makedonskih osebnosti in kulturnih znamenitosti ter si od blizu ogledali tradicionalne noše in <strong>gajdo</strong>. Vzdušje je bilo toplo in polno radovednosti – kot majhna razstava v sklopu velike študentske zabave.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-5.jpg" alt="Mini kviz o Makedoniji">
<img src="../../../images/msnl-5.webp" alt="Mini kviz o Makedoniji">
<figcaption>Mini kviz z vprašanji o Makedoniji, kjer študenti v enem delu kluba tekmujejo.</figcaption>
</figure>
@@ -142,7 +141,7 @@
<p>Večer je obogatila tudi prisotnost pomembnih gostov iz makedonske skupnosti v Sloveniji. Dogodku se nam je pridružil <strong>predsednik Zveze makedonskih kulturnih društev v Sloveniji, g. Blagoja Nasteski</strong>, ki je s svojo prisotnostjo potrdil pomen takšnih pobud za ohranjanje makedonskega duha in tradicije v diaspori.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-6.jpg" alt="Kristijan in Bisera z veleposlanico Zelenkovsko in g. Nasteskim">
<img src="../../../images/msnl-6.webp" alt="Kristijan in Bisera z veleposlanico Zelenkovsko in g. Nasteskim">
<figcaption>Kristijan in Bisera skupaj z veleposlanico Zelenkovsko in predsednikom Zveze makedonskih društev, g. Nasteskim.</figcaption>
</figure>
@@ -159,99 +158,65 @@
<p>Ta noč je postavila temelje za Makedonsko študentsko organizacijo v Sloveniji in nam pokazala, da je z navdušenjem, enotnostjo in malo poguma mogoče ustvariti nekaj, kar združuje ljudi in jim daje občutek doma – tudi ko so daleč od njega.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-7.jpg" alt="Predana ekipa prostovoljcev po končanem pospravljanju prizorišča.">
<img src="../../../images/msnl-7.webp" alt="Predana ekipa prostovoljcev po končanem pospravljanju prizorišča.">
<figcaption>Fotografija, posneta ob 4. uri zjutraj, po končanem pospravljanju prostora skupaj s predano ekipo prostovoljcev.</figcaption>
</figure>
</div>
<!-- START_FOOTER -->
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.jpg" alt="Avatar Kristijana Popovskega">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">Predsednik in ustanovitelj</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Kopiraj povezavo</button>
<a href="#" class="social-icon-btn" aria-label="Deli na Twitterju"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Deli na Facebooku"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Deli na LinkedInu"><i class="fab fa-linkedin-in"></i></a>
</div>
<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>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Pridružite se 2.000+ naročnikom</h2>
<p>Ostanite na tekočem z vsem, kar morate vedeti.</p>
<form class="subscribe-form-bottom">
<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="#">politiki zasebnosti</a>.</p>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
</section>
</main>
<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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
@@ -0,0 +1,223 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Makedonska študentska noč v Ljubljani - MŠOS</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">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Objavljeno 8. oktobra 2022</p>
<h1>Makedonska študentska noč v Ljubljani</h1>
<p class="article-subtitle">Od ideje do zabave s 500 študenti – tako se je začela naša zgodba!</p>
</header>
<figure class="article-main-image">
<img src="../../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani">
</figure>
<div class="article-body">
<p>8. oktobra 2022 se je v osrčju Študentskega kampusa v Ljubljani odvila prva Makedonska študentska noč v Sloveniji. Pod sloganom #FeelsLikeHome je več kot 500 mladih uživalo v makedonski glasbi, okusni tradicionalni hrani in vzdušju, ki je spominjalo na dom. Ta dogodek ni bil le zabava – bil je začetek nove zgodbe, ki bo kasneje prerasla v Makedonsko študentsko organizacijo v Sloveniji (MŠOS).</p>
<h2>Kako je ideja o druženju postala začetek gibanja</h2>
<p>Vse se je začelo s preprosto željo – da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-2.png" alt="Priprave in sestanki za Makedonsko študentsko noč">
<figcaption>Fotografije s priprav in sestankov za organizacijo Makedonske študentske noči.</figcaption>
</figure>
<p>Od tistega trenutka naprej smo vsak prosti trenutek preživeli v pisarnah študentske organizacije <strong>Povezani</strong>, ki so nam nudili veliko podporo pri organizaciji. Dneve in noči smo načrtovali, imeli sestanke in pisali objave za družbena omrežja – vse z namenom, da ustvarimo dogodek, za katerega smo sprva mislili, da bomo pritegnili, če bomo imeli srečo, okoli 100 obiskovalcev.</p>
<p>Teden dni pred dogodkom smo vsak dan objavljali zanimivosti o Makedoniji, njenih nacionalnih zakladih, glasbi in kulturi. Počasi, a vztrajno, smo gradili vzdušje in navdušenje, ne le med makedonskimi študenti, temveč tudi med mnogimi drugimi, ki so želeli občutiti našo energijo.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-3.webp" alt="Plakat, kjer se Slovenci učijo makedonsko abecedo">
<figcaption>Plakat s cirilico in latinico. Slovenci se učijo makedonsko abecedo, medtem ko jih Makedonci poučujejo.</figcaption>
</figure>
<blockquote class="article-quote">
<p>„Organizacija prve zabave MŠOS je bila edinstvena izkušnja – neprespana, ambiciozna in vključevala je vse, od logistike do pomivanja tal... Na srečo obstaja Red Bull 😉 (P.S. Spili smo celotno zalogo iz hladilnika!)“</p>
<footer>— Marko – študent prvega letnika</footer>
</blockquote>
<h2>Okus in vonj Makedonije v osrčju Ljubljane</h2>
<p>Zabava se je začela ob 20. uri in je bila zasnovana v dveh delih. Prvi del je bil pravo gastronomsko in kulturno popotovanje po Makedoniji. Študentje so lahko poskusili kruhke z ajvarjem in sirom, makedonsko vino, okusne prigrizke in tradicionalne pijače. Mize so bile obložene tudi z drugimi avtentičnimi izdelki, ki so vse spominjali na dom. Vse te okuse in vonjave je omogočila podpora trgovine z makedonskimi izdelki <strong>"Makedonija Trade"</strong>, ki je nesebično prispevala k temu, da je bil ta del večera resnično doživetje.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-4.webp" alt="Stojnice z makedonskimi simboli, hrano in pijačo">
<figcaption>Fotografije stojnic z makedonskimi simboli, tradicionalno hrano in pijačo.</figcaption>
</figure>
<p>Poleg hrane so si obiskovalci lahko ogledali zanimivosti o državi, fotografije znanih makedonskih osebnosti in kulturnih znamenitosti ter si od blizu ogledali tradicionalne noše in <strong>gajdo</strong>. Vzdušje je bilo toplo in polno radovednosti – kot majhna razstava v sklopu velike študentske zabave.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-5.webp" alt="Mini kviz o Makedoniji">
<figcaption>Mini kviz z vprašanji o Makedoniji, kjer študenti v enem delu kluba tekmujejo.</figcaption>
</figure>
<h2>Podpora makedonske skupnosti in diplomacije</h2>
<p>Večer je obogatila tudi prisotnost pomembnih gostov iz makedonske skupnosti v Sloveniji. Dogodku se nam je pridružil <strong>predsednik Zveze makedonskih kulturnih društev v Sloveniji, g. Blagoja Nasteski</strong>, ki je s svojo prisotnostjo potrdil pomen takšnih pobud za ohranjanje makedonskega duha in tradicije v diaspori.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-6.webp" alt="Kristijan in Bisera z veleposlanico Zelenkovsko in g. Nasteskim">
<figcaption>Kristijan in Bisera skupaj z veleposlanico Zelenkovsko in predsednikom Zveze makedonskih društev, g. Nasteskim.</figcaption>
</figure>
<p>Posebej smo bili počaščeni, da smo pozdravili <strong>veleposlanico Severne Makedonije v Sloveniji, go. Suzano Zelenkovsko</strong>, ki je mladim namenila tople besede spodbude in podpore. Njena prisotnost in zanimanje za dogodek sta bila dodatna motivacija za nadaljevanje našega poslanstva povezovanja in promocije makedonske študentske skupnosti.</p>
<p>Zabava je imela odlično energijo, ki se je širila povsod – v nekem trenutku je vladal majhen, a nadzorovan kaos. Kljub temu, da se je dogodek končal nekoliko prej, so študenti še eno uro prepevali skupaj z nami, medtem ko smo pospravljali prostor. Resnično, noč za spomin!</p>
<blockquote class="article-quote">
<p>„Bil sem del organizacijske ekipe in zadolžen za vzdrževanje reda med študenti, a ko so zaigrali pesem 'Biser Balkanski', se nisem mogel upreti – pridružil sem se tudi jaz... To je bil moj poseben trenutek tistega večera!“</p>
<footer>— Hristijan – študent drugega letnika</footer>
</blockquote>
<h2>Začetek, ki si ga bomo zapomnili</h2>
<p>Tisti večer ni bil le še ena študentska zabava – bil je trenutek, ko smo spoznali, da smo začeli nekaj večjega. Namesto pričakovanih 100 gostov je v klub prišlo okoli <strong>500 študentov</strong>, energija pa je bila neverjetna. Stkala so se nova prijateljstva, pele so se pesmi iz srca, makedonska kultura in tradicija pa sta bili v ospredju cel večer.</p>
<p>Ta noč je postavila temelje za Makedonsko študentsko organizacijo v Sloveniji in nam pokazala, da je z navdušenjem, enotnostjo in malo poguma mogoče ustvariti nekaj, kar združuje ljudi in jim daje občutek doma – tudi ko so daleč od njega.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-7.webp" alt="Predana ekipa prostovoljcev po končanem pospravljanju prizorišča.">
<figcaption>Fotografija, posneta ob 4. uri zjutraj, po končanem pospravljanju prostora skupaj s predano ekipo prostovoljcev.</figcaption>
</figure>
</div>
<!-- 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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>
+101 -101
View File
@@ -19,29 +19,54 @@
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../">Projekti</a>
</nav>
</div>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika -->
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@@ -52,40 +77,14 @@
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika (za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@@ -96,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../../images/event3-photo-1.jpg" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'">
<img src="../../../images/event3-photo-1.webp" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'">
</figure>
<div class="article-body">
@@ -106,7 +105,7 @@
<p>Namesto suhih informacij so študenti imeli priložnost slišati resnične zgodbe – od tistih, ki že hodijo po isti poti. Študenti iz Ljubljane, Maribora in Kopra so govorili o svojih izzivih, prvih vtisih, smešnih situacijah in trenutkih, ko je bila podpora skupnosti ključna. In občinstvo? Z ogromno pozornostjo so vpijali vse, saj so prav na ta vprašanja, ki jih nikoli ne piše na brošurah – tukaj dobili iskrene odgovore.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-2.jpg" alt="Udeleženci panelne razprave">
<img src="../../../images/event3-photo-2.webp" alt="Udeleženci panelne razprave">
<figcaption>Igor Arsov z Univerze na Primorskem pripoveduje o svoji študentski izkušnji na Fakulteti za management.</figcaption>
</figure>
@@ -114,12 +113,12 @@
<p>Na odru so se pojavili naši člani Kiara Lazić, Angel Naumov, Klimentina Čapovska in Igor Arsov – vsak s svojo zgodbo, svojo fakulteto, svojim mestom. Skupaj z moderatorjem Leonom Šumanskim in voditeljem Vasilom Hanџiskim so panel spremenili v pravi pogovor, ki je bolj spominjal na prijateljsko druženje kot na formalno diskusijo. Govorili so o izpitih, novih prijateljstvih, življenju v študentskih domovih in o tem, kako pomembno je, da ne obupaš, tudi ko se ti zdi najtežje.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-3.jpg" alt="Vasil Hanџiski ob otvoritvi dogodka">
<img src="../../../images/event3-photo-3.webp" alt="Vasil Hanџiski ob otvoritvi dogodka">
<figcaption>Fotografija z otvoritve dogodka z voditeljem Vasilom Hanџiskim.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-4.jpg" alt="Občinstvo na dogodku">
<img src="../../../images/event3-photo-4.webp" alt="Občinstvo na dogodku">
<figcaption>Fotografija udeležencev dogodka. Zanimanje nas je malo presenetilo, a nekako smo se vsi stlačili!♡</figcaption>
</figure>
@@ -128,15 +127,15 @@
<p>Na dogodku smo dobili pomembno podporo in pomoč tudi od Melite Sekulovske pri organizaciji prostora in Aleksandra Popovskega pri oblikovanju spletne strani organizacije. Iskreno smo se jim zahvalili za njihovo predano delo, kot tudi koordinatorki dogodka, Lei Janačkovski, ki je ta dogodek naredila izjemen.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-5.png" alt="Gospod Branko Greganović in N.E. Gregor Presker">
<img src="../../../images/event3-photo-6.jpg" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski s priznanji">
<img src="../../../images/event3-photo-5.webp" alt="Gospod Branko Greganović in N.E. Gregor Presker">
<img src="../../../images/event3-photo-6.webp" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski s priznanji">
<figcaption>Na zgornjih dveh slikah sta gospod Branko Greganović, predsednik Uprave NLB Banke Skopje, na desni pa N.E. veleposlanik Republike Slovenije v Severni Makedoniji, gospod Gregor Presker. Na spodnjih slikah so predsednik Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski.</figcaption>
</figure>
<p>Veleposlaništvu in NLB Banki smo s pomočjo podjetja Dijag doo izdelali tudi dve plaketi v znak hvaležnosti za vso pomoč in podporo, ki sta nam jo nudila.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-7.png" alt="Plaketi za NLB Banko Skopje in Veleposlaništvo Republike Slovenije">
<img src="../../../images/event3-photo-7.webp" alt="Plaketi za NLB Banko Skopje in Veleposlaništvo Republike Slovenije">
<figcaption>Fotografija plaket, ki smo jih podarili NLB Banki Skopje in Veleposlaništvu Republike Slovenije v Severni Makedoniji.</figcaption>
</figure>
@@ -144,7 +143,7 @@
<p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-8.jpg" alt="Udeleženci dogodka">
<img src="../../../images/event3-photo-8.webp" alt="Udeleženci dogodka">
<figcaption>Fotografije prisotnih na dogodku!</figcaption>
</figure>
@@ -157,7 +156,7 @@
<p>Poseben trenutek dogodka je bil nagovor konzula Veleposlaništva Republike Slovenije v Severni Makedoniji, gospoda Martina Glazarja. Na kratko je predstavil najpomembnejše korake postopka za pridobitev začasnega dovoljenja za prebivanje – eno največjih skrbi in izzivov za vse tuje študente v Sloveniji. Na ta način so bodoči študenti dobili jasnejšo sliko o tem, kaj jih čaka in kako se lažje spopasti z administrativnimi postopki.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-9.png" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
<img src="../../../images/event3-photo-9.webp" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
<figcaption>Fotografija konzula, ki na zanimiv način seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje!</figcaption>
</figure>
@@ -165,7 +164,7 @@
<p>Ni vsem uspelo biti prisotnim v dvorani, zato smo se potrudili, da nihče ne bi ostal brez te izkušnje. Dogodek smo prenašali v živo preko naše Facebook strani, posnetek pa je še vedno na voljo. Če želite doživeti vzdušje in slišati zgodbe iz prve roke, si lahko celoten dogodek ogledate na tej povezavi tukaj.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-10.png" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
<img src="../../../images/event3-photo-10.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
<figcaption>Fotografija plakata za dogodek!</figcaption>
</figure>
@@ -191,7 +190,7 @@
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.jpg" alt="Avatar Kristijana Popovskega">
<img src="../../../images/11-boy.webp" alt="Avatar Kristijana Popovskega">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">Predsednik in ustanovitelj</p>
@@ -225,58 +224,59 @@
</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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
<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>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
@@ -0,0 +1,283 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spoznaj študentsko Slovenijo 2023 - MŠOS</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">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Objavljeno 18. septembra 2023</p>
<h1>Spoznaj študentsko Slovenijo 2023</h1>
<p class="article-subtitle">Preko iskrenih izkušenj iz prve roke so bodoči študenti prejeli podporo za prvi korak v njihov novi dom.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/event3-photo-1.webp" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'">
</figure>
<div class="article-body">
<p>Kako izgleda prvi korak v študentsko življenje v Sloveniji? Na to vprašanje smo poskušali odgovoriti z dogodkom »Spoznaj študentsko Slovenijo«, ki smo ga organizirali 18. septembra 2023 v NLB Galeriji v Skopju. Vzdušje je bilo polno navdušenja – več kot 100 bodočih študentov in njihovih družin je prišlo z enakim občutkom: željo odkriti, kaj jih čaka tam, kjer bodo začeli novo poglavje.</p>
<h2>Kaj se skriva za študentskim življenjem v Sloveniji?</h2>
<p>Namesto suhih informacij so študenti imeli priložnost slišati resnične zgodbe – od tistih, ki že hodijo po isti poti. Študenti iz Ljubljane, Maribora in Kopra so govorili o svojih izzivih, prvih vtisih, smešnih situacijah in trenutkih, ko je bila podpora skupnosti ključna. In občinstvo? Z ogromno pozornostjo so vpijali vse, saj so prav na ta vprašanja, ki jih nikoli ne piše na brošurah – tukaj dobili iskrene odgovore.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-2.webp" alt="Udeleženci panelne razprave">
<figcaption>Igor Arsov z Univerze na Primorskem pripoveduje o svoji študentski izkušnji na Fakulteti za management.</figcaption>
</figure>
<h2>Glasovi, ki navdihujejo</h2>
<p>Na odru so se pojavili naši člani Kiara Lazić, Angel Naumov, Klimentina Čapovska in Igor Arsov – vsak s svojo zgodbo, svojo fakulteto, svojim mestom. Skupaj z moderatorjem Leonom Šumanskim in voditeljem Vasilom Hanџiskim so panel spremenili v pravi pogovor, ki je bolj spominjal na prijateljsko druženje kot na formalno diskusijo. Govorili so o izpitih, novih prijateljstvih, življenju v študentskih domovih in o tem, kako pomembno je, da ne obupaš, tudi ko se ti zdi najtežje.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-3.webp" alt="Vasil Hanџiski ob otvoritvi dogodka">
<figcaption>Fotografija z otvoritve dogodka z voditeljem Vasilom Hanџiskim.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-4.webp" alt="Občinstvo na dogodku">
<figcaption>Fotografija udeležencev dogodka. Zanimanje nas je malo presenetilo, a nekako smo se vsi stlačili!♡</figcaption>
</figure>
<h2>Za kulisami – naši podporniki</h2>
<p>Dogodek ne bi bil mogoč brez podpore Veleposlaništva Republike Slovenije v Severni Makedoniji, NLB Banke Skopje, Capital Financial Centra, Dijaga in Radia MOF. A pravo moč so dali člani MŠOS pri pripravi dogodka in študenti s svojimi vprašanji, svojo energijo in svojo radovednostjo.</p>
<p>Na dogodku smo dobili pomembno podporo in pomoč tudi od Melite Sekulovske pri organizaciji prostora in Aleksandra Popovskega pri oblikovanju spletne strani organizacije. Iskreno smo se jim zahvalili za njihovo predano delo, kot tudi koordinatorki dogodka, Lei Janačkovski, ki je ta dogodek naredila izjemen.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-5.webp" alt="Gospod Branko Greganović in N.E. Gregor Presker">
<img src="../../../images/event3-photo-6.webp" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski s priznanji">
<figcaption>Na zgornjih dveh slikah sta gospod Branko Greganović, predsednik Uprave NLB Banke Skopje, na desni pa N.E. veleposlanik Republike Slovenije v Severni Makedoniji, gospod Gregor Presker. Na spodnjih slikah so predsednik Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski.</figcaption>
</figure>
<p>Veleposlaništvu in NLB Banki smo s pomočjo podjetja Dijag doo izdelali tudi dve plaketi v znak hvaležnosti za vso pomoč in podporo, ki sta nam jo nudila.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-7.webp" alt="Plaketi za NLB Banko Skopje in Veleposlaništvo Republike Slovenije">
<figcaption>Fotografija plaket, ki smo jih podarili NLB Banki Skopje in Veleposlaništvu Republike Slovenije v Severni Makedoniji.</figcaption>
</figure>
<h2>Zakaj je bilo posebno?</h2>
<p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-8.webp" alt="Udeleženci dogodka">
<figcaption>Fotografije prisotnih na dogodku!</figcaption>
</figure>
<blockquote class="article-quote">
<p>»Dogodek je bil zame »game changer«, saj sem končno dobil informacije, ki so mi resnično pomagale spoznati študentsko Slovenijo namesto še enega kupa brošur. Panel je bil super, sproščen, s pogovori o najboljših mestih za izhode, dneh, preživetih v knjižnici, življenju v študentskih domovih in klasični zgodbi »zaspal sem pred izpitom«... P.S. In mreženje, mreženje je bilo vrhunsko – brez nerodne tišine.«</p>
<footer>— Borjan Jovanovski, bodoči študent in udeleženec dogodka</footer>
</blockquote>
<h2>Praktični nasveti iz prve roke</h2>
<p>Poseben trenutek dogodka je bil nagovor konzula Veleposlaništva Republike Slovenije v Severni Makedoniji, gospoda Martina Glazarja. Na kratko je predstavil najpomembnejše korake postopka za pridobitev začasnega dovoljenja za prebivanje – eno največjih skrbi in izzivov za vse tuje študente v Sloveniji. Na ta način so bodoči študenti dobili jasnejšo sliko o tem, kaj jih čaka in kako se lažje spopasti z administrativnimi postopki.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-9.png" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
<figcaption>Fotografija konzula, ki na zanimiv način seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje!</figcaption>
</figure>
<h2>Za tiste, ki niso bili fizično prisotni z nami</h2>
<p>Ni vsem uspelo biti prisotnim v dvorani, zato smo se potrudili, da nihče ne bi ostal brez te izkušnje. Dogodek smo prenašali v živo preko naše Facebook strani, posnetek pa je še vedno na voljo. Če želite doživeti vzdušje in slišati zgodbe iz prve roke, si lahko celoten dogodek ogledate na tej povezavi tukaj.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-10.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
<figcaption>Fotografija plakata za dogodek!</figcaption>
</figure>
<h2>Se vidimo v Sloveniji!</h2>
<p>Z »Spoznaj študentsko Slovenijo 2023« smo uspeli podati roko novim študentom in jim pokazati, da pred njimi stoji vznemirljivo potovanje, polno novih prijateljstev, izzivov in uspehov. Iskreno upamo, da se bomo naslednjič srečali prav tam – v predavalnicah, študentskih domovih in na ulicah Ljubljane, Maribora in Kopra.</p>
<p>Ta dogodek ne bi bil mogoč brez podpore naših partnerjev in prijateljev, katerim izrekamo veliko zahvalo:</p>
<ol>
<li>Veleposlaništvo Republike Slovenije v Severni Makedoniji (partner)</li>
<li>NLB Banka Skopje (glavni sponzor in pokrovitelj)</li>
<li>Capital Financial Center (sponzor)</li>
<li>Dijag doo (sponzor)</li>
<li>Radio MOF (medijski partner)</li>
</ol>
<p>Hvala vsem, ki ste bili del tega dogodka – in bodočim študentom sporočamo: vaša zgodba v Sloveniji se šele začenja in mi smo tukaj, da smo del nje.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-11.png" alt="Majhen del ekipe MŠOS">
<figcaption>Fotografija majhnega dela ekipe, ker smo pozabili, da se vsi skupaj slikamo!&#129322;</figcaption>
</figure>
</div>
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.webp" alt="Avatar Kristijana Popovskega">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">Predsednik in ustanovitelj</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Kopiraj povezavo</button>
<a href="#" class="social-icon-btn" aria-label="Deli na Twitterju"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Deli na Facebooku"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Deli na LinkedInu"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Pridružite se 2.000+ naročnikom</h2>
<p>Ostanite na tekočem z vsem, kar morate vedeti.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Vnesite svoj e-mail">
</div>
<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="#">politiki zasebnosti</a>.</p>
</div>
</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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>
+100 -137
View File
@@ -19,29 +19,54 @@
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../">Projekti</a>
</nav>
</div>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika -->
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@@ -52,40 +77,14 @@
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika (za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@@ -96,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../../images/event4-img-1.JPG" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'">
<img src="../../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'">
</figure>
<div class="article-body">
@@ -106,12 +105,12 @@
<p>Naš cilj nikoli ni bil delati »suhih predstavitev«. Namesto tega smo organizirali panel – pravi pogovor s štirimi študenti, ki že živijo slovensko študentsko življenje. Marija Koštrevska z Univerze v Ljubljani, Vasil Hanџiski z Univerze v Mariboru, Sofija Matovska z Univerze v Novi Gorici in Igor Arsov z Univerze na Primorskem so govorili o vsem: o prvih dneh daleč od doma, o tem, kako najti nastanitev, kaj so študentski »boni« in kako izgleda gradnja novega kroga prijateljev. Vsak je delil nekaj svojega, občinstvo pa je spraševalo in se vključevalo – čisto kot kofetkanje.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-2.JPG" alt="Panelna razprava z govorci">
<img src="../../../images/event4-img-2.webp" alt="Panelna razprava z govorci">
<figcaption>Fotografija moderatorja in panelistov v naslednjem vrstnem redu: Klimentina Čapovska (levo, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov in Sofija Matovska.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-3.png" alt="Marija Koštrevska in Sofija Matovska pripovedujeta o svojih študentskih izkušnjah v Sloveniji.">
<img src="../../../images/event4-img-3.webp" alt="Marija Koštrevska in Sofija Matovska pripovedujeta o svojih študentskih izkušnjah v Sloveniji.">
<figcaption>Marija Koštrevska (na zgornji sliki) in Sofija Matovska (na spodnji sliki) pripovedujeta o svojih študentskih izkušnjah v Sloveniji.</figcaption>
</figure>
@@ -119,20 +118,20 @@
<p>Ta večer ni bila le izmenjava informacij. Bil je trenutek, ko so bodoči študenti razumeli, da niso sami v svojih skrbeh in strahovih. Vsako vprašanje je dobilo odgovor iz izkušenj, vsaka dilema je bila razrešena s primerom iz resničnega življenja. Mnogi so odšli opogumljeni, z novimi prijatelji in z občutkom, da Slovenija ni več tako oddaljena in neznana.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-4.png" alt="Marko Ivanovski, voditelj dogodka">
<img src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, voditelj dogodka">
<figcaption>Marko Ivanovski, voditelj dogodka.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-5.png" alt="Lea Janačkovska, koordinatorka dogodka">
<img src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, koordinatorka dogodka">
<figcaption>Lea Janačkovska, koordinatorka dogodka.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-6.JPG" alt="Marko Arsov, predavatelj">
<img src="../../../images/event4-img-6.webp" alt="Marko Arsov, predavatelj">
<figcaption>Marko Arsov, predavatelj.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-7.png" alt="Predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.">
<img src="../../../images/event4-img-7.webp" alt="Predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.">
<figcaption>Na spodnji sliki so predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.</figcaption>
</figure>
@@ -140,12 +139,12 @@
<p>»Spoznaj študentsko Slovenijo 2024« ne bi bil takšen brez pomoči naših partnerjev in prijateljev. Veliko zahvalo izrekamo Veleposlaništvu Republike Slovenije v Severni Makedoniji, NLB Banki Skopje kot pokrovitelju in glavnemu sponzorju celotnega dogodka ter Capital Financial Centru, ki so s svojo podporo omogočili izvedbo dogodka na tako visoki ravni.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-8.JPG" alt="Novo natisnjene nalepke MŠOS">
<img src="../../../images/event4-img-8.webp" alt="Novo natisnjene nalepke MŠOS">
<figcaption>Fotografija novo natisnjenih nalepk MŠOS.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-9.png" alt="Predaja cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje">
<img src="../../../images/event4-img-9.webp" alt="Predaja cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje">
<figcaption>Fotografija s predaje cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje.</figcaption>
</figure>
@@ -153,7 +152,7 @@
<p>Tokratne spomine na večer dolgujemo Hristini Trakovski, ki je bila fotografinja in je poskrbela, da so vsi ti trenutki ostali zabeleženi in jih lahko ponovno podoživimo skozi fotografije.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-10.png" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
<img src="../../../images/event4-img-10.webp" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
<figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
</figure>
@@ -161,7 +160,7 @@
<p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-11.JPG" alt="Udeleženci postavljajo vprašanja panelistom">
<img src="../../../images/event4-img-11.webp" alt="Udeleženci postavljajo vprašanja panelistom">
<figcaption>Trenutki, ko udeleženci postavljajo vprašanja panelistom!😊✨</figcaption>
</figure>
@@ -169,7 +168,7 @@
<p>Vemo, da vsem ni uspelo biti prisotnim v NLB Galeriji, zato smo zagotovili kakovosten prenos v živo. Dogodek je bil prenašan v živo in je zdaj na voljo za ponovni ogled. Če želite občutiti vzdušje in slišati iskrene zgodbe s panela, si lahko celoten dogodek ogledate na tej povezavi <a href="#">Poglej video tukaj.</a></p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-12.jpeg" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
<img src="../../../images/event4-img-12.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
<figcaption>Fotografija plakata za dogodek!</figcaption>
</figure>
@@ -180,95 +179,59 @@
</div>
<!-- START_FOOTER -->
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.jpg" alt="Avatar Kristijana Popovskega">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">Predsednik in ustanovitelj</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Kopiraj povezavo</button>
<a href="#" class="social-icon-btn" aria-label="Deli na Twitterju"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Deli na Facebooku"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Deli na LinkedInu"><i class="fab fa-linkedin-in"></i></a>
</div>
<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>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Pridružite se 2.000+ naročnikom</h2>
<p>Ostanite na tekočem z vsem, kar morate vedeti.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Vnesite svoj e-mail">
</div>
<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="#">politiki zasebnosti</a>.</p>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
</section>
</main>
<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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
@@ -0,0 +1,238 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spoznaj študentsko Slovenijo 2024 - MŠOS</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">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Objavljeno 16. septembra 2024</p>
<h1>Spoznaj študentsko Slovenijo 2024</h1>
<p class="article-subtitle">Ko se študentske zgodbe spremenijo v prvi korak proti novemu domu.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'">
</figure>
<div class="article-body">
<p>Po uspehu v letu 2023 se je »Spoznaj študentsko Slovenijo« letos vrnil z še večjo energijo. 16. septembra 2024 smo v NLB Galeriji Skopje organizirali drugo izdajo dogodka, ki je postal prava tradicija. Zanimanje je bilo ogromno – imeli smo dvakrat več prijav, kot je zmogljivost prostora. Vzdušje je bilo polno navdušenja, vprašanj in želje po novih začetkih.</p>
<h2>»Kofetkanje« z bodočimi kolegi, a na panelni razpravi</h2>
<p>Naš cilj nikoli ni bil delati »suhih predstavitev«. Namesto tega smo organizirali panel – pravi pogovor s štirimi študenti, ki že živijo slovensko študentsko življenje. Marija Koštrevska z Univerze v Ljubljani, Vasil Hanџiski z Univerze v Mariboru, Sofija Matovska z Univerze v Novi Gorici in Igor Arsov z Univerze na Primorskem so govorili o vsem: o prvih dneh daleč od doma, o tem, kako najti nastanitev, kaj so študentski »boni« in kako izgleda gradnja novega kroga prijateljev. Vsak je delil nekaj svojega, občinstvo pa je spraševalo in se vključevalo – čisto kot kofetkanje.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-2.webp" alt="Panelna razprava z govorci">
<figcaption>Fotografija moderatorja in panelistov v naslednjem vrstnem redu: Klimentina Čapovska (levo, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov in Sofija Matovska.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-3.webp" alt="Marija Koštrevska in Sofija Matovska pripovedujeta o svojih študentskih izkušnjah v Sloveniji.">
<figcaption>Marija Koštrevska (na zgornji sliki) in Sofija Matovska (na spodnji sliki) pripovedujeta o svojih študentskih izkušnjah v Sloveniji.</figcaption>
</figure>
<h2>Kaj je ostalo za nami</h2>
<p>Ta večer ni bila le izmenjava informacij. Bil je trenutek, ko so bodoči študenti razumeli, da niso sami v svojih skrbeh in strahovih. Vsako vprašanje je dobilo odgovor iz izkušenj, vsaka dilema je bila razrešena s primerom iz resničnega življenja. Mnogi so odšli opogumljeni, z novimi prijatelji in z občutkom, da Slovenija ni več tako oddaljena in neznana.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, voditelj dogodka">
<figcaption>Marko Ivanovski, voditelj dogodka.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, koordinatorka dogodka">
<figcaption>Lea Janačkovska, koordinatorka dogodka.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-6.webp" alt="Marko Arsov, predavatelj">
<figcaption>Marko Arsov, predavatelj.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-7.webp" alt="Predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.">
<figcaption>Na spodnji sliki so predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.</figcaption>
</figure>
<h2>Podpora, ki je naredila razliko</h2>
<p>»Spoznaj študentsko Slovenijo 2024« ne bi bil takšen brez pomoči naših partnerjev in prijateljev. Veliko zahvalo izrekamo Veleposlaništvu Republike Slovenije v Severni Makedoniji, NLB Banki Skopje kot pokrovitelju in glavnemu sponzorju celotnega dogodka ter Capital Financial Centru, ki so s svojo podporo omogočili izvedbo dogodka na tako visoki ravni.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-8.webp" alt="Novo natisnjene nalepke MŠOS">
<figcaption>Fotografija novo natisnjenih nalepk MŠOS.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-9.webp" alt="Predaja cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje">
<figcaption>Fotografija s predaje cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje.</figcaption>
</figure>
<p>Posebno zahvalo si zasluži ekipa MŠOS, ki je tedne neutrudno delala na pripravah – od prvotne ideje do zadnje podrobnosti večera. Predvsem pa veliko priznanje Lei Janačkovski, koordinatorki dogodka, ki je s svojo energijo, potrpežljivostjo in organizacijskimi sposobnostmi poskrbela, da je vsak košček padel na svoje mesto.</p>
<p>Tokratne spomine na večer dolgujemo Hristini Trakovski, ki je bila fotografinja in je poskrbela, da so vsi ti trenutki ostali zabeleženi in jih lahko ponovno podoživimo skozi fotografije.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-10.png" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
<figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
</figure>
<h2>Zakaj je bilo posebno?</h2>
<p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-11.webp" alt="Udeleženci postavljajo vprašanja panelistom">
<figcaption>Trenutki, ko udeleženci postavljajo vprašanja panelistom!😊✨</figcaption>
</figure>
<h2>Za tiste, ki niso bili fizično prisotni z nami</h2>
<p>Vemo, da vsem ni uspelo biti prisotnim v NLB Galeriji, zato smo zagotovili kakovosten prenos v živo. Dogodek je bil prenašan v živo in je zdaj na voljo za ponovni ogled. Če želite občutiti vzdušje in slišati iskrene zgodbe s panela, si lahko celoten dogodek ogledate na tej povezavi <a href="#">Poglej video tukaj.</a></p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-12.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
<figcaption>Fotografija plakata za dogodek!</figcaption>
</figure>
<h2>Se vidimo v Sloveniji!</h2>
<p>»Spoznaj študentsko Slovenijo« ni samo dogodek. Je prostor, kjer bodoči študenti naredijo prvi korak – s podporo, z nasveti iz prve roke in z občutkom, da niso sami. In letos nam je uspelo ustvariti ta občutek, kar je največja zmaga.</p>
<p>Se vidimo ponovno prihodnje leto!</p>
<p>P.S. Vsako leto se po uspešno organiziranem dogodku ekipa MŠOS tradicionalno odpravi v najbližjo gostilno, na večer, poln druženja, petja in čustev! 😊 Zato se splača biti del naše ekipe! Pridruži se nam.</p>
</div>
<!-- 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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>
@@ -19,29 +19,54 @@
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../">Projekti</a>
</nav>
</div>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika -->
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@@ -52,40 +77,14 @@
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Preklopnik jezika (za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@@ -96,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../../images/event4-image1.jpg" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK.">
<img src="../../../images/event4-image1.webp" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK.">
</figure>
<div class="article-body">
@@ -106,19 +105,19 @@
<p>Izpitno obdobje vedno prinaša stres – ure in ure učenja, pogovori, ki se vrtijo samo okoli izpitov, prvih in drugih rokov, opravljenih ali neopravljenih obveznosti. Nekateri se z izpitom srečajo prvič, drugi že petič. Zato smo se odločili, da si vzamemo kratek odmor za vdih: da se sprostimo, nasmejimo in se spomnimo, da smo v tem študijskem stresu skupaj.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image2.jpg" alt="Študentje čakajo v vrsti pred stavbo knjižnice CTK.">
<img src="../../../images/event4-image2.webp" alt="Študentje čakajo v vrsti pred stavbo knjižnice CTK.">
<figcaption>Stotine študentov v vrsti pred CTK, ki so čakali še pred odprtjem, da si zagotovijo svoje mesto v knjižnici.</figcaption>
</figure>
<p>S skodelico vroče kave v roki in po zaslugi <strong>Bureka Olimpija</strong> smo uživali v okusnem bureku z mesom in sirom. Poskrbeli smo tudi za kanček zabave – študente smo povabili, da prinesejo svoje skodelice, za najbolj kreativne pa smo pripravili nagrado.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image3.jpg" alt="Študent se smeji medtem ko je kos bureka.">
<img src="../../../images/event4-image3.webp" alt="Študent se smeji medtem ko je kos bureka.">
<figcaption>Brezplačen topel burek – skrivna formula za reševanje tudi najtežjih matematičnih problemov 😉</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-image4.jpg" alt="Skupina študentov s toplo kavo pozira pred kamero.">
<img src="../../../images/event4-image4.webp" alt="Skupina študentov s toplo kavo pozira pred kamero.">
<figcaption>Skupina študentov s toplo kavo, nasmejani pred CTK.</figcaption>
</figure>
@@ -127,7 +126,7 @@
<p>Odzivi so bili takojšnji – študenti so hiteli pisat, odgovori pa so bili vse prej kot dolgočasni: od "kaotično" in "Hočemo spat! (ampak ne v CTK)!" do "chill", "pod stresom", "izčrpano", "srečno" in "zaspano". Z drugimi besedami – celoten spekter študentskih čustev, iskreno prelitih v nekaj besed.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image5.jpg" alt="Bela tabla z ročno napisanimi odgovori študentov o njihovih občutkih med izpitnim obdobjem.">
<img src="../../../images/event4-image5.webp" alt="Bela tabla z ročno napisanimi odgovori študentov o njihovih občutkih med izpitnim obdobjem.">
<figcaption>Duhoviti in iskreni odgovori na velikih tablah s vprašanji pred CTK.</figcaption>
</figure>
@@ -138,106 +137,72 @@
<p>Skupno stojnico MSOS, Skupine Povezani in CTK je obiskalo okoli 150 ljudi, ki so se prišli družit, spit kavo, prigriznit nekaj in si izmenjat zgodbe med knjigami in roki. Dogodek je potekal v odličnem vzdušju – veliko nasmehov, nova poznanstva in majhen opomnik, da je tudi v najbolj stresnih obdobjih vedno čas za kavo in dobro družbo.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image6.jpg" alt="Študenti zbrani na skupni stojnici med dogodkom.">
<img src="../../../images/event4-image6.webp" alt="Študenti zbrani na skupni stojnici med dogodkom.">
<figcaption>Del vzdušja na skupni stojnici.</figcaption>
</figure>
<p>Se vidimo ponovno prihodnje leto – še bolj sproščeni in z še več kave!</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image7.png" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
<img src="../../../images/event4-image7.webp" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
<figcaption>Dobra družba, veliko spominov in skupaj premagan izpitni stres.</figcaption>
</figure>
</div>
<!-- START_FOOTER -->
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.jpg" alt="Avatar Kristijana Popovskega">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">Predsednik in ustanovitelj</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Kopiraj povezavo</button>
<a href="#" class="social-icon-btn" aria-label="Deli na Twitterju"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Deli na Facebooku"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Deli na LinkedInu"><i class="fab fa-linkedin-in"></i></a>
</div>
<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>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Pridružite se 2.000+ naročnikom</h2>
<p>Ostanite na tekočem z vsem, kar morate vedeti.</p>
<form class="subscribe-form-bottom">
<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="#">politiki zasebnosti</a>.</p>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
</section>
</main>
<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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
@@ -0,0 +1,209 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov</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">
<div class="header-content">
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika -->
<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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">O nas</a>
<a href="#">Za študente</a>
<a href="../../../si/projects/">Projekti</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postanite partner</button>
<button class="btn btn-primary">Donirajte</button>
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Objavljeno 8. junija 2024</p>
<h1>Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov</h1>
<p class="article-subtitle">Ko izpiti postanejo lažji ob sobotni jutranji kavi, bureku in dobri družbi pred CTK!</p>
</header>
<figure class="article-main-image">
<img src="../../../images/event4-image1.webp" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK.">
</figure>
<div class="article-body">
<p>8. junija 2024, med 9. in 12. uro, smo pred Centralno tehniško knjižnico Univerze v Ljubljani (CTK) organizirali naš že tradicionalni študentski odmor – Jutranjo kavo pred CTK, skupaj z ekipo Skupine Povezani in CTK. To je bilo že drugo leto zapored, da smo se zbrali na istem mestu, a vsakič znova doživimo nove trenutke za spomin.</p>
<h2>S kavo nad izpitni stres</h2>
<p>Izpitno obdobje vedno prinaša stres – ure in ure učenja, pogovori, ki se vrtijo samo okoli izpitov, prvih in drugih rokov, opravljenih ali neopravljenih obveznosti. Nekateri se z izpitom srečajo prvič, drugi že petič. Zato smo se odločili, da si vzamemo kratek odmor za vdih: da se sprostimo, nasmejimo in se spomnimo, da smo v tem študijskem stresu skupaj.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image2.webp" alt="Študentje čakajo v vrsti pred stavbo knjižnice CTK.">
<figcaption>Stotine študentov v vrsti pred CTK, ki so čakali še pred odprtjem, da si zagotovijo svoje mesto v knjižnici.</figcaption>
</figure>
<p>S skodelico vroče kave v roki in po zaslugi <strong>Bureka Olimpija</strong> smo uživali v okusnem bureku z mesom in sirom. Poskrbeli smo tudi za kanček zabave – študente smo povabili, da prinesejo svoje skodelice, za najbolj kreativne pa smo pripravili nagrado.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image3.webp" alt="Študent se smeji medtem ko je kos bureka.">
<figcaption>Brezplačen topel burek – skrivna formula za reševanje tudi najtežjih matematičnih problemov 😉</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-image4.webp" alt="Skupina študentov s toplo kavo pozira pred kamero.">
<figcaption>Skupina študentov s toplo kavo, nasmejani pred CTK.</figcaption>
</figure>
<h2>Dve vprašanji, ki sta razkrili celo paleto študentskih čustev</h2>
<p>Za dodatno dozo interakcije smo postavili dve veliki tabli z vprašanji, ki kar kličeta po odgovoru: <strong>“How do I survive the exam session?"</strong> in <strong>"Kako bi opisal počutje med izpitnem obdobjem?”</strong>.</p>
<p>Odzivi so bili takojšnji – študenti so hiteli pisat, odgovori pa so bili vse prej kot dolgočasni: od "kaotično" in "Hočemo spat! (ampak ne v CTK)!" do "chill", "pod stresom", "izčrpano", "srečno" in "zaspano". Z drugimi besedami – celoten spekter študentskih čustev, iskreno prelitih v nekaj besed.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image5.webp" alt="Bela tabla z ročno napisanimi odgovori študentov o njihovih občutkih med izpitnim obdobjem.">
<figcaption>Duhoviti in iskreni odgovori na velikih tablah s vprašanji pred CTK.</figcaption>
</figure>
<h2>Od kave do simulatorja letenja in 3D-tiskalnikov</h2>
<p>Kot bonus za študente smo v sodelovanju s tehniško knjižnico univerze program obogatili z razstavo CTK, kjer so bili predstavljeni simulator letenja, 3D-tiskalniki in druga zanimiva oprema. Študenti so jo lahko preizkusili, nato pa si jo brezplačno izposodili v Kreativnem studiu CTK – delu njihovega izobraževalnega programa.</p>
<h2>Kava in burek = motivacija za vsakdanje vstajanje in 12-urno učenje</h2>
<p>Skupno stojnico MSOS, Skupine Povezani in CTK je obiskalo okoli 150 ljudi, ki so se prišli družit, spit kavo, prigriznit nekaj in si izmenjat zgodbe med knjigami in roki. Dogodek je potekal v odličnem vzdušju – veliko nasmehov, nova poznanstva in majhen opomnik, da je tudi v najbolj stresnih obdobjih vedno čas za kavo in dobro družbo.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image6.webp" alt="Študenti zbrani na skupni stojnici med dogodkom.">
<figcaption>Del vzdušja na skupni stojnici.</figcaption>
</figure>
<p>Se vidimo ponovno prihodnje leto – še bolj sproščeni in z še več kave!</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image7.png" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
<figcaption>Dobra družba, veliko spominov in skupaj premagan izpitni stres.</figcaption>
</figure>
</div>
<!-- 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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>
+52 -89
View File
@@ -78,7 +78,7 @@
</header>
<figure class="article-main-image">
<img src="../../images/msnl-1.jpg" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
</figure>
<div class="article-body">
@@ -88,7 +88,7 @@
<p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-2.png" alt="Preparations and meetings for the Macedonian Student Night">
<img src="../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
<figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
</figure>
@@ -96,7 +96,7 @@
<p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-3.jpg" alt="Poster where Slovenians learn the Macedonian alphabet">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
</figure>
@@ -109,14 +109,14 @@
<p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-4.png" alt="Stands with Macedonian symbols, food, and drinks">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
</figure>
<p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-5.jpg" alt="Mini quiz about Macedonia">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
</figure>
@@ -124,7 +124,7 @@
<p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-6.jpg" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
</figure>
@@ -141,102 +141,65 @@
<p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-7.jpg" alt="The dedicated team of volunteers after cleaning up the venue">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
</figure>
</div>
<!-- START_FOOTER -->
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../images/11-boy.jpg" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
<a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
<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>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
</section>
</main>
<!-- Footer je enak kot na domači strani -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="footer-links">
<div class="links-column">
<h4>For students</h4>
<a href="#">Blog</a>
<a href="#">Gallery</a>
<a href="#">FAQs</a>
<a href="#">Brochure</a>
</div>
<div class="links-column">
<h4>Projects</h4>
<a href="#">Upcoming</a>
<a href="#">Previous</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="#">About us</a>
<a href="#">Contact</a>
<a href="#">Documentation</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
+206
View File
@@ -0,0 +1,206 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Macedonian Student Night in Ljubljana - 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 novo glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../" class="logo-link">
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<i class="fas fa-globe"></i>
<i class="fas fa-chevron-down"></i>
</div>
</div>
<!-- Panel za mobilno navigacijo (združuje povezave in gumbe) -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<i class="fas fa-globe"></i>
<i class="fas fa-chevron-down"></i>
</div>
</div>
</div>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- START_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on October 8, 2022</p>
<h1>Macedonian Student Night in Ljubljana</h1>
<p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
</header>
<figure class="article-main-image">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
</figure>
<div class="article-body">
<p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p>
<h2>How an idea for socializing became the start of a movement</h2>
<p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-2.png" alt="Preparations and meetings for the Macedonian Student Night">
<figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
</figure>
<p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
<p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
</figure>
<blockquote class="article-quote">
<p>“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
<footer>— Marko - first-year student (at the time)</footer>
</blockquote>
<h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
<p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
</figure>
<p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
</figure>
<h2>Support from the Macedonian community and diplomacy</h2>
<p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
</figure>
<p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p>
<p>The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
<blockquote class="article-quote">
<p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”</p>
<footer>— Hristijan - second-year student (at the time)</footer>
</blockquote>
<h2>A beginning to remember</h2>
<p>That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
<p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
</figure>
</div>
<!-- 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>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>