kristijan-dev #2

Merged
popovskik merged 5 commits from kristijan-dev into develop 2026-07-29 11:40:52 +00:00
58 changed files with 4462 additions and 159 deletions
Showing only changes of commit 8ca03d5886 - Show all commits

View File

@ -32,15 +32,15 @@
display: flex;
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
padding: 0 32px 72px;
gap: 64px;
align-items: flex-start;
align-items: flex-start;
}
.article-container {
flex-grow: 1;
min-width: 0;
padding: 96px 0;
padding: 96px 0 24px;
}
/* ==========================================================================
@ -269,6 +269,10 @@
margin: 0 auto;
}
.article-main-image figcaption {
margin-top: 16px;
}
.article-inline-image {
margin: 16px 0;
display: flex;
@ -281,10 +285,24 @@
border-radius: 16px;
}
/* Shared caption style for hero and inline images */
.article-main-image figcaption,
.article-inline-image figcaption {
font-family: 'Inter', sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #667085;
text-align: center;
margin-left: auto;
margin-right: auto;
}
/* Attribution link inside image captions */
.article-main-image figcaption a,
.article-inline-image figcaption a {
color: #2D738C;
text-decoration: underline;
}
/* NOVO: Stili za odziven vdelan video */
@ -609,4 +627,89 @@
.newsletter-cta .privacy-note {
text-align: center;
}
}
/* ==========================================================================
Image placeholders (used until a sourced, licensed photo is added)
========================================================================== */
/* Article hero / inline placeholder */
.image-placeholder .image-placeholder-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 10px;
padding: 32px 24px;
min-height: 220px;
background: #F9FAFB;
border: 2px dashed #D0D5DD;
border-radius: 12px;
color: #667085;
}
.image-placeholder .image-placeholder-box .ph-icon {
font-size: 32px;
color: #98A2B3;
}
.image-placeholder .ph-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #FA7850;
}
.image-placeholder .ph-desc {
font-size: 16px;
font-weight: 600;
color: #344054;
max-width: 620px;
margin: 0;
}
.image-placeholder .ph-meta {
font-size: 13px;
line-height: 1.5;
color: #667085;
max-width: 620px;
margin: 0;
}
.image-placeholder .ph-meta code {
background: #EEF2F6;
padding: 1px 6px;
border-radius: 4px;
font-size: 12px;
}
/* Listing card image placeholder */
.post-image-placeholder {
width: 100%;
height: 240px;
border-radius: 8px;
margin-bottom: 32px;
background: #F9FAFB;
border: 2px dashed #D0D5DD;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
color: #98A2B3;
box-sizing: border-box;
padding: 16px;
text-align: center;
}
.post-image-placeholder i {
font-size: 28px;
}
.post-image-placeholder span {
font-size: 12px;
font-weight: 600;
color: #667085;
}

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -0,0 +1,358 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get to know Macedonia - 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="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Get Involved</a>
<ul class="dropdown-menu">
<li><a href="#">Become a member</a></li>
<li><a href="#">Support MSOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="../../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="#">Announcements</a></li>
<li><a href="#">Open calls</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../en/about-us/">Our team</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">What We Do</a>
<ul class="dropdown-menu">
<li><a href="../../en/projects/">Events & Projects</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Get Involved</a>
<ul class="dropdown-menu">
<li><a href="#">Become a member</a></li>
<li><a href="#">Support MSOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="../../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="#">Announcements</a></li>
<li><a href="#">Open calls</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>EN</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Select Language</h3>
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="page-content">
<section class="page-header-section">
<div class="container text-center">
<span class="page-subtitle">Stories from home</span>
<h1>Get to know Macedonia</h1>
<p class="page-description">Macedonia is not only a place on the map. It is a table that always has room for one more person, music that brings everyone closer, mountains on the horizon, and conversations that continue long after the coffee is finished. These are the places, traditions, tastes, and stories we carry with us and want to share with you.</p>
<form class="subscribe-form">
<input type="email" placeholder="Enter your email">
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
</div>
</section>
<section class="filter-section">
<nav class="filter-nav" aria-label="Story categories">
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">All stories</button>
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Places &amp; Nature</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Culture &amp; Traditions</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Food &amp; Flavours</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">History &amp; Heritage</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">People &amp; Identity</button>
</nav>
</section>
<section class="all-posts-section">
<div class="container column-layout">
<h2>All stories</h2>
<div class="posts-grid">
<!-- Story: Welcome to Macedonia -->
<article class="post-card" data-category="identity">
<a href="welcome-to-macedonia/" class="post-link">
<img src="../../images/macedonia-welcome-hero.jpg" alt="The Church of St. John at Kaneo above Lake Ohrid" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • People &amp; Identity</p>
<h3 class="post-title">Welcome to Macedonia</h3>
<p class="post-excerpt">A personal introduction to the warmth, contrasts, landscapes, and everyday moments that make Macedonia feel like home.</p>
</div>
</a>
</article>
<!-- Story: Ohrid, More Than a Postcard -->
<article class="post-card" data-category="places">
<a href="ohrid-more-than-a-postcard/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • Places &amp; Nature</p>
<h3 class="post-title">Ohrid, More Than a Postcard</h3>
<p class="post-excerpt">The lake, old streets, neighbourhoods, sounds, and memories that make Ohrid much more than a beautiful view.</p>
</div>
</a>
</article>
<!-- Story: Skopje, A City of Many Layers -->
<article class="post-card" data-category="places">
<a href="skopje-a-city-of-many-layers/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • Places &amp; Nature</p>
<h3 class="post-title">Skopje, A City of Many Layers</h3>
<p class="post-excerpt">A city shaped by different eras, neighbourhoods, communities, and contrasts, all living next to one another.</p>
</div>
</a>
</article>
<!-- Story: A Table Full of Macedonia -->
<article class="post-card" data-category="food">
<a href="a-table-full-of-macedonia/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • Food &amp; Flavours</p>
<h3 class="post-title">A Table Full of Macedonia</h3>
<p class="post-excerpt">The dishes, flavours, conversations, and generous hospitality that turn a shared meal into something much bigger.</p>
</div>
</a>
</article>
<!-- Story: Music, Dance and the Moments That Bring Us Together -->
<article class="post-card" data-category="culture">
<a href="music-dance-and-the-moments-that-bring-us-together/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • Culture &amp; Traditions</p>
<h3 class="post-title">Music, Dance and the Moments That Bring Us Together</h3>
<p class="post-excerpt">How songs, oro, celebrations, and familiar rhythms create a feeling of belonging across generations.</p>
</div>
</a>
</article>
<!-- Story: History You Can Still Walk Through -->
<article class="post-card" data-category="heritage">
<a href="history-you-can-still-walk-through/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • History &amp; Heritage</p>
<h3 class="post-title">History You Can Still Walk Through</h3>
<p class="post-excerpt">Ancient sites, old bazaars, churches, monasteries, and towns where Macedonia's history still feels close.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>No stories match this filter yet.</p>
<nav class="pagination">
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a>
<div class="pagination-numbers">
<a href="#" class="page-number active">1</a>
</div>
<a href="#" class="pagination-arrow">Next <i class="fas fa-arrow-right"></i></a>
</nav>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>For students</h4>
<a href="#">Blog</a>
<a href="#">Gallery</a>
<a href="#">FAQs</a>
<a href="#">Brochure</a>
</div>
<div class="links-column">
<h4>Projects</h4>
<a href="#">Upcoming</a>
<a href="#">Previous</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="#">About us</a>
<a href="#">Contact</a>
<a href="#">Documentation</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2025 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>

View File

