274 lines
12 KiB
HTML
274 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>In Memory of Frosina Kulakova - 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" />
|
||
|
||
<!-- Correct path to the main CSS file -->
|
||
<link rel="stylesheet" href="../../../css/main.css">
|
||
</head>
|
||
<body>
|
||
|
||
<!-- START_HEADER -->
|
||
<header class="dropdown-header-navigation">
|
||
<div class="container">
|
||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||
<a href="../../../en/" class="logo-link">
|
||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||
</a>
|
||
|
||
<!-- Nov ovoj za vse elemente na desni strani -->
|
||
<div class="header-right-wrapper">
|
||
<nav>
|
||
<ul class="navigation desktop-nav">
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">Who We Are</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">What We Do</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||
<li><a href="#">Blog</a></li>
|
||
<li><a href="#">Gallery</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">Get Involved</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="#">Become a member</a></li>
|
||
<li><a href="#">Support MSOS</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">For Students</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="#">Student Welcome Guide</a></li>
|
||
<li><a href="#">Mentorship Programme</a></li>
|
||
<li><a href="#">FAQs</a></li>
|
||
<li><a href="#">Get to know Slovenia</a></li>
|
||
<li><a href="#">Get to know North Macedonia</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">News</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="#">Announcements</a></li>
|
||
<li><a href="#">Open calls</a></li>
|
||
<li><a href="#">Press releases</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<div class="navigation-actions">
|
||
<button class="btn btn-secondary">Become a member</button>
|
||
<button class="btn btn-primary">Donate</button>
|
||
<div class="language-selector">
|
||
<div class="current-lang">
|
||
<i class="fas fa-globe"></i>
|
||
<span id="current-lang-code">EN</span>
|
||
<i class="fas fa-chevron-down"></i>
|
||
</div>
|
||
<div class="lang-dropdown">
|
||
<a href="#" data-lang="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 ostaja ločena za lažje upravljanje -->
|
||
<div class="mobile-menu-icon">
|
||
<i class="fas fa-bars"></i>
|
||
<i class="fas fa-times"></i>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||
<div class="mobile-nav-panel">
|
||
<nav>
|
||
<ul class="navigation mobile-nav">
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">Who We Are</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
||
<li><a href="../../../en/about-us/">Our team</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">What We Do</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="../../../en/projects/">Events & Projects</a></li>
|
||
<li><a href="#">Blog</a></li>
|
||
<li><a href="#">Gallery</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">Get Involved</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="#">Become a member</a></li>
|
||
<li><a href="#">Support MSOS</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">For Students</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="#">Student Welcome Guide</a></li>
|
||
<li><a href="#">Mentorship Programme</a></li>
|
||
<li><a href="#">FAQs</a></li>
|
||
<li><a href="#">Get to know Slovenia</a></li>
|
||
<li><a href="#">Get to know North Macedonia</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="menu-item menu-item-has-children">
|
||
<a href="#">News</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="#">Announcements</a></li>
|
||
<li><a href="#">Open calls</a></li>
|
||
<li><a href="#">Press releases</a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<div class="navigation-actions">
|
||
<button class="btn btn-secondary">Become a member</button>
|
||
<button class="btn btn-primary">Donate</button>
|
||
<div class="language-selector">
|
||
<button class="current-lang" id="mobile-lang-trigger">
|
||
<i class="fas fa-globe"></i>
|
||
<span>EN</span>
|
||
<i class="fas fa-chevron-right"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||
<div id="language-modal-overlay">
|
||
<div class="language-modal-content">
|
||
<div class="language-modal-header">
|
||
<h3>Select Language</h3>
|
||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||
</div>
|
||
<div class="language-modal-body">
|
||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- END_HEADER -->
|
||
|
||
<main class="article-page">
|
||
<article class="article-container">
|
||
<header class="article-header">
|
||
<p class="article-publish-date">Published on February 8, 2025</p>
|
||
<h1>In Memory of Frosina Kulakova</h1>
|
||
<p class="article-subtitle">On February 8, 2025, Macedonian students in Ljubljana gathered for a peaceful public event to honor the memory of Frosina Kulakova, who tragically lost her life in Skopje just days earlier.</p>
|
||
</header>
|
||
|
||
<figure class="article-main-image">
|
||
<img src="../../../images/frosina-1.png" alt="Candles and flowers in memory of Frosina Kulakova">
|
||
</figure>
|
||
|
||
<div class="article-body">
|
||
<p>The news of Frosina’s tragic passing on January 29, 2025, deeply shook students across Slovenia. Even though we are far from home, the pain was shared, and the need to come together was clear. Out of this feeling grew the initiative to organize a peaceful public gathering in Ljubljana, where young people could unite, light candles, lay flowers, and dedicate a moment of silence in her memory.</p>
|
||
|
||
<figure class="article-inline-image">
|
||
<img src="../../../images/frosina-2.png" alt="Students lighting candles in memory of Frosina">
|
||
</figure>
|
||
|
||
<h2>A message of unity</h2>
|
||
|
||
<p>This gathering was not about politics or criticism. It was about togetherness, humanity, and shared responsibility. As students abroad, we wanted to show that we care, that we remember, and that we hope for a better tomorrow where such injustices will no longer happen.</p>
|
||
|
||
<p>By standing side by side in moments like these, we learn that our strength lies not only in our studies and ambitions but also in our ability to support one another when it matters most.</p>
|
||
|
||
<figure class="article-inline-image">
|
||
<img src="../../../images/frosina-3.png" alt="Flowers and candles laid in remembrance">
|
||
</figure>
|
||
|
||
<h2>Closing thoughts</h2>
|
||
|
||
<p>Frosina’s story reminded us of the fragility of life and the importance of solidarity. We are grateful to all who came, who lit a candle, or who simply stood with us in silence.</p>
|
||
|
||
<p>As an organization, MSOS will always strive to provide a space where students can come together, in joy, in struggle, and in remembrance, to shape a community that carries both hope and responsibility for the future.</p>
|
||
|
||
<p>Rest in peace, Frosina. 🕊️🙏🏻</p>
|
||
</div>
|
||
</article>
|
||
</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="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>
|
||
<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>
|
||
</div>
|
||
<hr>
|
||
<div class="footer-bottom">
|
||
<p>© MSOS org 2025 All rights reserved.</p>
|
||
<div class="legal-links">
|
||
<a href="#">Privacy policy</a>
|
||
<a href="#">Cookie Policy</a>
|
||
<a href="#">Legal Terms</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="../../../main.js"></script>
|
||
</footer>
|
||
<!-- END_FOOTER -->
|
||
|
||
<script src="../../../main.js"></script>
|
||
</body>
|
||
</html>
|