Add News hub and wire homepage Latest news to a dated content index

New /<lang>/news/ hub aggregates real projects (title+image read from their pages), placeholder news announcements, and blog items, newest-first with type badges and a type filter. Homepage Latest news now shows the newest dated items as badged cards with a working See all to the hub; the News menu link points there too. Dates in news.js are placeholders to replace with real publish dates.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskik 2026-07-31 23:50:05 +02:00
parent ec794a32e6
commit ea9acc4968
193 changed files with 1852 additions and 428 deletions

View File

@ -49,6 +49,45 @@
line-height: 24px;
}
/* Latest-news cards: clickable media, type badge, placeholder tiles */
.news-card-media {
position: relative;
display: block;
margin-bottom: 24px;
border-radius: 8px;
overflow: hidden;
}
.news-card-media img { height: 220px; margin-bottom: 0; display: block; }
.news-card .news-ph {
height: 220px;
display: flex;
align-items: center;
justify-content: center;
font-size: 40px;
color: rgba(255, 255, 255, 0.85);
background: rgba(255, 255, 255, 0.14);
}
.news-badge {
position: absolute;
top: 12px;
left: 12px;
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 600;
color: #FFFFFF;
padding: 4px 10px;
border-radius: 999px;
background: #101828;
}
.news-badge i { font-size: 11px; }
.news-badge--project { background: #1F5C72; }
.news-badge--blog { background: #E8833A; }
.news-badge--news { background: #7C5CBF; }
.news-card h3 a { color: #FFFFFF; text-decoration: none; }
.news-card h3 a:hover { text-decoration: underline; }
/* 2. Kartice s pričevanji (.testimonial-card) */
.testimonial-card {

View File

@ -34,4 +34,5 @@
@import 'pages/_timeline.css';
@import 'pages/_guide.css';
@import 'pages/_faq.css';
@import 'pages/_blog.css';
@import 'pages/_blog.css';
@import 'pages/_news.css';

100
css/pages/_news.css Normal file
View File

@ -0,0 +1,100 @@
/* ==========================================================================
News hub (/<lang>/news/) filterable feed of projects, blog and news
========================================================================== */
.news-hub { font-family: 'Inter', sans-serif; }
.newshub-hero {
background: linear-gradient(180deg, #F5FAFB 0%, #FFFFFF 100%);
padding: 112px 24px 40px; /* clears the fixed 80px header */
text-align: center;
}
.newshub-eyebrow {
display: inline-block;
color: #2D738C;
font-weight: 700;
font-size: 14px;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 12px;
}
.newshub-hero h1 { max-width: 760px; margin: 0 auto 16px; font-size: 42px; line-height: 1.12; color: #101828; }
.newshub-lead { max-width: 640px; margin: 0 auto; font-size: 18px; line-height: 28px; color: #475467; }
.newshub-list { max-width: 1120px; margin: 40px auto 72px; padding: 0 24px; }
.newshub-filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 28px;
padding-bottom: 24px;
border-bottom: 1px solid #EAECF0;
}
.newshub-chip {
font-family: inherit;
font-size: 14px;
font-weight: 600;
color: #475467;
background: #F2F4F7;
border: 1px solid transparent;
border-radius: 999px;
padding: 9px 16px;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease;
}
.newshub-chip:hover { background: #E4E7EC; }
.newshub-chip.is-active { background: #101828; color: #FFFFFF; }
.newshub-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 24px;
}
.newshub-card {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 1px solid #EAECF0;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(16, 24, 40, 0.04);
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.newshub-card[hidden] { display: none; }
.newshub-card:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(16, 24, 40, 0.10); }
.newshub-media { position: relative; display: block; }
.newshub-media img { width: 100%; height: 190px; object-fit: cover; display: block; }
.newshub-media .news-ph {
height: 190px;
display: flex;
align-items: center;
justify-content: center;
font-size: 38px;
color: #B7BDC7;
background: linear-gradient(135deg, #F2F4F7 0%, #E4E7EC 100%);
}
.newshub-media .news-badge {
position: absolute;
top: 12px;
left: 12px;
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 600;
color: #FFFFFF;
padding: 4px 10px;
border-radius: 999px;
background: #101828;
}
.newshub-media .news-badge i { font-size: 11px; }
.newshub-body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; }
.newshub-date { font-size: 13px; font-weight: 600; color: #98A2B3; margin: 0; }
.newshub-card h3 { margin: 0; font-size: 19px; line-height: 1.3; }
.newshub-card h3 a { color: #101828; text-decoration: none; }
.newshub-card h3 a:hover { color: #2D738C; }
.newshub-excerpt { margin: 0; font-size: 14px; line-height: 22px; color: #667085; }
@media (max-width: 768px) {
.newshub-hero { padding: 92px 20px 32px; }
.newshub-hero h1 { font-size: 30px; }
}

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -258,38 +258,44 @@
</div>
</section>
<section class="latest-news-section">
<section class="latest-news-section">
<div class="news-header">
<h2>Latest news</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>What is new at MSOS, from events and projects to blog stories and announcements.</p>
</div>
<div class="news-articles">
<article class="news-card">
<img src="../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak">
<article class="news-card" data-type="news">
<a class="news-card-media" href="../en/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> News</span>
</a>
<div class="card-content">
<p class="author">Alec Whitten • 17 Jan 2022</p>
<h3>Bill Walsh leadership lessons</h3>
<p>Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl...</p>
<p class="author">15 July 2026</p>
<h3><a href="../en/news/">Applications for the 2026/2027 academic year are open</a></h3>
</div>
</article>
<article class="news-card">
<img src="../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team">
<article class="news-card" data-type="news">
<a class="news-card-media" href="../en/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> News</span>
</a>
<div class="card-content">
<p class="author">Demi Wilkinson • 16 Jan 2022</p>
<h3>PM mental models</h3>
<p>Mental models are simple expressions of complex processes or relationships.</p>
<p class="author">5 July 2026</p>
<h3><a href="../en/news/">Join our welcome week for new students</a></h3>
</div>
</article>
<article class="news-card">
<img src="../images/6-whatiswireframing.webp" alt="A modern computer desk setup with a large monitor, keyboard, and headphones">
<article class="news-card" data-type="news">
<a class="news-card-media" href="../en/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> News</span>
</a>
<div class="card-content">
<p class="author">Candice Wu • 15 Jan 2022</p>
<h3>What is Wireframing?</h3>
<p>Introduction to Wireframing and its Principles. Learn from the best in the industry.</p>
<p class="author">20 June 2026</p>
<h3><a href="../en/news/">Summer office hours and how to reach us</a></h3>
</div>
</article>
</div>
<a href="../en/projects/" class="btn btn-secondary">See all</a>
<a href="../en/news/" class="btn btn-secondary">See all</a>
</section>
<section class="testimonials-section">

417
en/news/index.html Normal file
View File

@ -0,0 +1,417 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>News and updates - 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" />
<!-- Link to the main CSS file -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../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="../../en/blog/">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="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
<li><a href="../../en/faq/">FAQs</a></li>
<li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="../../en/news/">News and Announcements</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="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo (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="../../en/blog/">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="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
<li><a href="../../en/faq/">FAQs</a></li>
<li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="../../en/news/">News and Announcements</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">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="news-hub">
<section class="newshub-hero">
<span class="newshub-eyebrow">News</span>
<h1>News and updates</h1>
<p class="newshub-lead">Everything new at MSOS in one place: events and projects, blog stories and announcements.</p>
</section>
<section class="newshub-list">
<div class="newshub-filters">
<button type="button" class="newshub-chip is-active" data-type="all">All</button>
<button type="button" class="newshub-chip" data-type="project">Events &amp; Projects</button>
<button type="button" class="newshub-chip" data-type="blog">Blog</button>
<button type="button" class="newshub-chip" data-type="news">News</button>
</div>
<div class="newshub-grid">
<article class="newshub-card" data-type="news">
<a class="newshub-media" href="../../en/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> News</span>
</a>
<div class="newshub-body">
<p class="newshub-date">15 July 2026</p>
<h3><a href="../../en/news/">Applications for the 2026/2027 academic year are open</a></h3>
<p class="newshub-excerpt">Key deadlines and steps for Macedonian applicants, in one place.</p>
</div>
</article>
<article class="newshub-card" data-type="news">
<a class="newshub-media" href="../../en/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> News</span>
</a>
<div class="newshub-body">
<p class="newshub-date">5 July 2026</p>
<h3><a href="../../en/news/">Join our welcome week for new students</a></h3>
<p class="newshub-excerpt">Meet other Macedonian students and get set up for your first semester.</p>
</div>
</article>
<article class="newshub-card" data-type="news">
<a class="newshub-media" href="../../en/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> News</span>
</a>
<div class="newshub-body">
<p class="newshub-date">20 June 2026</p>
<h3><a href="../../en/news/">Summer office hours and how to reach us</a></h3>
<p class="newshub-excerpt">We are here through the summer for questions about moving and enrolment.</p>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../en/projects/in-memory-of-the-kochani-victims/">
<img src="../../images/kochani-1.png" alt="In Memory of the Victims of the Kochani Tragedy" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Event</span>
</a>
<div class="newshub-body">
<p class="newshub-date">18 March 2025</p>
<h3><a href="../../en/projects/in-memory-of-the-kochani-victims/">In Memory of the Victims of the Kochani Tragedy</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../en/projects/meet-student-slovenia-2024/">
<img src="../../images/event4-img-1.webp" alt="Meet Student Slovenia 2024" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Event</span>
</a>
<div class="newshub-body">
<p class="newshub-date">20 September 2024</p>
<h3><a href="../../en/projects/meet-student-slovenia-2024/">Meet Student Slovenia 2024</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../en/projects/humanitarian-tournament-in-maribor/">
<img src="../../images/maribor-tournament-1.png" alt="Humanitarian Sports Tournament: Playing with Heart, Together for Kočani" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Event</span>
</a>
<div class="newshub-body">
<p class="newshub-date">11 May 2024</p>
<h3><a href="../../en/projects/humanitarian-tournament-in-maribor/">Humanitarian Sports Tournament: Playing with Heart, Together for Kočani</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../en/projects/macedonian-student-night-in-ljubljana/">
<img src="../../images/msnl-1.webp" alt="Macedonian Student Night in Ljubljana" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Event</span>
</a>
<div class="newshub-body">
<p class="newshub-date">15 March 2024</p>
<h3><a href="../../en/projects/macedonian-student-night-in-ljubljana/">Macedonian Student Night in Ljubljana</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../en/projects/watching-handball-together-in-slovenia/">
<img src="../../images/handball-2025-1.png" alt="Cheering for Macedonia, Watching Handball Together in Slovenia" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Event</span>
</a>
<div class="newshub-body">
<p class="newshub-date">20 January 2024</p>
<h3><a href="../../en/projects/watching-handball-together-in-slovenia/">Cheering for Macedonia, Watching Handball Together in Slovenia</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../en/projects/in-memory-of-frosina-kulakova/">
<img src="../../images/frosina-1.png" alt="In Memory of Frosina Kulakova" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Event</span>
</a>
<div class="newshub-body">
<p class="newshub-date">10 November 2023</p>
<h3><a href="../../en/projects/in-memory-of-frosina-kulakova/">In Memory of Frosina Kulakova</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../en/projects/meet-student-slovenia-2023/">
<img src="../../images/event3-photo-1.webp" alt="Meet Student Slovenia 2023" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Event</span>
</a>
<div class="newshub-body">
<p class="newshub-date">22 September 2023</p>
<h3><a href="../../en/projects/meet-student-slovenia-2023/">Meet Student Slovenia 2023</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../en/projects/paint-and-wine-at-sunset/">
<img src="../../images/paint-wine-1.jpg" alt="Paint &amp; Wine at Sunset, Celebrating Womens Day with Art &amp; Music" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Event</span>
</a>
<div class="newshub-body">
<p class="newshub-date">10 June 2023</p>
<h3><a href="../../en/projects/paint-and-wine-at-sunset/">Paint &amp; Wine at Sunset, Celebrating Womens Day with Art &amp; Music</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../en/projects/morning-coffee-in-front-of-ctk/">
<img src="../../images/event4-image1.webp" alt="Morning Coffee in front of CTK, 2024: Coffee, burek, and lots of smiles" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Event</span>
</a>
<div class="newshub-body">
<p class="newshub-date">5 May 2023</p>
<h3><a href="../../en/projects/morning-coffee-in-front-of-ctk/">Morning Coffee in front of CTK, 2024: Coffee, burek, and lots of smiles</a></h3>
</div>
</article>
<article class="newshub-card" data-type="blog">
<a class="newshub-media" href="../../en/blog/">
<div class="news-ph"><i class="fas fa-pen-nib" aria-hidden="true"></i></div>
<span class="news-badge news-badge--blog"><i class="fas fa-pen-nib" aria-hidden="true"></i> Blog</span>
</a>
<div class="newshub-body">
<p class="newshub-date">Coming soon</p>
<h3><a href="../../en/blog/">Your first two weeks in Ljubljana</a></h3>
</div>
</article>
<article class="newshub-card" data-type="blog">
<a class="newshub-media" href="../../en/blog/">
<div class="news-ph"><i class="fas fa-pen-nib" aria-hidden="true"></i></div>
<span class="news-badge news-badge--blog"><i class="fas fa-pen-nib" aria-hidden="true"></i> Blog</span>
</a>
<div class="newshub-body">
<p class="newshub-date">Coming soon</p>
<h3><a href="../../en/blog/">How to open a Slovenian bank account</a></h3>
</div>
</article>
<article class="newshub-card" data-type="blog">
<a class="newshub-media" href="../../en/blog/">
<div class="news-ph"><i class="fas fa-pen-nib" aria-hidden="true"></i></div>
<span class="news-badge news-badge--blog"><i class="fas fa-pen-nib" aria-hidden="true"></i> Blog</span>
</a>
<div class="newshub-body">
<p class="newshub-date">Coming soon</p>
<h3><a href="../../en/blog/">Surviving your first exam period</a></h3>
</div>
</article>
</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="Macedonian Student Organisation in Slovenia Logo">
</div>
<p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
<a href="mailto:info@msosorg.com">info@msosorg.com</a>
</p>
<div class="social-icons">
<a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Student guide</h4>
<a href="../../en/student-welcome-guide/">Student welcome guide</a>
<a href="../../en/student-welcome-guide/complete-student-journey/">The whole journey</a>
<a href="../../en/student-welcome-guide/application-deadlines/">Application deadlines</a>
<a href="../../en/student-welcome-guide/evs-application-guide/">Apply through eVŠ</a>
<a href="../../en/student-welcome-guide/student-residence-permit/">Residence permit</a>
<a href="../../en/student-welcome-guide/student-accommodation/">Accommodation</a>
</div>
<div class="links-column">
<h4>Explore</h4>
<a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a>
<a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a>
<a href="../../en/projects/">Projects and events</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="../../en/about-us/">About us</a>
<a href="../../en/timeline-and-milestones/">Timeline and milestones</a>
<a href="mailto:info@msosorg.com">Contact us</a>
<a href="../../en/privacy-policy/">Privacy policy</a>
<a href="../../en/cookie-policy/">Cookie policy</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© 2026 MSOS. All rights reserved.</p>
<div class="legal-links">
<a href="../../en/privacy-policy/">Privacy policy</a>
<a href="../../en/cookie-policy/">Cookie policy</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../news-filter.js"></script>
</body>
</html>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">News</a>
<ul class="dropdown-menu">
<li><a href="#">News and Announcements</a></li>
<li><a href="../../en/news/">News and Announcements</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -261,38 +261,44 @@
</div>
</section>
<section class="latest-news-section">
<section class="latest-news-section">
<div class="news-header">
<h2>Најнови вести</h2>
<p>Dont miss whats happening! Here youll find all our updates, from student news to upcoming activities and community highlights.</p>
<p>Што е ново кај МСОС, од настани и проекти до блог приказни и објави.</p>
</div>
<div class="news-articles">
<article class="news-card">
<img src="../images/4-billwalsh.webp" alt="Слика на снежен планински врв во розови и сини нијанси">
<article class="news-card" data-type="news">
<a class="news-card-media" href="../mk/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> Вест</span>
</a>
<div class="card-content">
<p class="author">Alec Whitten • 17 Јан 2022</p>
<h3>Лекции за лидерство од Бил Волш</h3>
<p>Сакате да ги дознаете тајните за трансформација на тим со резултат 2-14 во династија со 3x Супер Боул...</p>
<p class="author">15 јули 2026</p>
<h3><a href="../mk/news/">Пријавите за академската 2026/2027 година се отворени</a></h3>
</div>
</article>
<article class="news-card">
<img src="../images/5-pmmentals.webp" alt="Жена презентира пред табла со лепливи белешки на тим">
<article class="news-card" data-type="news">
<a class="news-card-media" href="../mk/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> Вест</span>
</a>
<div class="card-content">
<p class="author">Demi Wilkinson • 16 Јан 2022</p>
<h3>ПМ ментални модели</h3>
<p>Менталните модели се едноставни изрази на сложени процеси или односи.</p>
<p class="author">5 јули 2026</p>
<h3><a href="../mk/news/">Придружи се на неделата на добредојде за нови студенти</a></h3>
</div>
</article>
<article class="news-card">
<img src="../images/6-whatiswireframing.webp" alt="Модерно компјутерско биро со голем монитор, тастатура и слушалки">
<article class="news-card" data-type="news">
<a class="news-card-media" href="../mk/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> Вест</span>
</a>
<div class="card-content">
<p class="author">Candice Wu • 15 Јан 2022</p>
<h3>Што е Wireframing?</h3>
<p>Вовед во Wireframing и неговите принципи. Учете од најдобрите во индустријата.</p>
<p class="author">20 јуни 2026</p>
<h3><a href="../mk/news/">Летни термини и како да нè контактирате</a></h3>
</div>
</article>
</div>
<button class="btn btn-secondary">Види ги сите</button>
<a href="../mk/news/" class="btn btn-secondary">Види ги сите</a>
</section>
<section class="testimonials-section">

415
mk/news/index.html Normal file
View File

@ -0,0 +1,415 @@
<!DOCTYPE html>
<html lang="mk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Вести и новости - 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" />
<!-- Поврзување до главната CSS-датотека -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../mk/" class="logo-link">
<img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../mk/projects/">Настани и проекти</a></li>
<li><a href="../../mk/blog/">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="../../mk/student-welcome-guide/">Водич за добредојде</a></li>
<li><a href="../../mk/faq/">Често поставувани прашања</a></li>
<li><a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
<li><a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">МК</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">За нас</a>
<ul class="dropdown-menu">
<li><a href="#">Времеплов и достигнувања</a></li>
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Што работиме</a>
<ul class="dropdown-menu">
<li><a href="../../mk/projects/">Настани и проекти</a></li>
<li><a href="../../mk/blog/">Блог</a></li>
<li><a href="#">Галерија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Вклучи се</a>
<ul class="dropdown-menu">
<li><a href="#">Стани член</a></li>
<li><a href="#">Поддржи ја МСОС</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">За студенти</a>
<ul class="dropdown-menu">
<li><a href="../../mk/student-welcome-guide/">Водич за добредојде</a></li>
<li><a href="../../mk/faq/">Често поставувани прашања</a></li>
<li><a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
<li><a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Стани член</button>
<button class="btn btn-primary">Донирај</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>МК</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Избери јазик</h3>
<button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="news-hub">
<section class="newshub-hero">
<span class="newshub-eyebrow">Вести</span>
<h1>Вести и новости</h1>
<p class="newshub-lead">Сè ново кај МСОС на едно место: настани и проекти, блог приказни и објави.</p>
</section>
<section class="newshub-list">
<div class="newshub-filters">
<button type="button" class="newshub-chip is-active" data-type="all">Сите</button>
<button type="button" class="newshub-chip" data-type="project">Настани и проекти</button>
<button type="button" class="newshub-chip" data-type="blog">Блог</button>
<button type="button" class="newshub-chip" data-type="news">Вести</button>
</div>
<div class="newshub-grid">
<article class="newshub-card" data-type="news">
<a class="newshub-media" href="../../mk/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> Вест</span>
</a>
<div class="newshub-body">
<p class="newshub-date">15 јули 2026</p>
<h3><a href="../../mk/news/">Пријавите за академската 2026/2027 година се отворени</a></h3>
<p class="newshub-excerpt">Клучни рокови и чекори за македонските кандидати, на едно место.</p>
</div>
</article>
<article class="newshub-card" data-type="news">
<a class="newshub-media" href="../../mk/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> Вест</span>
</a>
<div class="newshub-body">
<p class="newshub-date">5 јули 2026</p>
<h3><a href="../../mk/news/">Придружи се на неделата на добредојде за нови студенти</a></h3>
<p class="newshub-excerpt">Запознај други македонски студенти и подготви се за првиот семестар.</p>
</div>
</article>
<article class="newshub-card" data-type="news">
<a class="newshub-media" href="../../mk/news/">
<div class="news-ph"><i class="fas fa-bullhorn" aria-hidden="true"></i></div>
<span class="news-badge news-badge--news"><i class="fas fa-bullhorn" aria-hidden="true"></i> Вест</span>
</a>
<div class="newshub-body">
<p class="newshub-date">20 јуни 2026</p>
<h3><a href="../../mk/news/">Летни термини и како да нè контактирате</a></h3>
<p class="newshub-excerpt">Преку летото сме тука за прашања за преселба и запишување.</p>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../mk/projects/in-memory-of-the-kochani-victims/">
<img src="../../images/kochani-1.png" alt="Во спомен на жртвите од трагедијата во Кочани" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Настан</span>
</a>
<div class="newshub-body">
<p class="newshub-date">18 март 2025</p>
<h3><a href="../../mk/projects/in-memory-of-the-kochani-victims/">Во спомен на жртвите од трагедијата во Кочани</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../mk/projects/meet-student-slovenia-2024/">
<img src="../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Настан</span>
</a>
<div class="newshub-body">
<p class="newshub-date">20 септември 2024</p>
<h3><a href="../../mk/projects/meet-student-slovenia-2024/">Запознај ја студентска Словенија 2024</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../mk/projects/humanitarian-tournament-in-maribor/">
<img src="../../images/maribor-tournament-1.png" alt="Хуманитарен спортски турнир: Играме со срце, заедно за Кочани" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Настан</span>
</a>
<div class="newshub-body">
<p class="newshub-date">11 мај 2024</p>
<h3><a href="../../mk/projects/humanitarian-tournament-in-maribor/">Хуманитарен спортски турнир: Играме со срце, заедно за Кочани</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../mk/projects/macedonian-student-night-in-ljubljana/">
<img src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Настан</span>
</a>
<div class="newshub-body">
<p class="newshub-date">15 март 2024</p>
<h3><a href="../../mk/projects/macedonian-student-night-in-ljubljana/">Македонска студентска вечер во Љубљана</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../mk/projects/watching-handball-together-in-slovenia/">
<img src="../../images/handball-2025-1.png" alt="Навивање за Македонија, заедничко гледање ракомет во Словенија" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Настан</span>
</a>
<div class="newshub-body">
<p class="newshub-date">20 јануари 2024</p>
<h3><a href="../../mk/projects/watching-handball-together-in-slovenia/">Навивање за Македонија, заедничко гледање ракомет во Словенија</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../mk/projects/in-memory-of-frosina-kulakova/">
<img src="../../images/frosina-1.png" alt="Во спомен на Фросина Кулакова" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Настан</span>
</a>
<div class="newshub-body">
<p class="newshub-date">10 ноември 2023</p>
<h3><a href="../../mk/projects/in-memory-of-frosina-kulakova/">Во спомен на Фросина Кулакова</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../mk/projects/meet-student-slovenia-2023/">
<img src="../../images/event3-photo-1.webp" alt="Запознај ја студентска Словенија 2023" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Настан</span>
</a>
<div class="newshub-body">
<p class="newshub-date">22 септември 2023</p>
<h3><a href="../../mk/projects/meet-student-slovenia-2023/">Запознај ја студентска Словенија 2023</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../mk/projects/paint-and-wine-at-sunset/">
<img src="../../images/paint-wine-1.jpg" alt="Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Настан</span>
</a>
<div class="newshub-body">
<p class="newshub-date">10 јуни 2023</p>
<h3><a href="../../mk/projects/paint-and-wine-at-sunset/">Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика</a></h3>
</div>
</article>
<article class="newshub-card" data-type="project">
<a class="newshub-media" href="../../mk/projects/morning-coffee-in-front-of-ctk/">
<img src="../../images/event4-image1.webp" alt="Утринско кафе пред ЦТК, 2024: Кафе, бурек и многу насмевки" loading="lazy">
<span class="news-badge news-badge--project"><i class="fas fa-calendar-day" aria-hidden="true"></i> Настан</span>
</a>
<div class="newshub-body">
<p class="newshub-date">5 мај 2023</p>
<h3><a href="../../mk/projects/morning-coffee-in-front-of-ctk/">Утринско кафе пред ЦТК, 2024: Кафе, бурек и многу насмевки</a></h3>
</div>
</article>
<article class="newshub-card" data-type="blog">
<a class="newshub-media" href="../../mk/blog/">
<div class="news-ph"><i class="fas fa-pen-nib" aria-hidden="true"></i></div>
<span class="news-badge news-badge--blog"><i class="fas fa-pen-nib" aria-hidden="true"></i> Блог</span>
</a>
<div class="newshub-body">
<p class="newshub-date">Наскоро</p>
<h3><a href="../../mk/blog/">Првите две недели во Љубљана</a></h3>
</div>
</article>
<article class="newshub-card" data-type="blog">
<a class="newshub-media" href="../../mk/blog/">
<div class="news-ph"><i class="fas fa-pen-nib" aria-hidden="true"></i></div>
<span class="news-badge news-badge--blog"><i class="fas fa-pen-nib" aria-hidden="true"></i> Блог</span>
</a>
<div class="newshub-body">
<p class="newshub-date">Наскоро</p>
<h3><a href="../../mk/blog/">Како да отворите словенечка банкарска сметка</a></h3>
</div>
</article>
<article class="newshub-card" data-type="blog">
<a class="newshub-media" href="../../mk/blog/">
<div class="news-ph"><i class="fas fa-pen-nib" aria-hidden="true"></i></div>
<span class="news-badge news-badge--blog"><i class="fas fa-pen-nib" aria-hidden="true"></i> Блог</span>
</a>
<div class="newshub-body">
<p class="newshub-date">Наскоро</p>
<h3><a href="../../mk/blog/">Како да го преживеете првиот испитен рок</a></h3>
</div>
</article>
</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="Логотип на Македонската студентска организација во Словенија">
</div>
<p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Словенија<br>
<a href="mailto:info@msosorg.com">info@msosorg.com</a>
</p>
<div class="social-icons">
<a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Студентски водич</h4>
<a href="../../mk/student-welcome-guide/">Студентски водич за добредојде</a>
<a href="../../mk/student-welcome-guide/complete-student-journey/">Целосниот пат</a>
<a href="../../mk/student-welcome-guide/application-deadlines/">Рокови за пријава</a>
<a href="../../mk/student-welcome-guide/evs-application-guide/">Пријава преку eVŠ</a>
<a href="../../mk/student-welcome-guide/student-residence-permit/">Дозвола за престој</a>
<a href="../../mk/student-welcome-guide/student-accommodation/">Сместување</a>
</div>
<div class="links-column">
<h4>Истражи</h4>
<a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a>
<a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a>
<a href="../../mk/projects/">Проекти и настани</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="mailto:info@msosorg.com">Контактирајте нè</a>
<a href="../../mk/privacy-policy/">Политика за приватност</a>
<a href="../../mk/cookie-policy/">Политика за колачиња</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© 2026 МСОС. Сите права задржани.</p>
<div class="legal-links">
<a href="../../mk/privacy-policy/">Политика за приватност</a>
<a href="../../mk/cookie-policy/">Политика за колачиња</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../news-filter.js"></script>
</body>
</html>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

View File

@ -64,7 +64,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>
@ -134,7 +134,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Новости</a>
<ul class="dropdown-menu">
<li><a href="#">Вести и соопштенија</a></li>
<li><a href="../../../mk/news/">Вести и соопштенија</a></li>
<li><a href="#">Соопштенија за медиуми</a></li>
</ul>
</li>

Some files were not shown because too many files have changed in this diff Show More