@ -0,0 +1,353 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to Macedonia - MSOS</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/about-us/">Our team</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">What We Do</a>
<ul class="dropdown-menu">
<li><a href="../../../en/projects/">Events & Projects</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Get Involved</a>
<ul class="dropdown-menu">
<li><a href="#">Become a member</a></li>
<li><a href="#">Support MSOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="../../../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="#">Announcements</a></li>
<li><a href="#">Open calls</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/about-us/">Our team</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">What We Do</a>
<ul class="dropdown-menu">
<li><a href="../../../en/projects/">Events & Projects</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Get Involved</a>
<ul class="dropdown-menu">
<li><a href="#">Become a member</a></li>
<li><a href="#">Support MSOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="../../../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="#">Announcements</a></li>
<li><a href="#">Open calls</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>EN</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Select Language</h3>
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<h1>Welcome to Macedonia</h1>
<p class="article-subtitle">A country of mountains, open tables, long conversations, and stories that remain close wherever we go.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/macedonia-welcome-hero.jpg" alt="The Church of St. John at Kaneo above Lake Ohrid">
<figcaption>Church of St. John at Kaneo, Ohrid. Photo: <a href="https://www.ciconiatravel.com/2019/11/08/15-fantastic-facts-about-macedonia/" target="_blank" rel="noopener">ciconiatravel.com</a></figcaption>
</figure>
<div class="article-body">
<p>There are many ways to introduce Macedonia.</p>
<p>We could begin with the mountains that shape almost every horizon. We could begin with Ohrid, where the lake changes colour throughout the day and the old town carries centuries of history in its streets. We could begin with Skopje, a city of different neighbourhoods, architectural layers, languages, and communities.</p>
<p>For many of us, however, Macedonia begins with something more personal.</p>
<p>It begins when someone asks whether you have eaten, even before asking why you came. It begins with coffee that lasts much longer than planned, a table that somehow finds room for another guest, music that changes the energy of the whole room, and conversations in which people speak with their hands, faces, and whole hearts.</p>
<p>Macedonia is the country we come from, but it is also the feeling we carry with us. Through these stories, we want to introduce it as we know it. Not only through famous places, but through the details that make those places meaningful.</p>
<h2>A country of close distances and strong contrasts</h2>
<p>Macedonia is located in Southeast Europe, in the central part of the Balkan Peninsula. It has no sea, but water still plays an important role in the way people imagine and experience the country.</p>
<p>Ohrid, Prespa, and Dojran are more than points on a map. They are places connected with summer memories, family trips, food, music, and local identity. The mountains are equally present. They surround cities, divide regions, shape the climate, and offer a constant sense that nature is close.</p>
<p>The landscape can change quickly. From the busy streets of Skopje, a journey can lead toward the green slopes and villages of Mavrovo, the wide Pelagonia plain, the vineyards of the Vardar region, the old stone houses of Krusevo, or the quieter eastern towns surrounded by fields and mountains.</p>
<p>These places do not tell one single story. Macedonia is made of regional differences, local pride, accents, recipes, landscapes, and memories. Its small size does not make it simple. It makes its contrasts easier to encounter.</p>
<h2>The first welcome is usually personal</h2>
<p>Hospitality is one of the qualities most often associated with Macedonia, but it is difficult to understand it only as a word.</p>
<p>It is visible in the small insistence that a guest should eat something. It is in the plate placed on the table even when you said you were not hungry. It is in the way a short visit can become an entire evening. It is also in the questions people ask, sometimes with a level of curiosity that may surprise someone visiting for the first time.</p>
<p>This warmth is not performed only for tourists. It is part of family life, friendship, neighbourhoods, and the way many people understand care. Offering food, coffee, advice, or time is often a way of saying that someone is welcome.</p>
<p>Of course, not every person or household is the same. Macedonia is diverse, and its communities express hospitality in different ways. Still, many of us grew up with the feeling that a guest should never leave unnoticed or hungry.</p>
<p>That is why our memories of home are so often connected to people rather than only to places.</p>
<figure class="article-inline-image">
<img src="../../../images/macedonia-welcome-hospitality.jpg" alt="A traditional Macedonian table filled with local dishes">
<figcaption>Traditional Macedonian table. Photo: Youth Empowered, <a href="https://commons.wikimedia.org/wiki/File:%D0%A2%D1%80%D0%B0%D0%B4%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D0%BD%D0%B0_%D0%BC%D0%B0%D0%BA%D0%B5%D0%B4%D0%BE%D0%BD%D1%81%D0%BA%D0%B0_%D1%82%D1%80%D0%BF%D0%B5%D0%B7%D0%B0_8.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC BY-SA 4.0</a> (cropped)</figcaption>
</figure>
<h2>Food is how we spend time together</h2>
<p>Macedonian food deserves its own stories, and it will have them in this section. Yet food cannot be separated from the way people spend time together.</p>
<p>A meal is rarely only about eating. It is a reason to gather, wait for someone who is late, discuss what happened during the week, retell an old family story, and continue sitting long after the plates are empty.</p>
<p>Different regions bring different dishes and flavours. Tavche gravche, ajvar, shopska salad, pastrmajlija, burek, grilled meat, stuffed peppers, local cheeses, and homemade pastries may appear in different combinations. What often stays the same is the generosity of the table.</p>
<p>The best introduction to Macedonian food is not a list of dishes. It is the experience of being told to take one more serving, then another, while everyone continues talking around you.</p>
<p>In Macedonia, food often becomes a language of affection.</p>
<h2>History remains part of the landscape</h2>
<p>History in Macedonia is not limited to museums and books. It can be seen in the streets, religious buildings, archaeological sites, old bazaars, monuments, and the way towns developed over time.</p>
<p>In Skopje, the Old Bazaar carries traces of different periods and communities. In Ohrid, churches, traditional houses, and the lake landscape form a place recognised internationally for both its natural and cultural heritage. Across the country, monasteries appear in mountains and valleys, often in places where the journey is part of the experience.</p>
<p>There are also ancient sites, Ottoman architecture, memorial houses, traditional crafts, and towns whose identity is closely connected with important moments in the country's history.</p>
<p>This heritage is rich, but it can also be complex. It belongs to different communities and periods, and it should be approached with care rather than reduced to a few dramatic sentences.</p>
<p>The most meaningful way to encounter it is often slowly, by walking, listening, and allowing a place to tell more than one story.</p>
<figure class="article-inline-image">
<img src="../../../images/macedonia-welcome-heritage.jpg" alt="The Robevci Family House in the old town of Ohrid">
<figcaption>Robevci Family House, Ohrid. Photo: Silfiriel, <a href="https://commons.wikimedia.org/wiki/File:%D0%9A%D1%83%D1%9C%D0%B0%D1%82%D0%B0_%D0%BD%D0%B0_%D0%A0%D0%BE%D0%B1%D0%B5%D0%B2%D1%86%D0%B8_-_%D0%9C%D1%83%D0%B7%D0%B5%D1%98_%D0%BD%D0%B0_%D0%B3%D1%80%D0%B0%D0%B4_%D0%9E%D1%85%D1%80%D0%B8%D0%B4_01.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener">CC BY-SA 3.0</a> (cropped)</figcaption>
</figure>
<h2>A country of many communities</h2>
<p>Macedonia is a multiethnic and multicultural country.</p>
<p>Macedonians, Albanians, Turks, Roma, Serbs, Vlachs, Bosniaks, and other communities have shaped its cities, villages, languages, food, music, and traditions. Different religious buildings often stand within the same urban landscape. In markets and neighbourhoods, several languages can be heard within a short walk.</p>
<p>This diversity is part of everyday life. It creates richness, but it also requires understanding, respect, and honest conversation.</p>
<p>For visitors, it is important not to imagine Macedonia as culturally uniform. The country cannot be explained through one tradition, one dish, one city, or one experience. Every region and community adds another layer.</p>
<p>To know Macedonia better is to become curious about these layers rather than trying to flatten them.</p>
<h2>Music, language, and the feeling of belonging</h2>
<p>Some countries are remembered through images. Macedonia is often remembered through sound.</p>
<p>Music is present at weddings, family celebrations, festivals, restaurants, village gatherings, and ordinary evenings that unexpectedly become lively. A familiar song can change the atmosphere within seconds. Someone begins to sing, another person stands up, and soon an oro forms even when nobody planned it.</p>
<p>The Macedonian language also carries a strong emotional connection for those living abroad. A familiar expression, joke, or accent can immediately make a distant place feel closer to home.</p>
<p>This does not mean that Macedonian culture is fixed in the past. Younger generations mix traditions with contemporary music, art, design, technology, and new ways of expressing identity. The culture continues because people reshape it, not because they keep it untouched.</p>
<p>Belonging is created through this movement between memory and change.</p>
<h2>The Macedonia we carry with us</h2>
<p>For those of us who live abroad, Macedonia often becomes clearer from a distance.</p>
<p>We begin to miss details that once seemed ordinary. The sound of the neighbourhood in the morning. The mountains visible from the city. The way relatives insist on sending food with us. The familiar chaos of a large gathering. The expressions that do not translate perfectly into another language.</p>
<p>Distance can also help us look at home more honestly. Love for a country does not mean pretending that everything is perfect. It means caring enough to see both its beauty and its challenges.</p>
<p>Through MSOS, we carry pieces of Macedonia into our life in Slovenia. We do this through language, food, music, events, friendships, and the stories we share with others. At the same time, living abroad changes how we understand where we come from.</p>
<p>This section is our invitation to discover Macedonia with curiosity. Come for the landscapes, food, history, and culture. Stay long enough to notice the people, conversations, humour, contradictions, and small moments that make it feel alive.</p>
<p>Welcome to Macedonia. There is always room for one more person at the table.</p>
</div>
</article>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>For students</h4>
<a href="#">Blog</a>
<a href="#">Gallery</a>
<a href="#">FAQs</a>
<a href="#">Brochure</a>
</div>
<div class="links-column">
<h4>Projects</h4>
<a href="#">Upcoming</a>
<a href="#">Previous</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="#">About us</a>
<a href="#">Contact</a>
<a href="#">Documentation</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2025 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

View File

@ -0,0 +1,358 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get to know Slovenia - 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="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Get Involved</a>
<ul class="dropdown-menu">
<li><a href="#">Become a member</a></li>
<li><a href="#">Support MSOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="../../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="#">Announcements</a></li>
<li><a href="#">Open calls</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../en/about-us/">Our team</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">What We Do</a>
<ul class="dropdown-menu">
<li><a href="../../en/projects/">Events & Projects</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Get Involved</a>
<ul class="dropdown-menu">
<li><a href="#">Become a member</a></li>
<li><a href="#">Support MSOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="../../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="#">Announcements</a></li>
<li><a href="#">Open calls</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>EN</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Select Language</h3>
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="page-content">
<section class="page-header-section">
<div class="container text-center">
<span class="page-subtitle">A country to discover</span>
<h1>Get to know Slovenia</h1>
<p class="page-description">Slovenia may be small on the map, but there is a lot to discover between the Alps, the Adriatic coast, green rivers, old towns, and quiet places that quickly begin to feel familiar. Through these stories, we share the places, tastes, traditions, and everyday details that helped many of us get to know the country we now also call home.</p>
<form class="subscribe-form">
<input type="email" placeholder="Enter your email">
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
</div>
</section>
<section class="filter-section">
<nav class="filter-nav" aria-label="Story categories">
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">All stories</button>
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Places &amp; Nature</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Culture &amp; Traditions</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Food &amp; Flavours</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">History &amp; Heritage</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">People &amp; Identity</button>
</nav>
</section>
<section class="all-posts-section">
<div class="container column-layout">
<h2>All stories</h2>
<div class="posts-grid">
<!-- Story: Welcome to Slovenia -->
<article class="post-card" data-category="identity">
<a href="welcome-to-slovenia/" class="post-link">
<img src="../../images/slovenia-welcome-hero.jpg" alt="Lake Jasna near Kranjska Gora, with mountain peaks reflected in the water" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • People &amp; Identity</p>
<h3 class="post-title">Welcome to Slovenia</h3>
<p class="post-excerpt">A personal introduction to the landscapes, rhythms, and small everyday details that make Slovenia feel familiar.</p>
</div>
</a>
</article>
<!-- Story: Ljubljana Through Our Eyes -->
<article class="post-card" data-category="places">
<a href="ljubljana-through-our-eyes/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • Places &amp; Nature</p>
<h3 class="post-title">Ljubljana Through Our Eyes</h3>
<p class="post-excerpt">The streets, neighbourhoods, habits, and quiet corners through which Ljubljana became part of our daily lives.</p>
</div>
</a>
</article>
<!-- Story: Lake Bled Beyond the Famous View -->
<article class="post-card" data-category="places">
<a href="lake-bled-beyond-the-famous-view/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • Places &amp; Nature</p>
<h3 class="post-title">Lake Bled Beyond the Famous View</h3>
<p class="post-excerpt">A closer look at the walks, atmosphere, nearby nature, and personal moments hidden beyond Bled's best-known photograph.</p>
</div>
</a>
</article>
<!-- Story: A First Taste of Slovenian Food -->
<article class="post-card" data-category="food">
<a href="a-first-taste-of-slovenian-food/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • Food &amp; Flavours</p>
<h3 class="post-title">A First Taste of Slovenian Food</h3>
<p class="post-excerpt">A warm introduction to dishes, regional flavours, and the food experiences that often stay in our memory.</p>
</div>
</a>
</article>
<!-- Story: Slovenian Habits That May Surprise You -->
<article class="post-card" data-category="culture">
<a href="slovenian-habits-that-may-surprise-you/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • Culture &amp; Traditions</p>
<h3 class="post-title">Slovenian Habits That May Surprise You</h3>
<p class="post-excerpt">The everyday customs and social habits that many newcomers begin to notice after spending time in Slovenia.</p>
</div>
</a>
</article>
<!-- Story: Slovenia's Stories in Stone and Tradition -->
<article class="post-card" data-category="heritage">
<a href="slovenias-stories-in-stone-and-tradition/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Image to be added</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Team • History &amp; Heritage</p>
<h3 class="post-title">Slovenia's Stories in Stone and Tradition</h3>
<p class="post-excerpt">Castles, old towns, crafts, and traditions that reveal how Slovenia's past remains present in everyday life.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>No stories match this filter yet.</p>
<nav class="pagination">
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a>
<div class="pagination-numbers">
<a href="#" class="page-number active">1</a>
</div>
<a href="#" class="pagination-arrow">Next <i class="fas fa-arrow-right"></i></a>
</nav>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>For students</h4>
<a href="#">Blog</a>
<a href="#">Gallery</a>
<a href="#">FAQs</a>
<a href="#">Brochure</a>
</div>
<div class="links-column">
<h4>Projects</h4>
<a href="#">Upcoming</a>
<a href="#">Previous</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="#">About us</a>
<a href="#">Contact</a>
<a href="#">Documentation</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2025 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>

View File

