359 lines
18 KiB
HTML
359 lines
18 KiB
HTML
<!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">×</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 & Nature</button>
|
|
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Culture & Traditions</button>
|
|
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Food & Flavours</button>
|
|
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">History & Heritage</button>
|
|
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">People & 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 & 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 & 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 & 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 & 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 & 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 & 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>
|