@ -0,0 +1,331 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to Slovenia - MSOS</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/about-us/">Our team</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">What We Do</a>
<ul class="dropdown-menu">
<li><a href="../../../en/projects/">Events & Projects</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Get Involved</a>
<ul class="dropdown-menu">
<li><a href="#">Become a member</a></li>
<li><a href="#">Support MSOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="../../../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="#">Announcements</a></li>
<li><a href="#">Open calls</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../../en/about-us/">Our team</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">What We Do</a>
<ul class="dropdown-menu">
<li><a href="../../../en/projects/">Events & Projects</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Gallery</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Get Involved</a>
<ul class="dropdown-menu">
<li><a href="#">Become a member</a></li>
<li><a href="#">Support MSOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="../../../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="#">Announcements</a></li>
<li><a href="#">Open calls</a></li>
<li><a href="#">Press releases</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>EN</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Select Language</h3>
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
<a href="#" data-lang="mk">Македонски (MK)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<h1>Welcome to Slovenia</h1>
<p class="article-subtitle">A small country of many landscapes, quiet discoveries, and places that slowly begin to feel like home.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/slovenia-welcome-hero.jpg" alt="Lake Jasna near Kranjska Gora, with mountain peaks reflected in the water">
<figcaption>Lake Jasna, near Kranjska Gora. Photo: Denis Sodržnik, <a href="https://travelslovenia.org/denis-sodrznik-photography/" target="_blank" rel="noopener">travelslovenia.org</a></figcaption>
</figure>
<div class="article-body">
<p>When many of us first arrived in Slovenia, we knew the images that usually appear in photographs. We knew about Lake Bled, Ljubljana Castle, green rivers, and mountains covered in snow. What we did not yet know were the smaller things that would become part of our daily lives.</p>
<p>We did not know how quickly a walk beside the Ljubljanica could become a personal routine. We did not know that a short journey could take us from a busy city street to a forest path, a mountain valley, or a town where everything seems to move a little more slowly. We also did not know how many moments would feel new and familiar at the same time.</p>
<p>Slovenia is often introduced through its size, location, or natural beauty. For us, getting to know it has been more personal. It has meant learning the rhythm of its cities, noticing the care people give to nature, tasting food connected to different regions, and gradually finding our own places within the country.</p>
<h2>Many landscapes in one country</h2>
<p>One of the first things that makes Slovenia special is how quickly the landscape changes.</p>
<p>The country lies where the Alpine, Mediterranean, Pannonian, and Dinaric worlds meet. This can sound like a fact from a geography book, but it becomes much more real when you travel through Slovenia. In one direction, the mountains rise above lakes and deep valleys. In another, vineyards and open fields stretch across gentler hills. Further south, the ground opens into caves and karst landscapes. Near the coast, the air, architecture, and light begin to feel Mediterranean.</p>
<p>The distances may be short, but the places do not feel the same. Bled and Bohinj offer two very different experiences of the Alpine landscape. Piran feels different from Maribor. The Soča Valley has its own colours and energy, while the eastern parts of the country carry a quieter rhythm shaped by fields, vineyards, and thermal waters.</p>
<p>This variety makes Slovenia easy to explore slowly. You do not need to see everything at once. The country often rewards returning to the same place in another season, with different weather and a different mood.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-welcome-landscape.jpg" alt="Vineyards and rolling hills in the Slovenian wine country">
<figcaption>Vineyards in Bela krajina and Posavje. Photo: <a href="https://www.slovenia.info/en/things-to-do/food-and-wine/wines-of-slovenia" target="_blank" rel="noopener">slovenia.info</a></figcaption>
</figure>
<h2>A country that reveals itself quietly</h2>
<p>Slovenia does not always try to impress you immediately. Some of its most memorable places are not the loudest ones.</p>
<p>They might be a path beside a river, a small town square early in the morning, a local market, a hill above a village, or a bench with a view that you found by accident. Many of us came to appreciate this quietness. It gives you space to observe, walk, and build your own relationship with a place.</p>
<p>Ljubljana is a good example. The centre can be lively, especially when the terraces are full, but the city also has a calm side. A few streets away, you can find neighbourhoods, parks, and river paths that feel completely different. The city does not ask you to rush through it. It becomes familiar through repetition.</p>
<p>The same is true across the country. Slovenia is full of places that become meaningful because you return to them.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-welcome-ljubljana.jpg" alt="People spending time beside the Ljubljanica River in central Ljubljana">
<figcaption>Ljubljanica River, Ljubljana. Photo: Mankica Kranjec, Nea Culpa, <a href="https://www.slovenia.info" target="_blank" rel="noopener">slovenia.info</a></figcaption>
</figure>
<h2>The rhythm of everyday life</h2>
<p>Every country has small habits that are difficult to notice from the outside.</p>
<p>After spending time in Slovenia, many of us began to recognise a particular rhythm. Plans are often made clearly. Time is respected. Nature is not treated only as something to visit on holiday. It is part of regular life.</p>
<p>On a sunny weekend, hiking paths, cycling routes, lakes, and parks fill with people. A walk can be a social activity, a form of rest, or simply part of the day. Even in the cities, green spaces are never far away.</p>
<p>There is also a certain calmness in everyday interactions. At first, this can feel more reserved than the warmth and spontaneity many of us associate with Macedonia. With time, however, we learned that closeness is expressed differently. It may grow more slowly, but it can become very sincere.</p>
<p>These differences are part of the experience. Getting to know another country also means learning that kindness, friendship, and belonging do not look exactly the same everywhere.</p>
<h2>What felt familiar to us</h2>
<p>Moving between Macedonia and Slovenia also reveals unexpected similarities.</p>
<p>Both countries are small enough for places to feel connected. In both, mountains shape the landscape and the way people spend their free time. Food carries regional stories. Family traditions remain important, even as everyday life becomes more modern. People are proud of where they come from, often through local customs, language, music, and food.</p>
<p>There are differences, of course. That is what makes the experience interesting. Yet many Macedonian students discover that Slovenia does not feel completely distant. Some landscapes bring back memories of home. Certain words sound familiar. A shared meal can create the same feeling of comfort, even when the dishes are different.</p>
<p>Over time, these small connections matter. They make the new country easier to understand without taking away from what makes it distinct.</p>
<h2>Nature is never far away</h2>
<p>It is difficult to speak about Slovenia without speaking about nature.</p>
<p>More than half of the country is covered by forest, and the connection between settlements and the natural landscape is visible almost everywhere. You can feel it when mountains appear at the end of a city street, when a river shapes the centre of a town, or when a forest begins just beyond a residential neighbourhood.</p>
<p>For many of us, this became one of the most valued parts of living in Slovenia. Nature does not always require a large plan. It can be a short walk after a long day, a weekend by a lake, a bicycle ride, or a train journey to a nearby town.</p>
<p>Slovenia encourages you to notice the seasons. Spring changes the rivers and fields. Summer brings long evenings and visits to lakes or the coast. Autumn fills forests and vineyards with colour. Winter transforms the mountains and gives the cities a quieter atmosphere.</p>
<p>The same place can tell a different story every few months.</p>
<h2>A place that becomes part of your story</h2>
<p>No introduction can fully explain a country.</p>
<p>Slovenia is not only Bled, Ljubljana, Triglav, caves, castles, and photographs of green landscapes. It is also the first street you learn without using a map. It is the café where people begin to recognise you. It is a train ride that becomes familiar, a word you finally pronounce correctly, or a place you show to someone who has just arrived.</p>
<p>For the members of our community, Slovenia has become many things. It is where we study, work, build friendships, organise events, and create new memories. For some, it is temporary. For others, it becomes a long-term home. In both cases, it leaves a mark.</p>
<p>Through the stories in this section, we want to show Slovenia as we have come to know it. Not as a checklist of attractions, but as a country made of landscapes, people, traditions, and small moments that stay with you.</p>
<p>Welcome to Slovenia. Take your time getting to know it.</p>
</div>
</article>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>For students</h4>
<a href="#">Blog</a>
<a href="#">Gallery</a>
<a href="#">FAQs</a>
<a href="#">Brochure</a>
</div>
<div class="links-column">
<h4>Projects</h4>
<a href="#">Upcoming</a>
<a href="#">Previous</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="#">About us</a>
<a href="#">Contact</a>
<a href="#">Documentation</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2025 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">
@ -130,8 +130,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<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">

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 237 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 136 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 299 KiB

View File

@ -0,0 +1,358 @@
<!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="#">Блог</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="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</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="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<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="#">Блог</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="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</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="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="page-content">
<section class="page-header-section">
<div class="container text-center">
<span class="page-subtitle">Приказни од дома</span>
<h1>Запознај ја Македонија</h1>
<p class="page-description">Македонија не е само место на картата. Таа е трпеза на која секогаш има место за уште еден човек, музика што нè зближува, планини на хоризонтот и разговори што продолжуваат долго по последното кафе. Ова се местата, традициите, вкусовите и приказните што ги носиме со себе и сакаме да ги споделиме со вас.</p>
<form class="subscribe-form">
<input type="email" placeholder="Внесете ја вашата е-пошта">
<button type="submit" class="btn btn-primary-orange">Претплати се</button>
</form>
<p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
</div>
</section>
<section class="filter-section">
<nav class="filter-nav" aria-label="Категории на приказни">
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">Сите приказни</button>
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Места и природа</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Култура и традиции</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Храна и вкусови</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">Историја и наследство</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">Луѓе и идентитет</button>
</nav>
</section>
<section class="all-posts-section">
<div class="container column-layout">
<h2>Сите приказни</h2>
<div class="posts-grid">
<!-- Story: Добредојдовте во Македонија -->
<article class="post-card" data-category="identity">
<a href="welcome-to-macedonia/" class="post-link">
<img src="../../images/macedonia-welcome-hero.jpg" alt="The Church of St. John at Kaneo above Lake Ohrid" class="post-image">
<div class="post-content">
<p class="post-meta">Тим на МСОС • Луѓе и идентитет</p>
<h3 class="post-title">Добредојдовте во Македонија</h3>
<p class="post-excerpt">Личен вовед во топлината, контрастите, природата и секојдневните моменти поради кои Македонија е дом.</p>
</div>
</a>
</article>
<!-- Story: Охрид, повеќе од разгледница -->
<article class="post-card" data-category="places">
<a href="ohrid-more-than-a-postcard/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Места и природа</p>
<h3 class="post-title">Охрид, повеќе од разгледница</h3>
<p class="post-excerpt">Езерото, старите улици, маалата, звуците и спомените поради кои Охрид е многу повеќе од убава глетка.</p>
</div>
</a>
</article>
<!-- Story: Скопје, град со многу слоеви -->
<article class="post-card" data-category="places">
<a href="skopje-a-city-of-many-layers/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Места и природа</p>
<h3 class="post-title">Скопје, град со многу слоеви</h3>
<p class="post-excerpt">Град обликуван од различни периоди, маала, заедници и контрасти што живеат едни покрај други.</p>
</div>
</a>
</article>
<!-- Story: Македонија на полна трпеза -->
<article class="post-card" data-category="food">
<a href="a-table-full-of-macedonia/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Храна и вкусови</p>
<h3 class="post-title">Македонија на полна трпеза</h3>
<p class="post-excerpt">Јадењата, вкусовите, разговорите и гостопримството поради кои заедничкиот оброк станува нешто многу поголемо.</p>
</div>
</a>
</article>
<!-- Story: Музика, оро и моментите што нè спојуваат -->
<article class="post-card" data-category="culture">
<a href="music-dance-and-the-moments-that-bring-us-together/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Култура и традиции</p>
<h3 class="post-title">Музика, оро и моментите што нè спојуваат</h3>
<p class="post-excerpt">Како песните, орото, прославите и познатите ритми создаваат чувство на припадност низ генерациите.</p>
</div>
</a>
</article>
<!-- Story: Историја низ која сè уште можеме да чекориме -->
<article class="post-card" data-category="heritage">
<a href="history-you-can-still-walk-through/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Историја и наследство</p>
<h3 class="post-title">Историја низ која сè уште можеме да чекориме</h3>
<p class="post-excerpt">Антички локалитети, стари чаршии, цркви, манастири и градови во кои македонската историја сè уште се чувствува блиску.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>Ниту една приказна сè уште не одговара на овој филтер.</p>
<nav class="pagination">
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Претходна</a>
<div class="pagination-numbers">
<a href="#" class="page-number active">1</a>
</div>
<a href="#" class="pagination-arrow">Следна <i class="fas fa-arrow-right"></i></a>
</nav>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>

View File

@ -0,0 +1,353 @@
<!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="#">Блог</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="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</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="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<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="#">Блог</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="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</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="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<h1>Добредојдовте во Македонија</h1>
<p class="article-subtitle">Земја на планини, отворени трпези, долги разговори и приказни што остануваат блиску каде и да одиме.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/macedonia-welcome-hero.jpg" alt="The Church of St. John at Kaneo above Lake Ohrid">
<figcaption>Црквата Св. Јован Канео, Охрид. Фото: <a href="https://www.ciconiatravel.com/2019/11/08/15-fantastic-facts-about-macedonia/" target="_blank" rel="noopener">ciconiatravel.com</a></figcaption>
</figure>
<div class="article-body">
<p>Постојат многу начини да се претстави Македонија.</p>
<p>Можеме да започнеме со планините што го обликуваат речиси секој хоризонт. Можеме да започнеме со Охрид, каде што езерото ја менува бојата во текот на денот, а стариот град носи векови историја во своите улици. Можеме да започнеме со Скопје, град на различни маала, архитектонски слоеви, јазици и заедници.</p>
<p>Но за многумина од нас, Македонија започнува со нешто полично.</p>
<p>Започнува кога некој ќе нè праша дали сме јаделе, уште пред да нè праша зошто сме дошле. Започнува со кафе што трае многу подолго од планираното, со трпеза на која некако секогаш има место за уште еден гостин, со музика што ја менува енергијата во целата просторија и со разговори во кои луѓето зборуваат со рацете, лицето и целото срце.</p>
<p>Македонија е земјата од која доаѓаме, но таа е и чувството што го носиме со себе. Преку овие приказни сакаме да ја претставиме онака како што ние ја познаваме. Не само преку познатите места, туку и преку деталите што им даваат значење.</p>
<h2>Земја на блиски растојанија и силни контрасти</h2>
<p>Македонија се наоѓа во Југоисточна Европа, во централниот дел на Балканскиот Полуостров. Нема море, но водата сепак има важно место во начинот на кој луѓето ја доживуваат и замислуваат земјата.</p>
<p>Охридското, Преспанското и Дојранското Езеро не се само точки на карта. Тие се места поврзани со летни спомени, семејни патувања, храна, музика и локален идентитет. Планините се исто толку присутни. Тие ги опкружуваат градовите, ги делат регионите, влијаат врз климата и создаваат постојано чувство дека природата е блиску.</p>
<p>Пределот може брзо да се промени. Од прометните улици на Скопје, патот може да нè однесе кон зелените падини и селата на Маврово, широката Пелагониска Рамнина, лозјата во Повардарието, старите камени куќи на Крушево или помирните источни градови опкружени со полиња и планини.</p>
<p>Овие места не раскажуваат една иста приказна. Македонија е составена од регионални разлики, локална гордост, говори, рецепти, предели и спомени. Нејзината големина не ја прави едноставна. Само ни овозможува побрзо да ги сретнеме нејзините контрасти.</p>
<h2>Првото добредојде обично е лично</h2>
<p>Гостопримството е една од особините што најчесто се поврзуваат со Македонија, но тешко е да се разбере само како збор.</p>
<p>Се гледа во малото инсистирање гостинот да касне нешто. Се гледа во чинијата што ќе се појави на масата иако сме кажале дека не сме гладни. Се гледа во начинот на кој една кратка посета се претвора во цела вечер. Се гледа и во прашањата што луѓето ги поставуваат, понекогаш со љубопитност што може да изненади некој што доаѓа првпат.</p>
<p>Оваа топлина не е наменета само за туристи. Таа е дел од семејниот живот, пријателствата, маалата и начинот на кој многу луѓе ја разбираат грижата. Да се понуди храна, кафе, совет или време често значи некому да му се каже дека е добредојден.</p>
<p>Секако, не се сите луѓе и домови исти. Македонија е разновидна, а нејзините заедници го изразуваат гостопримството на различни начини. Сепак, многумина од нас пораснале со чувството дека гостинот не треба да замине незабележан или гладен.</p>
<p>Затоа нашите спомени од домот толку често се поврзани со луѓето, а не само со местата.</p>
<figure class="article-inline-image">
<img src="../../../images/macedonia-welcome-hospitality.jpg" alt="A traditional Macedonian table filled with local dishes">
<figcaption>Традиционална македонска трпеза. Фото: Youth Empowered, <a href="https://commons.wikimedia.org/wiki/File:%D0%A2%D1%80%D0%B0%D0%B4%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D0%BD%D0%B0_%D0%BC%D0%B0%D0%BA%D0%B5%D0%B4%D0%BE%D0%BD%D1%81%D0%BA%D0%B0_%D1%82%D1%80%D0%BF%D0%B5%D0%B7%D0%B0_8.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC BY-SA 4.0</a> (исечена)</figcaption>
</figure>
<h2>Храната е начин да бидеме заедно</h2>
<p>Македонската храна заслужува свои приказни и ќе ги добие во овој дел. Сепак, храната не може да се оддели од начинот на кој луѓето го поминуваат времето заедно.</p>
<p>Оброкот ретко служи само за јадење. Тој е причина да се собереме, да почекаме некој што доцни, да разговараме за она што се случило во текот на неделата, повторно да раскажеме стара семејна приказна и да продолжиме да седиме долго откако чиниите ќе останат празни.</p>
<p>Различните региони носат различни јадења и вкусови. Тавче гравче, ајвар, шопска салата, пастрмајлија, бурек, месо на скара, полнети пиперки, локални сирења и домашни печива можат да се појават во различни комбинации. Она што често останува исто е дарежливоста на трпезата.</p>
<p>Најдобриот вовед во македонската храна не е список на јадења. Тоа е искуството кога некој ни вели да земеме уште една порција, а потоа уште една, додека разговорот околу нас продолжува.</p>
<p>Во Македонија, храната често станува јазик на љубовта.</p>
<h2>Историјата останува дел од пределот</h2>
<p>Историјата во Македонија не е ограничена само на музеите и книгите. Таа се гледа во улиците, верските објекти, археолошките локалитети, старите чаршии, спомениците и начинот на кој градовите се развивале низ времето.</p>
<p>Старата скопска чаршија носи траги од различни периоди и заедници. Во Охрид, црквите, традиционалните куќи и езерскиот предел создаваат место што е меѓународно признаено по своето природно и културно наследство. Низ земјата се наоѓаат манастири во планини и долини, често на места каде што и самото патување е дел од доживувањето.</p>
<p>Постојат и антички локалитети, османлиска архитектура, спомен куќи, традиционални занаети и градови чиј идентитет е тесно поврзан со важни моменти од историјата на земјата.</p>
<p>Ова наследство е богато, но може да биде и сложено. Тоа им припаѓа на различни заедници и периоди и треба да се претставува внимателно, наместо да се сведе на неколку драматични реченици.</p>
<p>Најзначајно го запознаваме полека, преку пешачење, слушање и дозволување едно место да ни раскаже повеќе од една приказна.</p>
<figure class="article-inline-image">
<img src="../../../images/macedonia-welcome-heritage.jpg" alt="The Robevci Family House in the old town of Ohrid">
<figcaption>Куќата на семејството Робевци, Охрид. Фото: Silfiriel, <a href="https://commons.wikimedia.org/wiki/File:%D0%9A%D1%83%D1%9C%D0%B0%D1%82%D0%B0_%D0%BD%D0%B0_%D0%A0%D0%BE%D0%B1%D0%B5%D0%B2%D1%86%D0%B8_-_%D0%9C%D1%83%D0%B7%D0%B5%D1%98_%D0%BD%D0%B0_%D0%B3%D1%80%D0%B0%D0%B4_%D0%9E%D1%85%D1%80%D0%B8%D0%B4_01.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener">CC BY-SA 3.0</a> (исечена)</figcaption>
</figure>
<h2>Земја на многу заедници</h2>
<p>Македонија е мултиетничка и мултикултурна земја.</p>
<p>Македонците, Албанците, Турците, Ромите, Србите, Власите, Бошњаците и другите заедници ги обликувале нејзините градови, села, јазици, храна, музика и традиции. Различни верски објекти често стојат во истиот градски простор. На пазарите и во маалата може да се слушнат повеќе јазици во текот на една кратка прошетка.</p>
<p>Оваа разновидност е дел од секојдневието. Таа создава богатство, но бара и разбирање, почит и искрен разговор.</p>
<p>За посетителите е важно Македонија да не се замислува како културно еднолична. Земјата не може да се објасни преку една традиција, едно јадење, еден град или едно искуство. Секој регион и секоја заедница додаваат нов слој.</p>
<p>Да ја запознаеме Македонија подобро значи да станеме љубопитни за овие слоеви, наместо да се обидуваме да ги поедноставиме.</p>
<h2>Музиката, јазикот и чувството на припадност</h2>
<p>Некои земји ги паметиме преку слики. Македонија често ја паметиме преку звук.</p>
<p>Музиката е присутна на свадби, семејни прослави, фестивали, во ресторани, на селски собири и во обични вечери што неочекувано стануваат весели. Позната песна може да ја промени атмосферата за неколку секунди. Некој почнува да пее, друг станува, а набрзо се формира оро иако никој не го планирал.</p>
<p>Македонскиот јазик има и силна емоционална вредност за луѓето што живеат во странство. Познат израз, шега или акцент може веднаш да направи далечно место да изгледа поблиску до домот.</p>
<p>Ова не значи дека македонската култура е заглавена во минатото. Помладите генерации ги мешаат традициите со современа музика, уметност, дизајн, технологија и нови начини на изразување на идентитетот. Културата продолжува затоа што луѓето ја преобразуваат, а не затоа што ја чуваат недопрена.</p>
<p>Припадноста се создава токму во ова движење меѓу спомените и промените.</p>
<h2>Македонија што ја носиме со себе</h2>
<p>За оние од нас што живеат во странство, Македонија често станува појасна од далечина.</p>
<p>Почнуваме да ни недостигаат детали што порано изгледале сосема обично. Звукот на маалото наутро. Планините што се гледаат од градот. Начинот на кој роднините инсистираат да понесеме храна со нас. Познатиот хаос на голем семеен собир. Изразите што не можат совршено да се преведат на друг јазик.</p>
<p>Далечината ни помага и поискрено да го гледаме домот. Да ја сакаме земјата не значи да се преправаме дека сè е совршено. Тоа значи дека ни е доволно важна за да ги видиме и нејзината убавина и нејзините предизвици.</p>
<p>Преку МСОС носиме делови од Македонија во нашиот живот во Словенија. Тоа го правиме преку јазикот, храната, музиката, настаните, пријателствата и приказните што ги споделуваме со другите. Во исто време, животот во странство го менува начинот на кој го разбираме местото од кое доаѓаме.</p>
<p>Овој дел е наша покана да ја откриете Македонија со љубопитност. Дојдете поради природата, храната, историјата и културата. Останете доволно долго за да ги забележите луѓето, разговорите, хуморот, противречностите и малите моменти што ја прават жива.</p>
<p>Добредојдовте во Македонија. На трпезата секогаш има место за уште еден човек.</p>
</div>
</article>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

View File

@ -0,0 +1,358 @@
<!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="#">Блог</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="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</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="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<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="#">Блог</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="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</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="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="page-content">
<section class="page-header-section">
<div class="container text-center">
<span class="page-subtitle">Земја што вреди да се открие</span>
<h1>Запознај ја Словенија</h1>
<p class="page-description">Словенија можеби е мала на картата, но меѓу Алпите, Јадранското Море, зелените реки, старите градови и мирните места има многу што да се открие. Преку овие приказни ги споделуваме местата, вкусовите, традициите и секојдневните детали преку кои и ние ја запознавме земјата што денес ја нарекуваме и свој дом.</p>
<form class="subscribe-form">
<input type="email" placeholder="Внесете ја вашата е-пошта">
<button type="submit" class="btn btn-primary-orange">Претплати се</button>
</form>
<p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
</div>
</section>
<section class="filter-section">
<nav class="filter-nav" aria-label="Категории на приказни">
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">Сите приказни</button>
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Места и природа</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Култура и традиции</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Храна и вкусови</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">Историја и наследство</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">Луѓе и идентитет</button>
</nav>
</section>
<section class="all-posts-section">
<div class="container column-layout">
<h2>Сите приказни</h2>
<div class="posts-grid">
<!-- Story: Добредојдовте во Словенија -->
<article class="post-card" data-category="identity">
<a href="welcome-to-slovenia/" class="post-link">
<img src="../../images/slovenia-welcome-hero.jpg" alt="Lake Jasna near Kranjska Gora, with mountain peaks reflected in the water" class="post-image">
<div class="post-content">
<p class="post-meta">Тим на МСОС • Луѓе и идентитет</p>
<h3 class="post-title">Добредојдовте во Словенија</h3>
<p class="post-excerpt">Личен вовед во природата, ритамот и малите секојдневни детали поради кои Словенија брзо станува блиска.</p>
</div>
</a>
</article>
<!-- Story: Љубљана низ нашите очи -->
<article class="post-card" data-category="places">
<a href="ljubljana-through-our-eyes/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Места и природа</p>
<h3 class="post-title">Љубљана низ нашите очи</h3>
<p class="post-excerpt">Улиците, населбите, навиките и мирните места преку кои Љубљана стана дел од нашето секојдневие.</p>
</div>
</a>
</article>
<!-- Story: Блед, повеќе од познатата глетка -->
<article class="post-card" data-category="places">
<a href="lake-bled-beyond-the-famous-view/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Места и природа</p>
<h3 class="post-title">Блед, повеќе од познатата глетка</h3>
<p class="post-excerpt">Прошетките, атмосферата, блиската природа и личните моменти што се кријат зад најпознатата слика од Блед.</p>
</div>
</a>
</article>
<!-- Story: Првиот вкус на словенечката кујна -->
<article class="post-card" data-category="food">
<a href="a-first-taste-of-slovenian-food/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Храна и вкусови</p>
<h3 class="post-title">Првиот вкус на словенечката кујна</h3>
<p class="post-excerpt">Топол вовед во јадењата, регионалните вкусови и гастрономските искуства што често остануваат во сеќавање.</p>
</div>
</a>
</article>
<!-- Story: Словенечки навики што можеби ќе ве изненадат -->
<article class="post-card" data-category="culture">
<a href="slovenian-habits-that-may-surprise-you/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Култура и традиции</p>
<h3 class="post-title">Словенечки навики што можеби ќе ве изненадат</h3>
<p class="post-excerpt">Секојдневните навики и општествените обичаи што многу новодојденци почнуваат да ги забележуваат во Словенија.</p>
</div>
</a>
</article>
<!-- Story: Приказните на Словенија во камен и традиција -->
<article class="post-card" data-category="heritage">
<a href="slovenias-stories-in-stone-and-tradition/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Слика ќе се додаде</span>
</div>
<div class="post-content">
<p class="post-meta">Тим на МСОС • Историја и наследство</p>
<h3 class="post-title">Приказните на Словенија во камен и традиција</h3>
<p class="post-excerpt">Замоците, старите градови, занаетите и традициите преку кои словенечкото минато останува присутно во секојдневниот живот.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>Ниту една приказна сè уште не одговара на овој филтер.</p>
<nav class="pagination">
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Претходна</a>
<div class="pagination-numbers">
<a href="#" class="page-number active">1</a>
</div>
<a href="#" class="pagination-arrow">Следна <i class="fas fa-arrow-right"></i></a>
</nav>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>

View File

@ -0,0 +1,331 @@
<!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="#">Блог</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="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</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="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<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="#">Блог</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="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</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="#">Соопштенија</a></li>
<li><a href="#">Отворени повици</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="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<h1>Добредојдовте во Словенија</h1>
<p class="article-subtitle">Мала земја со многу различни предели, тивки откритија и места што полека почнуваат да се чувствуваат како дом.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/slovenia-welcome-hero.jpg" alt="Lake Jasna near Kranjska Gora, with mountain peaks reflected in the water">
<figcaption>Езеро Јасна, кај Крањска Гора. Фото: Denis Sodržnik, <a href="https://travelslovenia.org/denis-sodrznik-photography/" target="_blank" rel="noopener">travelslovenia.org</a></figcaption>
</figure>
<div class="article-body">
<p>Кога многумина од нас првпат пристигнаа во Словенија, ги познававме сликите што најчесто се појавуваат на фотографиите. Знаевме за Бледското Езеро, Љубљанскиот замок, зелените реки и планините покриени со снег. Сè уште не ги знаевме малите нешта што подоцна ќе станат дел од нашето секојдневие.</p>
<p>Не знаевме колку брзо прошетката покрај Љубљаница може да стане лична рутина. Не знаевме дека едно кратко патување може да нè однесе од прометна градска улица до шумска патека, планинска долина или место каде што животот изгледа малку побавен. Не знаевме ниту колку моменти ќе ни изгледаат нови и познати во исто време.</p>
<p>Словенија често се претставува преку својата големина, местоположба или природна убавина. За нас, нејзиното запознавање беше многу полично. Тоа значеше да го почувствуваме ритамот на градовите, да ја забележиме грижата кон природата, да пробаме храна поврзана со различни региони и постепено да пронајдеме свое место во земјата.</p>
<h2>Многу различни предели во една земја</h2>
<p>Едно од првите нешта што ја прават Словенија посебна е брзината со која се менува природата.</p>
<p>Земјата се наоѓа на пресекот на алпскиот, медитеранскиот, панонскиот и динарскиот свет. Ова можеби звучи како податок од учебник по географија, но станува многу пореално кога ќе почнеме да патуваме низ Словенија. Во еден правец, планините се издигнуваат над езерата и длабоките долини. На друго место, лозја и отворени полиња се протегаат по поблаги ридови. Кон југ, земјата се отвора во пештери и карстни предели. Покрај морето, воздухот, архитектурата и светлината веќе имаат медитеранско чувство.</p>
<p>Растојанијата можеби се кратки, но местата не изгледаат исто. Блед и Бохињ нудат две различни доживувања на алпската природа. Пиран е сосема поинаков од Марибор. Долината на Соча има свои бои и енергија, додека источните делови од земјата имаат помирен ритам создаден од полињата, лозјата и термалните води.</p>
<p>Токму оваа разновидност овозможува Словенија да се открива полека. Не мора сè да се види одеднаш. Често вреди да се вратиме на истото место во друга сезона, со поинакво време и поинакво расположение.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-welcome-landscape.jpg" alt="Vineyards and rolling hills in the Slovenian wine country">
<figcaption>Лозја во Бела краина и Посавје. Фото: <a href="https://www.slovenia.info/en/things-to-do/food-and-wine/wines-of-slovenia" target="_blank" rel="noopener">slovenia.info</a></figcaption>
</figure>
<h2>Земја што се открива тивко</h2>
<p>Словенија не се обидува секогаш да нè воодушеви веднаш. Некои од најубавите места не се и најгласните.</p>
<p>Тоа може да биде патека покрај река, мал градски плоштад рано наутро, локален пазар, рид над некое село или клупа со поглед што случајно сме ја пронашле. Многумина од нас научија да ја ценат оваа тишина. Таа ни дава простор да набљудуваме, да пешачиме и да изградиме сопствен однос со некое место.</p>
<p>Љубљана е добар пример. Центарот може да биде жив, особено кога терасите се полни, но градот има и мирна страна. Само неколку улици подалеку се наоѓаат населби, паркови и патеки покрај реката што имаат сосема поинакво чувство. Градот не бара да брзаме низ него. Тој станува близок преку повторувањето.</p>
<p>Истото важи и за многу други места во земјата. Словенија е полна со места што стануваат значајни затоа што повторно им се враќаме.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-welcome-ljubljana.jpg" alt="People spending time beside the Ljubljanica River in central Ljubljana">
<figcaption>Река Љубљаница, Љубљана. Фото: Mankica Kranjec, Nea Culpa, <a href="https://www.slovenia.info" target="_blank" rel="noopener">slovenia.info</a></figcaption>
</figure>
<h2>Ритамот на секојдневниот живот</h2>
<p>Секоја земја има мали навики што тешко се забележуваат однадвор.</p>
<p>Откако поминавме повеќе време во Словенија, многумина од нас почнаа да препознаваат посебен ритам. Договорите често се јасни. Времето се почитува. Природата не се доживува само како место што се посетува за време на одмор, туку како дел од редовниот живот.</p>
<p>За време на сончев викенд, планинарските патеки, велосипедските рути, езерата и парковите се полни со луѓе. Прошетката може да биде дружење, одмор или едноставно дел од денот. Дури и во градовите, зелените површини никогаш не се далеку.</p>
<p>Постои и одредена смиреност во секојдневната комуникација. На почетокот, таа може да изгледа порезервирано од топлината и спонтаноста што многумина од нас ја поврзуваат со Македонија. Со текот на времето научивме дека блискоста се изразува на различни начини. Можеби се создава побавно, но може да биде многу искрена.</p>
<p>И овие разлики се дел од искуството. Да запознаеме друга земја значи и да разбереме дека добрината, пријателството и припадноста не изгледаат исто насекаде.</p>
<h2>Она што ни изгледаше познато</h2>
<p>Животот меѓу Македонија и Словенија открива и неочекувани сличности.</p>
<p>Двете земји се доволно мали за местата да се чувствуваат поврзани. Во двете, планините силно влијаат врз пределот и начинот на кој луѓето го поминуваат слободното време. Храната носи приказни од различни региони. Семејните традиции остануваат важни и покрај тоа што секојдневието станува сè посовремено. Луѓето се горди на местото од кое потекнуваат, а тоа често се гледа преку локалните обичаи, јазикот, музиката и храната.</p>
<p>Секако, постојат разлики. Токму тие го прават искуството интересно. Сепак, многу македонски студенти откриваат дека Словенија не изгледа целосно далечна. Некои предели потсетуваат на домот. Одредени зборови звучат познато. Заедничкиот оброк може да го создаде истото чувство на удобност иако јадењата се различни.</p>
<p>Со текот на времето, овие мали поврзувања стануваат важни. Тие ни помагаат да ја разбереме новата земја без да го избришат она што ја прави посебна.</p>
<h2>Природата е секогаш блиску</h2>
<p>Тешко е да се зборува за Словенија без да се зборува за природата.</p>
<p>Повеќе од половина од земјата е покриена со шуми, а врската меѓу населените места и природниот предел се гледа речиси насекаде. Ја чувствуваме кога планините се појавуваат на крајот од некоја градска улица, кога реката го обликува центарот на градот или кога шумата започнува веднаш зад станбена населба.</p>
<p>За многумина од нас, ова стана еден од највредните делови од живеењето во Словенија. Природата не бара секогаш голем план. Таа може да биде кратка прошетка по долг ден, викенд покрај езеро, возење велосипед или патување со воз до блиско место.</p>
<p>Словенија нè поттикнува да ги забележуваме годишните времиња. Пролетта ги менува реките и полињата. Летото носи долги вечери и посети на езерата или морето. Есента ги обојува шумите и лозјата. Зимата ги преобразува планините и им дава помирна атмосфера на градовите.</p>
<p>Истото место може да раскажува поинаква приказна на секои неколку месеци.</p>
<h2>Место што станува дел од нашата приказна</h2>
<p>Ниту еден вовед не може целосно да објасни една земја.</p>
<p>Словенија не се само Блед, Љубљана, Триглав, пештерите, замоците и фотографиите од зелени предели. Таа е и првата улица што ќе ја научиме без карта. Таа е кафулето во кое луѓето почнуваат да нè препознаваат. Таа е патувањето со воз што станува познато, зборот што конечно правилно ќе го изговориме или местото што ќе му го покажеме на некој што штотуку пристигнал.</p>
<p>За членовите на нашата заедница, Словенија стана многу нешта. Тука студираме, работиме, градиме пријателства, организираме настани и создаваме нови спомени. За некои, таа е привремена станица. За други, станува долгорочен дом. Во двата случаи остава трага.</p>
<p>Преку приказните во овој дел сакаме да ја покажеме Словенија онака како што ние ја запознавме. Не како список на знаменитости, туку како земја составена од предели, луѓе, традиции и мали моменти што остануваат со нас.</p>
<p>Добредојдовте во Словенија. Дајте си време да ја запознаете.</p>
</div>
</article>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>За студенти</h4>
<a href="#">Блог</a>
<a href="#">Галерија</a>
<a href="#">ЧПП</a>
<a href="#">Брошура</a>
</div>
<div class="links-column">
<h4>Проекти</h4>
<a href="#">Претстојни</a>
<a href="#">Претходни</a>
</div>
<div class="links-column">
<h4>Организација</h4>
<a href="#">За нас</a>
<a href="#">Контакт</a>
<a href="#">Документација</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© МСОС орг 2023 Сите права се задржани.</p>
<div class="legal-links">
<a href="#">Политика за приватност</a>
<a href="#">Политика за колачиња</a>
<a href="#">Правни услови</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -58,8 +58,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">
@ -130,8 +130,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</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">

View File

@ -0,0 +1,358 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spoznaj Makedonijo - MSOS</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../si/" class="logo-link">
<img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="page-content">
<section class="page-header-section">
<div class="container text-center">
<span class="page-subtitle">Zgodbe iz našega doma</span>
<h1>Spoznaj Makedonijo</h1>
<p class="page-description">Makedonija ni le kraj na zemljevidu. Je miza, za katero se vedno najde prostor še za enega človeka, glasba, ki nas povezuje, gore na obzorju in pogovori, ki se nadaljujejo še dolgo po zadnji kavi. To so kraji, tradicije, okusi in zgodbe, ki jih nosimo s seboj in jih želimo deliti z vami.</p>
<form class="subscribe-form">
<input type="email" placeholder="Vnesite svoj e-mail">
<button type="submit" class="btn btn-primary-orange">Naroči se</button>
</form>
<p class="privacy-note">Skrbimo za vaše podatke v naši <a href="#">politiki zasebnosti</a>.</p>
</div>
</section>
<section class="filter-section">
<nav class="filter-nav" aria-label="Kategorije zgodb">
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">Vse zgodbe</button>
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Kraji in narava</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Kultura in tradicije</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Hrana in okusi</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">Zgodovina in dediščina</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">Ljudje in identiteta</button>
</nav>
</section>
<section class="all-posts-section">
<div class="container column-layout">
<h2>Vse zgodbe</h2>
<div class="posts-grid">
<!-- Story: Dobrodošli v Makedoniji -->
<article class="post-card" data-category="identity">
<a href="welcome-to-macedonia/" class="post-link">
<img src="../../images/macedonia-welcome-hero.jpg" alt="The Church of St. John at Kaneo above Lake Ohrid" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Ljudje in identiteta</p>
<h3 class="post-title">Dobrodošli v Makedoniji</h3>
<p class="post-excerpt">Osebna predstavitev topline, kontrastov, pokrajin in vsakdanjih trenutkov, zaradi katerih je Makedonija dom.</p>
</div>
</a>
</article>
<!-- Story: Ohrid, več kot razglednica -->
<article class="post-card" data-category="places">
<a href="ohrid-more-than-a-postcard/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Kraji in narava</p>
<h3 class="post-title">Ohrid, več kot razglednica</h3>
<p class="post-excerpt">Jezero, stare ulice, soseske, zvoki in spomini, zaradi katerih je Ohrid veliko več kot lep razgled.</p>
</div>
</a>
</article>
<!-- Story: Skopje, mesto mnogih plasti -->
<article class="post-card" data-category="places">
<a href="skopje-a-city-of-many-layers/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Kraji in narava</p>
<h3 class="post-title">Skopje, mesto mnogih plasti</h3>
<p class="post-excerpt">Mesto, ki so ga oblikovala različna obdobja, soseske, skupnosti in kontrasti, ki živijo drug ob drugem.</p>
</div>
</a>
</article>
<!-- Story: Okusi Makedonije za skupno mizo -->
<article class="post-card" data-category="food">
<a href="a-table-full-of-macedonia/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Hrana in okusi</p>
<h3 class="post-title">Okusi Makedonije za skupno mizo</h3>
<p class="post-excerpt">Jedi, okusi, pogovori in gostoljubnost, zaradi katerih skupen obrok postane nekaj veliko večjega.</p>
</div>
</a>
</article>
<!-- Story: Glasba, ples in trenutki, ki nas povezujejo -->
<article class="post-card" data-category="culture">
<a href="music-dance-and-the-moments-that-bring-us-together/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Kultura in tradicije</p>
<h3 class="post-title">Glasba, ples in trenutki, ki nas povezujejo</h3>
<p class="post-excerpt">Kako pesmi, oro, praznovanja in znani ritmi ustvarjajo občutek pripadnosti med generacijami.</p>
</div>
</a>
</article>
<!-- Story: Zgodovina, skozi katero se lahko sprehodite -->
<article class="post-card" data-category="heritage">
<a href="history-you-can-still-walk-through/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Zgodovina in dediščina</p>
<h3 class="post-title">Zgodovina, skozi katero se lahko sprehodite</h3>
<p class="post-excerpt">Antična najdišča, stare čaršije, cerkve, samostani in mesta, kjer je zgodovina Makedonije še vedno blizu.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>Nobena zgodba še ne ustreza temu filtru.</p>
<nav class="pagination">
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Prejšnja</a>
<div class="pagination-numbers">
<a href="#" class="page-number active">1</a>
</div>
<a href="#" class="pagination-arrow">Naslednja <i class="fas fa-arrow-right"></i></a>
</nav>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>

View File

@ -0,0 +1,353 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dobrodošli v Makedoniji - MSOS</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<h1>Dobrodošli v Makedoniji</h1>
<p class="article-subtitle">Dežela gora, odprtih miz, dolgih pogovorov in zgodb, ki ostanejo blizu, kamorkoli gremo.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/macedonia-welcome-hero.jpg" alt="The Church of St. John at Kaneo above Lake Ohrid">
<figcaption>Cerkev sv. Janeza v Kanevu, Ohrid. Foto: <a href="https://www.ciconiatravel.com/2019/11/08/15-fantastic-facts-about-macedonia/" target="_blank" rel="noopener">ciconiatravel.com</a></figcaption>
</figure>
<div class="article-body">
<p>Makedonijo lahko predstavimo na veliko načinov.</p>
<p>Začnemo lahko z gorami, ki oblikujejo skoraj vsako obzorje. Začnemo lahko z Ohridom, kjer jezero čez dan spreminja barvo, staro mestno jedro pa v svojih ulicah nosi stoletja zgodovine. Začnemo lahko s Skopjem, mestom različnih sosesk, arhitekturnih plasti, jezikov in skupnosti.</p>
<p>Za mnoge med nami pa se Makedonija začne z nečim bolj osebnim.</p>
<p>Začne se, ko nas nekdo vpraša, ali smo že jedli, še preden vpraša, zakaj smo prišli. Začne se s kavo, ki traja veliko dlje, kot smo načrtovali, z mizo, za katero se vedno najde prostor še za enega gosta, z glasbo, ki spremeni razpoloženje celotnega prostora, in s pogovori, v katerih ljudje govorijo z rokami, obrazom in vsem srcem.</p>
<p>Makedonija je država, iz katere prihajamo, vendar je tudi občutek, ki ga nosimo s seboj. S temi zgodbami jo želimo predstaviti tako, kot jo poznamo sami. Ne le skozi znamenite kraje, ampak skozi podrobnosti, zaradi katerih so ti kraji pomembni.</p>
<h2>Majhne razdalje in močni kontrasti</h2>
<p>Makedonija leži v jugovzhodni Evropi, v osrednjem delu Balkanskega polotoka. Nima morja, vendar ima voda kljub temu pomembno mesto v načinu, kako ljudje državo doživljajo in si jo predstavljajo.</p>
<p>Ohridsko, Prespansko in Dojransko jezero niso le točke na zemljevidu. Povezana so s poletnimi spomini, družinskimi izleti, hrano, glasbo in lokalno identiteto. Enako pomembne so gore. Obdajajo mesta, ločujejo regije, vplivajo na podnebje in ustvarjajo stalen občutek, da je narava blizu.</p>
<p>Pokrajina se lahko hitro spremeni. Iz živahnih skopskih ulic nas pot lahko odpelje proti zelenim pobočjem in vasem Mavrova, široki Pelagonijski ravnini, vinogradom ob Vardarju, starim kamnitim hišam Kruševa ali mirnejšim vzhodnim mestom med polji in gorami.</p>
<p>Ti kraji ne pripovedujejo ene same zgodbe. Makedonijo sestavljajo regionalne razlike, lokalni ponos, govori, recepti, pokrajine in spomini. Njena majhnost ne pomeni, da je preprosta. Pomeni le, da njene kontraste hitreje srečamo.</p>
<h2>Prva dobrodošlica je navadno osebna</h2>
<p>Gostoljubnost je ena od lastnosti, ki jih najpogosteje povezujemo z Makedonijo, vendar jo je težko razumeti le kot besedo.</p>
<p>Vidimo jo v vztrajanju, da mora gost nekaj pojesti. Je v krožniku, ki se znajde na mizi, tudi ko smo rekli, da nismo lačni. Je v načinu, kako se kratek obisk spremeni v cel večer. Je tudi v vprašanjih, ki jih ljudje zastavljajo, včasih z mero radovednosti, ki lahko obiskovalca sprva preseneti.</p>
<p>Ta toplina ni namenjena le turistom. Je del družinskega življenja, prijateljstev, sosesk in načina, kako mnogi ljudje razumejo skrb za druge. Ponuditi hrano, kavo, nasvet ali čas je pogosto način, kako nekomu povemo, da je dobrodošel.</p>
<p>Seveda niso vsi ljudje in vsa gospodinjstva enaki. Makedonija je raznolika in njene skupnosti gostoljubnost izražajo na različne načine. Kljub temu smo mnogi odrasli z občutkom, da gost ne sme oditi neopazno ali lačen.</p>
<p>Zato so naši spomini na dom tako pogosto povezani z ljudmi in ne le s kraji.</p>
<figure class="article-inline-image">
<img src="../../../images/macedonia-welcome-hospitality.jpg" alt="A traditional Macedonian table filled with local dishes">
<figcaption>Tradicionalna makedonska miza. Foto: Youth Empowered, <a href="https://commons.wikimedia.org/wiki/File:%D0%A2%D1%80%D0%B0%D0%B4%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D0%BD%D0%B0_%D0%BC%D0%B0%D0%BA%D0%B5%D0%B4%D0%BE%D0%BD%D1%81%D0%BA%D0%B0_%D1%82%D1%80%D0%BF%D0%B5%D0%B7%D0%B0_8.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener">CC BY-SA 4.0</a> (obrezano)</figcaption>
</figure>
<h2>Hrana je način skupnega preživljanja časa</h2>
<p>Makedonska kuhinja si zasluži svoje zgodbe in v tem razdelku jih bo dobila. Vendar hrane ne moremo ločiti od načina, kako ljudje skupaj preživljajo čas.</p>
<p>Obrok je redko namenjen le prehranjevanju. Je razlog za druženje, čakanje na nekoga, ki zamuja, pogovor o dogodkih preteklega tedna, ponovno pripovedovanje stare družinske zgodbe in sedenje za mizo še dolgo po tem, ko so krožniki prazni.</p>
<p>Različne regije prinašajo različne jedi in okuse. Tavče gravče, ajvar, šopska solata, pastrmajlija, burek, meso na žaru, polnjene paprike, lokalni siri in domače pecivo se pojavljajo v različnih kombinacijah. Pogosto pa ostane enaka radodarnost mize.</p>
<p>Najboljši uvod v makedonsko kuhinjo ni seznam jedi. Je izkušnja, ko nam rečejo, naj vzamemo še eno porcijo, nato pa še eno, medtem ko se pogovor okoli nas nadaljuje.</p>
<p>Hrana je v Makedoniji pogosto jezik naklonjenosti.</p>
<h2>Zgodovina ostaja del pokrajine</h2>
<p>Zgodovina v Makedoniji ni omejena na muzeje in knjige. Vidimo jo na ulicah, v verskih objektih, arheoloških najdiščih, starih čaršijah, spomenikih in načinu, kako so se mesta razvijala skozi čas.</p>
<p>Stara skopska čaršija nosi sledi različnih obdobij in skupnosti. V Ohridu cerkve, tradicionalne hiše in jezerska pokrajina oblikujejo prostor, ki je mednarodno priznan zaradi svoje naravne in kulturne dediščine. Po vsej državi najdemo samostane v gorah in dolinah, pogosto na krajih, kjer je tudi pot del doživetja.</p>
<p>Tu so še antična najdišča, osmanska arhitektura, spominske hiše, tradicionalne obrti in mesta, katerih identiteta je tesno povezana s pomembnimi trenutki v zgodovini države.</p>
<p>Ta dediščina je bogata, vendar je lahko tudi kompleksna. Pripada različnim skupnostim in obdobjem, zato jo je treba predstavljati previdno in ne le skozi nekaj dramatičnih stavkov.</p>
<p>Najbolj smiselno jo pogosto spoznamo počasi, s hojo, poslušanjem in pripravljenostjo, da nam en kraj pove več kot eno zgodbo.</p>
<figure class="article-inline-image">
<img src="../../../images/macedonia-welcome-heritage.jpg" alt="The Robevci Family House in the old town of Ohrid">
<figcaption>Hiša družine Robevci, Ohrid. Foto: Silfiriel, <a href="https://commons.wikimedia.org/wiki/File:%D0%9A%D1%83%D1%9C%D0%B0%D1%82%D0%B0_%D0%BD%D0%B0_%D0%A0%D0%BE%D0%B1%D0%B5%D0%B2%D1%86%D0%B8_-_%D0%9C%D1%83%D0%B7%D0%B5%D1%98_%D0%BD%D0%B0_%D0%B3%D1%80%D0%B0%D0%B4_%D0%9E%D1%85%D1%80%D0%B8%D0%B4_01.jpg" target="_blank" rel="noopener">Wikimedia Commons</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener">CC BY-SA 3.0</a> (obrezano)</figcaption>
</figure>
<h2>Dežela številnih skupnosti</h2>
<p>Makedonija je večetnična in večkulturna država.</p>
<p>Makedonci, Albanci, Turki, Romi, Srbi, Vlahi, Bošnjaki in druge skupnosti so oblikovali njena mesta, vasi, jezike, hrano, glasbo in tradicije. Različni verski objekti pogosto stojijo znotraj istega mestnega prostora. Na tržnicah in v soseskah lahko v kratkem sprehodu slišimo več jezikov.</p>
<p>Ta raznolikost je del vsakdanjega življenja. Prinaša bogastvo, vendar zahteva tudi razumevanje, spoštovanje in iskren pogovor.</p>
<p>Za obiskovalce je pomembno, da si Makedonije ne predstavljajo kot kulturno enotne države. Ne moremo je pojasniti z eno tradicijo, eno jedjo, enim mestom ali eno izkušnjo. Vsaka regija in skupnost dodaja novo plast.</p>
<p>Bolje spoznati Makedonijo pomeni postati radoveden glede teh plasti in jih ne poskušati poenostaviti.</p>
<h2>Glasba, jezik in občutek pripadnosti</h2>
<p>Nekatere države si zapomnimo skozi podobe. Makedonije se pogosto spominjamo skozi zvok.</p>
<p>Glasba je prisotna na porokah, družinskih praznovanjih, festivalih, v restavracijah, na vaških srečanjih in običajnih večerih, ki nepričakovano postanejo živahni. Znana pesem lahko v nekaj sekundah spremeni vzdušje. Nekdo začne peti, drugi vstane, kmalu pa nastane oro, čeprav ga nihče ni načrtoval.</p>
<p>Tudi makedonski jezik ima močno čustveno vrednost za ljudi, ki živijo v tujini. Znana fraza, šala ali naglas lahko oddaljen kraj v trenutku približa domu.</p>
<p>To ne pomeni, da je makedonska kultura ostala v preteklosti. Mlajše generacije tradicijo povezujejo s sodobno glasbo, umetnostjo, oblikovanjem, tehnologijo in novimi načini izražanja identitete. Kultura se nadaljuje zato, ker jo ljudje preoblikujejo, ne zato, ker bi jo ohranjali nespremenjeno.</p>
<p>Pripadnost nastaja prav v tem gibanju med spominom in spremembo.</p>
<h2>Makedonija, ki jo nosimo s seboj</h2>
<p>Za tiste med nami, ki živimo v tujini, Makedonija z razdalje pogosto postane jasnejša.</p>
<p>Začnemo pogrešati podrobnosti, ki so se nekoč zdele povsem običajne. Zvok soseske zjutraj. Gore, ki jih vidimo iz mesta. Način, kako sorodniki vztrajajo, da s seboj odnesemo hrano. Znani kaos velikega družinskega srečanja. Izrazi, ki jih ni mogoče popolnoma prevesti v drug jezik.</p>
<p>Razdalja nam pomaga tudi, da dom vidimo bolj iskreno. Ljubiti državo ne pomeni pretvarjati se, da je vse popolno. Pomeni, da nam je dovolj pomembna, da vidimo tako njeno lepoto kot njene izzive.</p>
<p>Skozi MSOS prinašamo delčke Makedonije v svoje življenje v Sloveniji. To počnemo skozi jezik, hrano, glasbo, dogodke, prijateljstva in zgodbe, ki jih delimo z drugimi. Hkrati življenje v tujini spreminja način, kako razumemo kraj, iz katerega prihajamo.</p>
<p>Ta razdelek je naše povabilo, da Makedonijo odkrijete z radovednostjo. Pridite zaradi pokrajin, hrane, zgodovine in kulture. Ostanite dovolj dolgo, da opazite ljudi, pogovore, humor, nasprotja in drobne trenutke, zaradi katerih je živa.</p>
<p>Dobrodošli v Makedoniji. Za mizo je vedno prostor še za enega človeka.</p>
</div>
</article>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

View File

@ -0,0 +1,358 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spoznaj Slovenijo - MSOS</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../si/" class="logo-link">
<img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="page-content">
<section class="page-header-section">
<div class="container text-center">
<span class="page-subtitle">Dežela, vredna odkrivanja</span>
<h1>Spoznaj Slovenijo</h1>
<p class="page-description">Slovenija je na zemljevidu morda majhna, vendar se med Alpami, Jadransko obalo, zelenimi rekami, starimi mesti in mirnimi kotički skriva veliko. V teh zgodbah delimo kraje, okuse, tradicije in vsakdanje podrobnosti, skozi katere smo tudi sami spoznavali državo, ki ji danes pravimo tudi dom.</p>
<form class="subscribe-form">
<input type="email" placeholder="Vnesite svoj e-mail">
<button type="submit" class="btn btn-primary-orange">Naroči se</button>
</form>
<p class="privacy-note">Skrbimo za vaše podatke v naši <a href="#">politiki zasebnosti</a>.</p>
</div>
</section>
<section class="filter-section">
<nav class="filter-nav" aria-label="Kategorije zgodb">
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">Vse zgodbe</button>
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Kraji in narava</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Kultura in tradicije</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Hrana in okusi</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">Zgodovina in dediščina</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">Ljudje in identiteta</button>
</nav>
</section>
<section class="all-posts-section">
<div class="container column-layout">
<h2>Vse zgodbe</h2>
<div class="posts-grid">
<!-- Story: Dobrodošli v Sloveniji -->
<article class="post-card" data-category="identity">
<a href="welcome-to-slovenia/" class="post-link">
<img src="../../images/slovenia-welcome-hero.jpg" alt="Lake Jasna near Kranjska Gora, with mountain peaks reflected in the water" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Ljudje in identiteta</p>
<h3 class="post-title">Dobrodošli v Sloveniji</h3>
<p class="post-excerpt">Osebna predstavitev pokrajin, ritma in drobnih vsakdanjih podrobnosti, zaradi katerih Slovenija hitro postane domača.</p>
</div>
</a>
</article>
<!-- Story: Ljubljana skozi naše oči -->
<article class="post-card" data-category="places">
<a href="ljubljana-through-our-eyes/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Kraji in narava</p>
<h3 class="post-title">Ljubljana skozi naše oči</h3>
<p class="post-excerpt">Ulice, soseske, navade in mirni kotički, skozi katere je Ljubljana postala del našega vsakdana.</p>
</div>
</a>
</article>
<!-- Story: Bled, več kot znameniti razgled -->
<article class="post-card" data-category="places">
<a href="lake-bled-beyond-the-famous-view/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Kraji in narava</p>
<h3 class="post-title">Bled, več kot znameniti razgled</h3>
<p class="post-excerpt">Sprehod, vzdušje, bližnja narava in osebni trenutki, ki se skrivajo za najbolj znano podobo Bleda.</p>
</div>
</a>
</article>
<!-- Story: Prvi okus slovenske kuhinje -->
<article class="post-card" data-category="food">
<a href="a-first-taste-of-slovenian-food/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Hrana in okusi</p>
<h3 class="post-title">Prvi okus slovenske kuhinje</h3>
<p class="post-excerpt">Topel uvod v jedi, regionalne okuse in kulinarična doživetja, ki pogosto ostanejo v spominu.</p>
</div>
</a>
</article>
<!-- Story: Slovenske navade, ki vas lahko presenetijo -->
<article class="post-card" data-category="culture">
<a href="slovenian-habits-that-may-surprise-you/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Kultura in tradicije</p>
<h3 class="post-title">Slovenske navade, ki vas lahko presenetijo</h3>
<p class="post-excerpt">Vsakdanje navade in družbeni običaji, ki jih številni prišleki začnejo opažati po prihodu v Slovenijo.</p>
</div>
</a>
</article>
<!-- Story: Zgodbe Slovenije v kamnu in tradiciji -->
<article class="post-card" data-category="heritage">
<a href="slovenias-stories-in-stone-and-tradition/" class="post-link">
<div class="post-image post-image-placeholder">
<i class="fas fa-image" aria-hidden="true"></i>
<span>Slika bo dodana</span>
</div>
<div class="post-content">
<p class="post-meta">MSOS Ekipa • Zgodovina in dediščina</p>
<h3 class="post-title">Zgodbe Slovenije v kamnu in tradiciji</h3>
<p class="post-excerpt">Gradovi, stara mesta, obrti in tradicije, skozi katere slovenska preteklost ostaja prisotna v vsakdanjem življenju.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>Nobena zgodba še ne ustreza temu filtru.</p>
<nav class="pagination">
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Prejšnja</a>
<div class="pagination-numbers">
<a href="#" class="page-number active">1</a>
</div>
<a href="#" class="pagination-arrow">Naslednja <i class="fas fa-arrow-right"></i></a>
</nav>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>

View File

@ -0,0 +1,331 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dobrodošli v Sloveniji - MSOS</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Povezava na glavno CSS datoteko -->
<link rel="stylesheet" href="../../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../../si/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">SI</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="si">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
</div>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<h1>Dobrodošli v Sloveniji</h1>
<p class="article-subtitle">Majhna dežela številnih pokrajin, tihih odkritij in krajev, ki sčasoma postanejo domači.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/slovenia-welcome-hero.jpg" alt="Lake Jasna near Kranjska Gora, with mountain peaks reflected in the water">
<figcaption>Jezero Jasna pri Kranjski Gori. Foto: Denis Sodržnik, <a href="https://travelslovenia.org/denis-sodrznik-photography/" target="_blank" rel="noopener">travelslovenia.org</a></figcaption>
</figure>
<div class="article-body">
<p>Ko smo mnogi med nami prvič prišli v Slovenijo, smo poznali predvsem podobe, ki jih običajno vidimo na fotografijah. Poznali smo Blejsko jezero, Ljubljanski grad, zelene reke in zasnežene gore. Nismo pa še vedeli, katere drobne stvari bodo postale del našega vsakdana.</p>
<p>Nismo vedeli, kako hitro lahko sprehod ob Ljubljanici postane osebna rutina. Nismo vedeli, da nas lahko kratka pot iz živahne mestne ulice pripelje do gozdne steze, gorske doline ali mesta, kjer se zdi, da življenje teče nekoliko počasneje. Prav tako nismo vedeli, koliko trenutkov se nam bo zdelo hkrati novih in poznanih.</p>
<p>Slovenijo pogosto predstavljamo skozi njeno velikost, lego in naravne lepote. Za nas je bilo njeno spoznavanje veliko bolj osebno. Pomenilo je, da smo se privadili ritmu njenih mest, opazili skrb ljudi za naravo, okušali jedi različnih pokrajin in počasi našli svoje mesto v državi.</p>
<h2>Veliko pokrajin v eni državi</h2>
<p>Ena prvih stvari, zaradi katerih je Slovenija posebna, je hitrost, s katero se spreminja pokrajina.</p>
<p>Slovenija leži na stičišču alpskega, sredozemskega, panonskega in dinarskega sveta. To lahko zveni kot podatek iz učbenika geografije, vendar postane veliko bolj resnično, ko začnemo potovati po državi. V eni smeri se nad jezeri in globokimi dolinami dvigajo gore. Drugje se med položnimi griči raztezajo vinogradi in odprta polja. Proti jugu se svet odpre v jame in kraške pokrajine. Ob morju pa zrak, arhitektura in svetloba dobijo sredozemski značaj.</p>
<p>Razdalje so lahko kratke, vendar si kraji med seboj niso enaki. Bled in Bohinj ponujata povsem različni doživetji alpske pokrajine. Piran je drugačen od Maribora. Dolina Soče ima svoje barve in energijo, medtem ko vzhodni del države zaznamuje mirnejši ritem polj, vinogradov in termalnih voda.</p>
<p>Prav zaradi te raznolikosti je Slovenijo lepo odkrivati počasi. Ni treba videti vsega naenkrat. Pogosto se je vredno vrniti na isti kraj v drugem letnem času, ob drugačnem vremenu in v drugačnem razpoloženju.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-welcome-landscape.jpg" alt="Vineyards and rolling hills in the Slovenian wine country">
<figcaption>Vinogradi v Beli krajini in Posavju. Foto: <a href="https://www.slovenia.info/en/things-to-do/food-and-wine/wines-of-slovenia" target="_blank" rel="noopener">slovenia.info</a></figcaption>
</figure>
<h2>Dežela, ki se razkriva počasi</h2>
<p>Slovenija nas ne poskuša vedno navdušiti že v prvem trenutku. Nekateri najbolj nepozabni kraji so prav tisti, ki niso najglasnejši.</p>
<p>To je lahko pot ob reki, majhen mestni trg zgodaj zjutraj, lokalna tržnica, hrib nad vasjo ali klop z razgledom, ki smo jo našli po naključju. Mnogi med nami smo se naučili ceniti to umirjenost. Daje nam prostor, da opazujemo, hodimo in z nekim krajem ustvarimo svoj odnos.</p>
<p>Ljubljana je dober primer. Središče je lahko zelo živahno, zlasti ko so terase polne, vendar ima mesto tudi mirnejšo stran. Le nekaj ulic stran najdemo soseske, parke in poti ob reki, ki delujejo povsem drugače. Ljubljana od nas ne zahteva, da jo prehodimo v naglici. Domača postane skozi ponavljanje.</p>
<p>Podobno velja tudi drugod po državi. Slovenija je polna krajev, ki postanejo pomembni zato, ker se vanje vračamo.</p>
<figure class="article-inline-image">
<img src="../../../images/slovenia-welcome-ljubljana.jpg" alt="People spending time beside the Ljubljanica River in central Ljubljana">
<figcaption>Ljubljanica, Ljubljana. Foto: Mankica Kranjec, Nea Culpa, <a href="https://www.slovenia.info" target="_blank" rel="noopener">slovenia.info</a></figcaption>
</figure>
<h2>Ritem vsakdanjega življenja</h2>
<p>Vsaka država ima drobne navade, ki jih od zunaj težko opazimo.</p>
<p>Ko smo nekaj časa živeli v Sloveniji, smo mnogi začeli prepoznavati poseben ritem. Dogovori so pogosto jasni. Čas se spoštuje. Narava ni nekaj, kar obiščemo le med dopustom, ampak je del običajnega življenja.</p>
<p>Ob sončnem koncu tedna se pohodniške poti, kolesarske trase, jezera in parki napolnijo z ljudmi. Sprehod je lahko družabna dejavnost, način počitka ali preprosto del dneva. Tudi v mestih zelene površine nikoli niso daleč.</p>
<p>V vsakdanjih stikih je prisotna tudi določena mirnost. Sprva se nam je ta lahko zdela bolj zadržana od topline in spontanosti, ki ju mnogi povezujemo z Makedonijo. Sčasoma pa smo spoznali, da se bližina izraža na različne načine. Morda nastaja počasneje, vendar je lahko zelo iskrena.</p>
<p>Tudi te razlike so del izkušnje. Spoznati drugo državo pomeni razumeti, da prijaznost, prijateljstvo in občutek pripadnosti niso povsod videti enako.</p>
<h2>Kar se nam je zdelo domače</h2>
<p>Življenje med Makedonijo in Slovenijo razkriva tudi nepričakovane podobnosti.</p>
<p>Obe državi sta dovolj majhni, da se kraji zdijo povezani. V obeh gore močno zaznamujejo pokrajino in način preživljanja prostega časa. Hrana pripoveduje zgodbe različnih regij. Družinske tradicije ostajajo pomembne, tudi ko vsakdanje življenje postaja vedno bolj sodobno. Ljudje so ponosni na kraj, iz katerega prihajajo, kar pogosto izražajo skozi lokalne navade, jezik, glasbo in hrano.</p>
<p>Razlike seveda obstajajo. Prav zaradi njih je izkušnja zanimiva. Kljub temu številni makedonski študenti ugotovijo, da Slovenija ni povsem oddaljena. Nekatere pokrajine spominjajo na dom. Določene besede zvenijo znano. Skupen obrok lahko ustvari enak občutek udobja, tudi ko so jedi drugačne.</p>
<p>Sčasoma te majhne povezave veliko pomenijo. Pomagajo nam razumeti novo državo, ne da bi pri tem izbrisale njeno posebnost.</p>
<h2>Narava je vedno blizu</h2>
<p>O Sloveniji je težko govoriti, ne da bi govorili o naravi.</p>
<p>Več kot polovico države pokrivajo gozdovi, povezanost med naselji in naravno pokrajino pa je vidna skoraj povsod. Začutimo jo, ko se na koncu mestne ulice pokažejo gore, ko reka oblikuje središče mesta ali ko se gozd začne takoj za stanovanjskim naseljem.</p>
<p>Za mnoge med nami je to postalo eden najdragocenejših delov življenja v Sloveniji. Obisk narave ne zahteva vedno velikega načrta. Lahko je kratek sprehod po dolgem dnevu, konec tedna ob jezeru, vožnja s kolesom ali potovanje z vlakom do bližnjega kraja.</p>
<p>Slovenija nas spodbuja, da opazimo letne čase. Pomlad spremeni reke in polja. Poletje prinese dolge večere ter obiske jezer in obale. Jesen obarva gozdove in vinograde. Zima spremeni gore in mestom podari mirnejše vzdušje.</p>
<p>Isti kraj lahko vsakih nekaj mesecev pripoveduje novo zgodbo.</p>
<h2>Kraj, ki postane del naše zgodbe</h2>
<p>Noben uvod ne more v celoti pojasniti neke države.</p>
<p>Slovenija niso samo Bled, Ljubljana, Triglav, jame, gradovi in fotografije zelenih pokrajin. Je tudi prva ulica, ki se jo naučimo brez zemljevida. Je kavarna, v kateri nas začnejo prepoznavati. Je vožnja z vlakom, ki postane znana, beseda, ki jo končno pravilno izgovorimo, ali kraj, ki ga pokažemo nekomu, ki je pravkar prišel.</p>
<p>Za člane naše skupnosti je Slovenija postala veliko različnih stvari. Tukaj študiramo, delamo, gradimo prijateljstva, organiziramo dogodke in ustvarjamo nove spomine. Za nekatere je začasna postaja. Za druge postane dolgoročen dom. V obeh primerih pusti sled.</p>
<p>V zgodbah tega razdelka želimo prikazati Slovenijo, kakršno smo spoznali sami. Ne kot seznam znamenitosti, ampak kot državo pokrajin, ljudi, tradicij in majhnih trenutkov, ki ostanejo z nami.</p>
<p>Dobrodošli v Sloveniji. Vzemite si čas in jo spoznajte.</p>
</div>
</article>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenija<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Za študente</h4>
<a href="#">Blog</a>
<a href="#">Galerija</a>
<a href="#">Pogosta vprašanja</a>
<a href="#">Brošura</a>
</div>
<div class="links-column">
<h4>Projekti</h4>
<a href="#">Prihajajoči</a>
<a href="#">Pretekli</a>
</div>
<div class="links-column">
<h4>Organizacija</h4>
<a href="#">O nas</a>
<a href="#">Kontakt</a>
<a href="#">Dokumentacija</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
<div class="legal-links">
<a href="#">Politika zasebnosti</a>
<a href="#">Politika piškotkov</a>
<a href="#">Pravni pogoji</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -58,8 +58,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -130,8 +130,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="../../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="../../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -38,8 +38,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<li><a href="{{ROOT_PREFIX}}en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="{{ROOT_PREFIX}}en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -110,8 +110,8 @@
<li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North Macedonia</a></li>
<li><a href="{{ROOT_PREFIX}}en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="{{ROOT_PREFIX}}en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -38,8 +38,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
<li><a href="{{ROOT_PREFIX}}mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
<li><a href="{{ROOT_PREFIX}}mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -110,8 +110,8 @@
<li><a href="#">Водич за добредојде</a></li>
<li><a href="#">Менторска програма</a></li>
<li><a href="#">Често поставувани прашања</a></li>
<li><a href="#">Запознај ја Словенија</a></li>
<li><a href="#">Запознај ја Северна Македонија</a></li>
<li><a href="{{ROOT_PREFIX}}mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
<li><a href="{{ROOT_PREFIX}}mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">

View File

@ -38,8 +38,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="{{ROOT_PREFIX}}si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="{{ROOT_PREFIX}}si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
@ -110,8 +110,8 @@
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
<li><a href="{{ROOT_PREFIX}}si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
<li><a href="{{ROOT_PREFIX}}si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">