mark
/
msos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

This commit is contained in:
Mark Poljanšek 2025-08-25 16:16:29 +02:00
parent 4e2eda277f
commit 0b5d53abb9
137 changed files with 8109 additions and 2138 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

210
en/index.html
View File

@ -18,29 +18,55 @@
</head>
<body>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../en/" class="logo-link">
<img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="projects/">Projects</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../en/" class="logo-link">
<img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<span id="current-lang-code-mobile">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@ -51,45 +77,20 @@
</div>
</div>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
</header>
<!-- END_HEADER -->
<main>
<section class="hero-section">
<div class="hero-background">
<div class="hero-image-left" style="background-image: url('../images/2.hero.jpg');"></div>
<div class="hero-image-right" style="background-image: url('../images/2.hero.jpg');"></div>
<div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
<div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
</div>
<div class="hero-overlay"></div>
<div class="hero-content">
@ -108,7 +109,7 @@
<section class="meet-the-team-section">
<div class="video-container">
<img src="../images/3.activites.jpg" alt="Team members collaborating" class="video-thumbnail">
<img src="../images/3.activites.webp" alt="Team members collaborating" class="video-thumbnail">
<div class="video-overlay"></div>
<button class="play-button" aria-label="Play video"></button>
</div>
@ -136,7 +137,7 @@
</div>
<div class="activity-details">
<p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
<img src="../images/3.activites.jpg" alt="A group of students smiling and collaborating">
<img src="../images/3.activites.webp" alt="A group of students smiling and collaborating">
</div>
</div>
</section>
@ -148,7 +149,7 @@
</div>
<div class="news-articles">
<article class="news-card">
<img src="../images/4-billwalsh.jpg" alt="Pink and blue tinted image of a snowy mountain peak">
<img src="../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak">
<div class="card-content">
<p class="author">Alec Whitten • 17 Jan 2022</p>
<h3>Bill Walsh leadership lessons</h3>
@ -156,7 +157,7 @@
</div>
</article>
<article class="news-card">
<img src="../images/5-pmmentals.jpg" alt="A woman presenting in front of a whiteboard with sticky notes to a team">
<img src="../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team">
<div class="card-content">
<p class="author">Demi Wilkinson • 16 Jan 2022</p>
<h3>PM mental models</h3>
@ -164,7 +165,7 @@
</div>
</article>
<article class="news-card">
<img src="../images/6-whatiswireframing.jpg" alt="A modern computer desk setup with a large monitor, keyboard, and headphones">
<img src="../images/6-whatiswireframing.webp" alt="A modern computer desk setup with a large monitor, keyboard, and headphones">
<div class="card-content">
<p class="author">Candice Wu • 15 Jan 2022</p>
<h3>What is Wireframing?</h3>
@ -186,7 +187,7 @@
<h3>How collaboration makes us better</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/7-graphicdesigner.png" alt="Aleksandar Popovski">
<img src="../images/7-graphicdesigner.webp" alt="Aleksandar Popovski">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
@ -197,7 +198,7 @@
<h3>Consectetur vitae ac parturient massa</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
<div class="author-info">
<img src="../images/11-boy.jpg" alt="Another team member">
<img src="../images/11-boy.webp" alt="Another team member">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
@ -210,7 +211,7 @@
<h3>Proud partners</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/12-girl2.jpg" alt="Another partner">
<img src="../images/12-girl2.webp" alt="Another partner">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
@ -221,7 +222,7 @@
<h3>Our collaboration experience</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/10-girl1.jpg" alt="Another team member">
<img src="../images/10-girl1.webp" alt="Another team member">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
@ -237,7 +238,7 @@
<h2>Become part of our amazing team</h2>
<p>We're a 100% remote team spread all across the world. Join us!</p>
</div>
<img src="../images/9-becomepart.png" alt="Our amazing team in a classroom setting" class="team-photo">
<img src="../images/9-becomepart.webp" alt="Our amazing team in a classroom setting" class="team-photo">
<div class="contact-form-container">
<form class="contact-form">
@ -318,9 +319,9 @@
</div>
<div class="faq-footer">
<div class="avatar-group">
<img src="../images/11-boy.jpg" alt="Avatar 1" class="avatar">
<img src="../images/10-girl1.jpg" alt="Avatar 2" class="avatar large">
<img src="../images/12-girl2.jpg" alt="Avatar 3" class="avatar">
<img src="../images/11-boy.webp" alt="Avatar 1" class="avatar">
<img src="../images/10-girl1.webp" alt="Avatar 2" class="avatar large">
<img src="../images/12-girl2.webp" alt="Avatar 3" class="avatar">
</div>
<h3>Still have questions?</h3>
<p>Can’t find the answer you’re looking for? Please chat to our friendly team.</p>
@ -330,57 +331,60 @@
</main>
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../images/13-whitelogo.png" alt="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>
<!-- 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>
<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>
<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>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="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>
</footer>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../main.js"></script>
</body>

391
en/index.html.bak Normal file
View File

@ -0,0 +1,391 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Macedonian Student Organisation in Slovenia</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 (corrected path) -->
<link rel="stylesheet" href="../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../en/" class="logo-link">
<img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main>
<section class="hero-section">
<div class="hero-background">
<div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
<div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
</div>
<div class="hero-overlay"></div>
<div class="hero-content">
<div class="heading-and-supporting-text">
<div class="badge-group">
<div class="badge-content">
<span class="message">First official MSOS</span>
</div>
</div>
<h1>Empowering young people with skills to change the world</h1>
<p>Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.</p>
</div>
<button class="btn btn-primary-orange">Become a Member</button>
</div>
</section>
<section class="meet-the-team-section">
<div class="video-container">
<img src="../images/3.activites.webp" alt="Team members collaborating" class="video-thumbnail">
<div class="video-overlay"></div>
<button class="play-button" aria-label="Play video"></button>
</div>
<div class="team-content">
<h2>Meet our incredible team!</h2>
<p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
<button class="btn btn-secondary">Learn more</button>
</div>
</section>
<section class="activities-section">
<div class="activities-header">
<h2>Activities</h2>
<p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
</div>
<div class="activities-content">
<div class="activities-nav">
<ul>
<li class="active">Student representation</li>
<li>Education and culture</li>
<li>Entertainment and socializing</li>
<li>Student support</li>
</ul>
<button class="btn btn-primary-orange">Become a member</button>
</div>
<div class="activity-details">
<p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
<img src="../images/3.activites.webp" alt="A group of students smiling and collaborating">
</div>
</div>
</section>
<section class="latest-news-section">
<div class="news-header">
<h2>Latest news</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
</div>
<div class="news-articles">
<article class="news-card">
<img src="../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak">
<div class="card-content">
<p class="author">Alec Whitten • 17 Jan 2022</p>
<h3>Bill Walsh leadership lessons</h3>
<p>Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl...</p>
</div>
</article>
<article class="news-card">
<img src="../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team">
<div class="card-content">
<p class="author">Demi Wilkinson • 16 Jan 2022</p>
<h3>PM mental models</h3>
<p>Mental models are simple expressions of complex processes or relationships.</p>
</div>
</article>
<article class="news-card">
<img src="../images/6-whatiswireframing.webp" alt="A modern computer desk setup with a large monitor, keyboard, and headphones">
<div class="card-content">
<p class="author">Candice Wu • 15 Jan 2022</p>
<h3>What is Wireframing?</h3>
<p>Introduction to Wireframing and its Principles. Learn from the best in the industry.</p>
</div>
</article>
</div>
<button class="btn btn-secondary">See all</button>
</section>
<section class="testimonials-section">
<div class="testimonials-intro">
<h2>See what our partners say about us</h2>
<p>Everything you need to know about the product and billing.</p>
</div>
<div class="testimonials-columns">
<div class="testimonial-column">
<div class="testimonial-card">
<h3>How collaboration makes us better</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/7-graphicdesigner.webp" alt="Aleksandar Popovski">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
</div>
</div>
</div>
<div class="testimonial-card">
<h3>Consectetur vitae ac parturient massa</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
<div class="author-info">
<img src="../images/11-boy.webp" alt="Another team member">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
</div>
</div>
</div>
</div>
<div class="testimonial-column column-offset">
<div class="testimonial-card">
<h3>Proud partners</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/12-girl2.webp" alt="Another partner">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
</div>
</div>
</div>
<div class="testimonial-card">
<h3>Our collaboration experience</h3>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
<div class="author-info">
<img src="../images/10-girl1.webp" alt="Another team member">
<div>
<h4>Aleksandar Popovski</h4>
<p>Graphic designer at MSOS</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="become-part-section">
<div class="become-part-header">
<h2>Become part of our amazing team</h2>
<p>We're a 100% remote team spread all across the world. Join us!</p>
</div>
<img src="../images/9-becomepart.png" alt="Our amazing team in a classroom setting" class="team-photo">
<div class="contact-form-container">
<form class="contact-form">
<div class="form-row">
<div class="form-group">
<label for="first-name">First name</label>
<input type="text" id="first-name" placeholder="First name">
</div>
<div class="form-group">
<label for="last-name">Last name</label>
<input type="text" id="last-name" placeholder="Last name">
</div>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" placeholder="student@email.com">
</div>
<div class="form-group">
<label for="phone-number">Phone number</label>
<div class="phone-input">
<select id="country-code" aria-label="Country code">
<option>US</option>
<option>SI</option>
<option>MK</option>
</select>
<input type="tel" id="phone-number" placeholder="+1 (555) 000-0000">
</div>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" rows="5"></textarea>
</div>
<div class="form-group checkbox-group">
<input type="checkbox" id="privacy-policy">
<label for="privacy-policy">You agree to our friendly <a href="#">privacy policy</a>.</label>
</div>
<button type="submit" class="btn btn-primary">Send message</button>
</form>
</div>
</section>
<section class="faq-section">
<div class="faq-header">
<h2>Frequently asked questions</h2>
<p>Everything you need to know about the product and billing.</p>
</div>
<div class="faq-grid">
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-heart"></i></div>
<h3>Is there a free trial available?</h3>
<p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
<h3>Can I change my plan later?</h3>
<p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-ban"></i></div>
<h3>What is your cancellation policy?</h3>
<p>We understand that things change. You can cancel your plan at any time and we’ll refund you the difference already paid.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
<h3>Can other info be added to an invoice?</h3>
<p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
<h3>How does billing work?</h3>
<p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
<h3>How do I change my account email?</h3>
<p>We understand that things change. You can cancel your plan at any time and we’ll refund you the difference.</p>
</div>
</div>
<div class="faq-footer">
<div class="avatar-group">
<img src="../images/11-boy.webp" alt="Avatar 1" class="avatar">
<img src="../images/10-girl1.webp" alt="Avatar 2" class="avatar large">
<img src="../images/12-girl2.webp" alt="Avatar 3" class="avatar">
</div>
<h3>Still have questions?</h3>
<p>Can’t find the answer you’re looking for? Please chat to our friendly team.</p>
<button class="btn btn-primary-orange">See all FAQs</button>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../images/13-whitelogo.png" alt="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 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../main.js"></script>
</body>
</html>

192
en/projects/index.html
View File

@ -18,29 +18,55 @@
</head>
<body>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../" class="logo-link">
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="./">Projects</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../en/" class="logo-link">
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<span id="current-lang-code-mobile">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@ -51,39 +77,14 @@
</div>
</div>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="./">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
</header>
<!-- END_HEADER -->
<main class="page-content">
<!-- Page Header Section -->
@ -108,7 +109,7 @@
<!-- Project: Meet Student Slovenia 2024 -->
<article class="post-card">
<a href="meet-student-slovenia-2024/" class="post-link">
<img src="../../images/event4-img-1.JPG" alt="A group of students at the 'Meet Student Slovenia 2024' event" class="post-image">
<img src="../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 16 Sep 2024 • Event</p>
<h3 class="post-title">Meet Student Slovenia 2024</h3>
@ -119,7 +120,7 @@
<!-- Project: Morning Coffee in front of CTK – 2024 -->
<article class="post-card">
<a href="morning-coffee-in-front-of-ctk/" class="post-link">
<img src="../../images/event4-image1.jpg" alt="Students enjoying coffee and burek in front of CTK library" class="post-image">
<img src="../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 8 Jun 2024 • Student Life</p>
<h3 class="post-title">Morning Coffee in front of CTK – 2024</h3>
@ -130,7 +131,7 @@
<!-- Project: Meet Student Slovenia 2023 -->
<article class="post-card">
<a href="meet-student-slovenia-2023/" class="post-link">
<img src="../../images/event3-photo-1.jpg" alt="Panel discussion at the 'Meet Student Slovenia 2023' event" class="post-image">
<img src="../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 18 Sep 2023 • Event</p>
<h3 class="post-title">Meet Student Slovenia 2023</h3>
@ -141,7 +142,7 @@
<!-- Project: Macedonian Student Night -->
<article class="post-card">
<a href="macedonian-student-night-in-ljubljana/" class="post-link">
<img src="../../images/msnl-1.jpg" alt="Atmosphere from the Macedonian Student Night in Ljubljana" class="post-image">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana" class="post-image">
<div class="post-content">
<p class="post-meta">Kristijan Popovski • 8 Oct 2022 • Event</p>
<h3 class="post-title">Macedonian Student Night in Ljubljana</h3>
@ -152,7 +153,7 @@
<!-- Placeholder Project 1 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/4-billwalsh.jpg" alt="Pink and blue tinted image of a snowy mountain peak" class="post-image">
<img src="../../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak" class="post-image">
<div class="post-content">
<p class="post-meta">Alec Whitten • 17 Jan 2022 • Public announcement</p>
<h3 class="post-title">Bill Walsh leadership lessons</h3>
@ -163,7 +164,7 @@
<!-- Placeholder Project 2 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/5-pmmentals.jpg" alt="A woman presenting in front of a whiteboard with sticky notes to a team" class="post-image">
<img src="../../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team" class="post-image">
<div class="post-content">
<p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Student life</p>
<h3 class="post-title">PM mental models</h3>
@ -191,57 +192,60 @@
</section>
</main>
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../images/13-whitelogo.png" alt="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>
<!-- 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>
<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>
<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>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="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>
</footer>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<!-- Link to the main JS file -->
<script src="../../main.js"></script>

253
en/projects/index.html.bak Normal file
View File

@ -0,0 +1,253 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects - Macedonian Student Organisation in Slovenia</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">
<div class="header-content">
<a href="../../en/" class="logo-link">
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="page-content">
<!-- Page Header Section -->
<section class="page-header-section">
<div class="container text-center">
<span class="page-subtitle">Our projects</span>
<h1>Projects</h1>
<p class="page-description">Subscribe to learn about new product features, the latest in technology, solutions, and updates.</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>
<!-- All Projects Section -->
<section class="all-posts-section">
<div class="container column-layout">
<h2>All our projects</h2>
<div class="posts-grid">
<!-- Project: Meet Student Slovenia 2024 -->
<article class="post-card">
<a href="meet-student-slovenia-2024/" class="post-link">
<img src="../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 16 Sep 2024 • Event</p>
<h3 class="post-title">Meet Student Slovenia 2024</h3>
<p class="post-excerpt">When student stories turn into the first step towards a new home.</p>
</div>
</a>
</article>
<!-- Project: Morning Coffee in front of CTK – 2024 -->
<article class="post-card">
<a href="morning-coffee-in-front-of-ctk/" class="post-link">
<img src="../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 8 Jun 2024 • Student Life</p>
<h3 class="post-title">Morning Coffee in front of CTK – 2024</h3>
<p class="post-excerpt">When exams somehow become easier with Saturday morning coffee, burek, and good company!</p>
</div>
</a>
</article>
<!-- Project: Meet Student Slovenia 2023 -->
<article class="post-card">
<a href="meet-student-slovenia-2023/" class="post-link">
<img src="../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • 18 Sep 2023 • Event</p>
<h3 class="post-title">Meet Student Slovenia 2023</h3>
<p class="post-excerpt">Through honest first-hand stories, future students received support for their first step towards their new home.</p>
</div>
</a>
</article>
<!-- Project: Macedonian Student Night -->
<article class="post-card">
<a href="macedonian-student-night-in-ljubljana/" class="post-link">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana" class="post-image">
<div class="post-content">
<p class="post-meta">Kristijan Popovski • 8 Oct 2022 • Event</p>
<h3 class="post-title">Macedonian Student Night in Ljubljana</h3>
<p class="post-excerpt">From an idea to a party with 500 students – that's how our story began!</p>
</div>
</a>
</article>
<!-- Placeholder Project 1 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak" class="post-image">
<div class="post-content">
<p class="post-meta">Alec Whitten • 17 Jan 2022 • Public announcement</p>
<h3 class="post-title">Bill Walsh leadership lessons</h3>
<p class="post-excerpt">Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl winning Dynasty?</p>
</div>
</a>
</article>
<!-- Placeholder Project 2 -->
<article class="post-card">
<a href="testproject/" class="post-link">
<img src="../../images/5-pmmentals.jpg" alt="A woman presenting in front of a whiteboard with sticky notes to a team" class="post-image">
<div class="post-content">
<p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Student life</p>
<h3 class="post-title">PM mental models</h3>
<p class="post-excerpt">Mental models are simple expressions of complex processes or relationships.</p>
</div>
</a>
</article>
</div>
<!-- Pagination -->
<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>
<a href="#" class="page-number">2</a>
<a href="#" class="page-number">3</a>
<span class="page-dots">...</span>
<a href="#" class="page-number">8</a>
<a href="#" class="page-number">9</a>
<a href="#" class="page-number">10</a>
</div>
<a href="#" class="pagination-arrow">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 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<!-- Link to the main JS file -->
<script src="../../main.js"></script>
</body>
</html>

196
en/projects/macedonian-student-night-in-ljubljana/index.html
View File

@ -18,29 +18,55 @@
</head>
<body>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<span id="current-lang-code-mobile">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@ -51,39 +77,14 @@
</div>
</div>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@ -94,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../../images/msnl-1.jpg" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
<img src="../../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
</figure>
<div class="article-body">
@ -104,7 +105,7 @@
<p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-2.png" alt="Preparations and meetings for the Macedonian Student Night">
<img src="../../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
<figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
</figure>
@ -112,7 +113,7 @@
<p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-3.jpg" alt="Poster where Slovenians learn the Macedonian alphabet">
<img src="../../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
</figure>
@ -125,14 +126,14 @@
<p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-4.png" alt="Stands with Macedonian symbols, food, and drinks">
<img src="../../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
</figure>
<p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-5.jpg" alt="Mini quiz about Macedonia">
<img src="../../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
</figure>
@ -140,7 +141,7 @@
<p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-6.jpg" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<img src="../../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
</figure>
@ -157,7 +158,7 @@
<p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-7.jpg" alt="The dedicated team of volunteers after cleaning up the venue">
<img src="../../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
</figure>
</div>
@ -166,7 +167,7 @@
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.jpg" alt="Avatar of Kristijan Popovski">
<img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
@ -199,57 +200,60 @@
</section>
</main>
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="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>
<!-- 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>
<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>
<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>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="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>
</footer>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>

260
en/projects/macedonian-student-night-in-ljubljana/index.html.bak Normal file
View File

@ -0,0 +1,260 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Macedonian Student Night in Ljubljana - MSOS</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- 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">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on October 8, 2022</p>
<h1>Macedonian Student Night in Ljubljana</h1>
<p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
</header>
<figure class="article-main-image">
<img src="../../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
</figure>
<div class="article-body">
<p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p>
<h2>How an idea for socializing became the start of a movement</h2>
<p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-2.png" alt="Preparations and meetings for the Macedonian Student Night">
<figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
</figure>
<p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
<p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
</figure>
<blockquote class="article-quote">
<p>“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
<footer>— Marko - first-year student (at the time)</footer>
</blockquote>
<h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
<p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
</figure>
<p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
</figure>
<h2>Support from the Macedonian community and diplomacy</h2>
<p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
</figure>
<p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p>
<p>The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
<blockquote class="article-quote">
<p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”</p>
<footer>— Hristijan - second-year student (at the time)</footer>
</blockquote>
<h2>A beginning to remember</h2>
<p>That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
<p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>
<figure class="article-inline-image">
<img src="../../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
</figure>
</div>
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
<a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="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 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

192
en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
View File

@ -18,54 +18,73 @@
</head>
<body>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../" class="logo-link">
<img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<i class="fas fa-globe"></i>
<i class="fas fa-chevron-down"></i>
</div>
</div>
<!-- Panel za mobilno navigacijo (združuje povezave in gumbe) -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@ -76,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../images/msnl-1.jpg" alt="Атмосфера од македонската студентска вечер во Љубљана">
<img src="../../images/msnl-1.webp" alt="Атмосфера од македонската студентска вечер во Љубљана">
</figure>
<div class="article-body">
@ -86,7 +105,7 @@
<p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-2.png" alt="Подготовки и состаноци за македонската студентска вечер">
<img src="../../images/msnl-2.webp" alt="Подготовки и состаноци за македонската студентска вечер">
<figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
</figure>
@ -94,7 +113,7 @@
<p>Една недела пред настанот, секој ден објавувавме интересни факти за Македонија, нејзините национални богатства, музика и култура. Полека, но сигурно, ја градевме атмосферата и ентузијазмот, не само кај македонските студенти, туку и кај многу други кои сакаа да ја почувствуваат нашата енергија.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-3.jpg" alt="Хамер со испишани кирилични и латинични букви">
<img src="../../images/msnl-3.webp" alt="Хамер со испишани кирилични и латинични букви">
<figcaption>Хамер со испишани кирилични и латинични букви. Словенците ја учат македонската азбука, додека македонците ги подучуваат.</figcaption>
</figure>
@ -107,14 +126,14 @@
<p>Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи <strong>„Македонија Трејд“</strong>, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-4.png" alt="Штандови со македонски обележја, традиционална храна и пијалаци">
<img src="../../images/msnl-4.webp" alt="Штандови со македонски обележја, традиционална храна и пијалаци">
<figcaption>Фотографии од штандовите со македонски обележја, традиционална храна и пијалаци.</figcaption>
</figure>
<p>Покрај храната, посетителите можеа да разгледаат интересни факти за државата, фотографии од познати македонски дејци и културни знаменитости, како и да видат традиционални носии и <strong>гајда</strong> одблиску. Атмосферата беше топла и полна со љубопитност – како мала изложба во рамките на една голема студентска забава.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-5.jpg" alt="Мини квиз со прашања за Македонија">
<img src="../../images/msnl-5.webp" alt="Мини квиз со прашања за Македонија">
<figcaption>Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат</figcaption>
</figure>
@ -122,7 +141,7 @@
<p>Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи <strong>претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески</strong>, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-6.jpg" alt="Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески">
<img src="../../images/msnl-6.webp" alt="Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески">
<figcaption>Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот на Сојузот на македонски друштва, г-н Настески</figcaption>
</figure>
@ -139,7 +158,7 @@
<p>Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом – дури и кога се далеку од него.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-7.jpg" alt="Посветениот тим на волонтери по завршувањето на настанот">
<img src="../../images/msnl-7.webp" alt="Посветениот тим на волонтери по завршувањето на настанот">
<figcaption>Фотографија направена во 4 часот наутро, по завршувањето и средувањето на просторот заедно со посветениот тим на волонтери</figcaption>
</figure>
</div>
@ -148,7 +167,7 @@
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../images/11-boy.jpg" alt="Аватар на Кристијан Поповски">
<img src="../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
<div class="author-text">
<p class="author-name">Кристијан Поповски</p>
<p class="author-title">Претседател и основач</p>
@ -181,57 +200,60 @@
</section>
</main>
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
</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>
<!-- 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>
<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>
<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>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="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>
</footer>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>

260
en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak Normal file
View File

@ -0,0 +1,260 @@
<!DOCTYPE html>
<html lang="mk">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Македонска студентска вечер во Љубљана - МСОС</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Povezava na novo glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Објавено на 8 октомври 2022</p>
<h1>Македонска студентска вечер во Љубљана</h1>
<p class="article-subtitle">Од идеја до журка со 500 студенти – вака започна нашата приказна!</p>
</header>
<figure class="article-main-image">
<img src="../../images/msnl-1.webp" alt="Атмосфера од македонската студентска вечер во Љубљана">
</figure>
<div class="article-body">
<p>На 8 октомври 2022 година, во срцето на Студентскиот кампус во Љубљана, се одржа првата македонска студентска вечер во Словенија. Под мотото #FeelsLikeHome, повеќе од 500 млади уживаа во македонска музика, вкусна традиционална храна и атмосфера која потсетуваше на дома. Овој настан не беше само журка – беше почеток на една нова приказна, која подоцна ќе прерасне во Македонска студентска организација во Словенија (МСОС).</p>
<h2>Како една идеја за дружење стана почеток на движење</h2>
<p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-2.png" alt="Подготовки и состаноци за македонската студентска вечер">
<figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
</figure>
<p>Од тој момент, секој слободен миг го поминувавме во канцелариите на студентската организација <strong>„Повезани“</strong>, кои ни дадоа голема поддршка во организирањето. Денови и ноќи правевме планови, одржувавме состаноци, пишувавме објави на социјалните мрежи – сè со цел да создадеме настан кој првично мислевме дека ќе привлече, ако имаме среќа, околу 100 посетители.</p>
<p>Една недела пред настанот, секој ден објавувавме интересни факти за Македонија, нејзините национални богатства, музика и култура. Полека, но сигурно, ја градевме атмосферата и ентузијазмот, не само кај македонските студенти, туку и кај многу други кои сакаа да ја почувствуваат нашата енергија.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-3.webp" alt="Хамер со испишани кирилични и латинични букви">
<figcaption>Хамер со испишани кирилични и латинични букви. Словенците ја учат македонската азбука, додека македонците ги подучуваат.</figcaption>
</figure>
<blockquote class="article-quote">
<p>„Организирањето на првата МСОС журка беше уникатно искуство – без сон, амбициозни и вклучени во сè, од логистика до бришење на подот... Среќа што постои Red Bull 😉 (П.с. целиот фрижидер го испивме!)“</p>
<footer>— Марко – студент во прва година</footer>
</blockquote>
<h2>Вкусот и мирисот на Македонија во срцето на Љубљана</h2>
<p>Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи <strong>„Македонија Трејд“</strong>, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-4.webp" alt="Штандови со македонски обележја, традиционална храна и пијалаци">
<figcaption>Фотографии од штандовите со македонски обележја, традиционална храна и пијалаци.</figcaption>
</figure>
<p>Покрај храната, посетителите можеа да разгледаат интересни факти за државата, фотографии од познати македонски дејци и културни знаменитости, како и да видат традиционални носии и <strong>гајда</strong> одблиску. Атмосферата беше топла и полна со љубопитност – како мала изложба во рамките на една голема студентска забава.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-5.webp" alt="Мини квиз со прашања за Македонија">
<figcaption>Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат</figcaption>
</figure>
<h2>Поддршка од македонската заедница и дипломатијата</h2>
<p>Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи <strong>претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески</strong>, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-6.webp" alt="Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески">
<figcaption>Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот на Сојузот на македонски друштва, г-н Настески</figcaption>
</figure>
<p>Посебна чест ни беше да ја пречекаме и <strong>амбасадорката на Северна Македонија во Словенија, г-ѓа Сузана Зеленковска</strong>, која упати топли зборови на охрабрување и поддршка за младите. Нејзиното присуство и интерес за настанот беа дополнителен мотив да продолжиме со нашата мисија за поврзување и афирмација на македонската студентска заедница.</p>
<p>Журката беше одлична, со супер енергија што се шири насекаде. Студенти на сите страни и во еден момент владееше мал, но контролиран хаос – вистинско место каде што успеавме да се избориме и да направиме еден навистина одличен настан. Иако ја завршивме журката малку порано, студентите не престанаа уште еден час да пеат заедно со нас, како што го расчистувавме местото. Навистина, ноќ за паметење!</p>
<blockquote class="article-quote">
<p>„Бев дел од тимот за организација и требаше да одржувам ред и мир меѓу студентите, ама кога ми ја пуштија песната ‘Бисер Балкански’ не издржав – па им се приклучив и јас... Тоа беше мојот специјален момент таа вечер!“</p>
<footer>— Христијан – студент во втора година</footer>
</blockquote>
<h2>Почеток што ќе го паметиме</h2>
<p>Таа вечер не беше само уште една студентска забава – беше моментот кога сфативме дека сме започнале нешто поголемо. Наместо очекуваните 100 гости, во клубот влегоа околу <strong>500 студенти</strong>, а енергијата беше неверојатна. Се создадоа нови пријателства, се слушаа песни што ги пеевме од срце, а македонската култура и традиција беа во прв план цела вечер.</p>
<p>Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом – дури и кога се далеку од него.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-7.webp" alt="Посветениот тим на волонтери по завршувањето на настанот">
<figcaption>Фотографија направена во 4 часот наутро, по завршувањето и средувањето на просторот заедно со посветениот тим на волонтери</figcaption>
</figure>
</div>
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
<div class="author-text">
<p class="author-name">Кристијан Поповски</p>
<p class="author-title">Претседател и основач</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
<a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Придружете се на 2.000+ претплатници</h2>
<p>Останете во тек со сè што треба да знаете.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Внесете ја вашата е-пошта">
</div>
<button type="submit" class="btn btn-primary-orange">Претплати се</button>
</form>
<p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="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 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>

202
en/projects/meet-student-slovenia-2023/index.html
View File

@ -18,29 +18,55 @@
</head>
<body>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<span id="current-lang-code-mobile">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@ -51,39 +77,14 @@
</div>
</div>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@ -94,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../../images/event3-photo-1.jpg" alt="Panel discussion at the 'Meet Student Slovenia 2023' event">
<img src="../../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event">
</figure>
<div class="article-body">
@ -104,7 +105,7 @@
<p>Instead of dry information, students had the opportunity to hear real stories – from those who are already walking the same path. Students from Ljubljana, Maribor, and Koper talked about their challenges, first impressions, funny situations, and moments when community support was crucial. And the audience? They absorbed everything with great attention, because exactly those questions that are never written in brochures – here they received honest answers.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-2.jpg" alt="Participants of the panel discussion">
<img src="../../../images/event3-photo-2.webp" alt="Participants of the panel discussion">
<figcaption>Igor Arsov from the University of Primorska recounts his student experience at the Faculty of Management.</figcaption>
</figure>
@ -112,12 +113,12 @@
<p>Our members Kiara Lazić, Angel Naumov, Klimentina Čapovska, and Igor Arsov appeared on stage – each with their own story, their own faculty, their own city. Together with moderator Leon Šumanski and host Vasil Hanџiski, they transformed the panel into a real conversation that felt more like a friendly get-together than a formal discussion. They talked about exams, new friendships, life in student dorms, and how important it is not to give up even when things seem hardest.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-3.jpg" alt="Vasil Hanџiski at the opening of the event">
<img src="../../../images/event3-photo-3.webp" alt="Vasil Hanџiski at the opening of the event">
<figcaption>Photograph from the opening of the event with the host Vasil Hanџiski.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-4.jpg" alt="The audience at the event">
<img src="../../../images/event3-photo-4.webp" alt="The audience at the event">
<figcaption>Photograph of the event participants. We were a little surprised by the interest, but somehow we managed to fit everyone!♡</figcaption>
</figure>
@ -126,15 +127,15 @@
<p>At the event, we received significant support and assistance from Melita Sekulovska in organizing the space and Aleksandar Popovski in designing the organization's website. We sincerely thanked them for their dedicated work, as well as the event coordinator, Lea Janačkovska, who made this event extraordinary.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-5.png" alt="Mr. Branko Gregović and H.E. Gregor Presker">
<img src="../../../images/event3-photo-6.jpg" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska and Aleksandar Popovski with certificates of appreciation">
<img src="../../../images/event3-photo-5.webp" alt="Mr. Branko Gregović and H.E. Gregor Presker">
<img src="../../../images/event3-photo-6.webp" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska and Aleksandar Popovski with certificates of appreciation">
<figcaption>The top two pictures show Mr. Branko Greganović, Chairman of the Management Board of NLB Bank Skopje, and on the right is H.E. the Ambassador of the Republic of Slovenia in North Macedonia, Mr. Gregor Presker. The bottom pictures show the President Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska, and Aleksandar Popovski.</figcaption>
</figure>
<p>With the help of Dijag doo company, we prepared two plaques for the Embassy and NLB Bank as a sign of gratitude for all the help and support they provided.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-7.png" alt="Plaques for NLB Bank Skopje and the Embassy of the Republic of Slovenia">
<img src="../../../images/event3-photo-7.webp" alt="Plaques for NLB Bank Skopje and the Embassy of the Republic of Slovenia">
<figcaption>Photograph of the plaques we presented to NLB Bank Skopje and the Embassy of the Republic of Slovenia in North Macedonia.</figcaption>
</figure>
@ -142,7 +143,7 @@
<p>Because this event was not just another presentation. It was a hand extended to future students – a message that they are not alone, that a community is already waiting for them. Some left with new friends, others with concrete answers to questions that had bothered them for months. But everyone left with the same feeling: that Slovenia is no longer an unknown place, but a new home where they will be part of something bigger.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-8.jpg" alt="Attendees at the event">
<img src="../../../images/event3-photo-8.webp" alt="Attendees at the event">
<figcaption>Photographs of the attendees at the event!</figcaption>
</figure>
@ -155,7 +156,7 @@
<p>A special moment of the event was the address by the Consul of the Embassy of the Republic of Slovenia in North Macedonia, Mr. Martin Glazar. He briefly presented the most important steps of the process for obtaining a temporary residence permit – one of the biggest concerns and challenges for all foreign students in Slovenia. In this way, future students gained a clearer picture of what awaits them and how to more easily deal with administrative procedures.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-9.png" alt="The Consul introducing students to the process of obtaining a temporary residence permit">
<img src="../../../images/event3-photo-9.webp" alt="The Consul introducing students to the process of obtaining a temporary residence permit">
<figcaption>Photograph of the consul introducing students in an interesting way to the process of obtaining a temporary residence permit!</figcaption>
</figure>
@ -163,7 +164,7 @@
<p>Not everyone managed to be present in the hall, but that's why we made sure no one was left without this experience. We broadcast the event live through our Facebook page, and the recording is still available. If you want to experience the atmosphere and hear the stories first-hand, you can watch the entire event at this link here.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-10.png" alt="Poster for the 'Meet Student Slovenia' event">
<img src="../../../images/event3-photo-10.webp" alt="Poster for the 'Meet Student Slovenia' event">
<figcaption>Photograph of the event poster!</figcaption>
</figure>
@ -189,7 +190,7 @@
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.jpg" alt="Avatar of Kristijan Popovski">
<img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
@ -222,57 +223,60 @@
</section>
</main>
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="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>
<!-- 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>
<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>
<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>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="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>
</footer>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>

283
en/projects/meet-student-slovenia-2023/index.html.bak Normal file
View File

@ -0,0 +1,283 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meet Student Slovenia 2023 - 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">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on September 18, 2023</p>
<h1>Meet Student Slovenia 2023</h1>
<p class="article-subtitle">Through honest first-hand stories, future students received support for their first step towards their new home.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event">
</figure>
<div class="article-body">
<p>What does the first step towards student life in Slovenia look like? We tried to answer this question through the event "Meet Student Slovenia," which we organized on September 18, 2023, at the NLB Gallery in Skopje. The atmosphere was full of excitement – more than 100 future students and their families came with the same feeling: a desire to discover what awaits them where they will start their new chapter.</p>
<h2>What lies behind student life in Slovenia?</h2>
<p>Instead of dry information, students had the opportunity to hear real stories – from those who are already walking the same path. Students from Ljubljana, Maribor, and Koper talked about their challenges, first impressions, funny situations, and moments when community support was crucial. And the audience? They absorbed everything with great attention, because exactly those questions that are never written in brochures – here they received honest answers.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-2.webp" alt="Participants of the panel discussion">
<figcaption>Igor Arsov from the University of Primorska recounts his student experience at the Faculty of Management.</figcaption>
</figure>
<h2>Voices that inspire</h2>
<p>Our members Kiara Lazić, Angel Naumov, Klimentina Čapovska, and Igor Arsov appeared on stage – each with their own story, their own faculty, their own city. Together with moderator Leon Šumanski and host Vasil Hanџiski, they transformed the panel into a real conversation that felt more like a friendly get-together than a formal discussion. They talked about exams, new friendships, life in student dorms, and how important it is not to give up even when things seem hardest.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-3.webp" alt="Vasil Hanџiski at the opening of the event">
<figcaption>Photograph from the opening of the event with the host Vasil Hanџiski.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-4.webp" alt="The audience at the event">
<figcaption>Photograph of the event participants. We were a little surprised by the interest, but somehow we managed to fit everyone!♡</figcaption>
</figure>
<h2>Behind the scenes – our supporters</h2>
<p>The event would not have been possible without the support of the Embassy of the Republic of Slovenia in North Macedonia, NLB Bank Skopje, Capital Financial Center, Dijag, and Radio MOF. But the real strength came from MSOS members in preparing the event and the students with their questions, their energy, and their curiosity.</p>
<p>At the event, we received significant support and assistance from Melita Sekulovska in organizing the space and Aleksandar Popovski in designing the organization's website. We sincerely thanked them for their dedicated work, as well as the event coordinator, Lea Janačkovska, who made this event extraordinary.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-5.webp" alt="Mr. Branko Gregović and H.E. Gregor Presker">
<img src="../../../images/event3-photo-6.webp" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska and Aleksandar Popovski with certificates of appreciation">
<figcaption>The top two pictures show Mr. Branko Greganović, Chairman of the Management Board of NLB Bank Skopje, and on the right is H.E. the Ambassador of the Republic of Slovenia in North Macedonia, Mr. Gregor Presker. The bottom pictures show the President Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska, and Aleksandar Popovski.</figcaption>
</figure>
<p>With the help of Dijag doo company, we prepared two plaques for the Embassy and NLB Bank as a sign of gratitude for all the help and support they provided.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-7.webp" alt="Plaques for NLB Bank Skopje and the Embassy of the Republic of Slovenia">
<figcaption>Photograph of the plaques we presented to NLB Bank Skopje and the Embassy of the Republic of Slovenia in North Macedonia.</figcaption>
</figure>
<h2>Why was it special?</h2>
<p>Because this event was not just another presentation. It was a hand extended to future students – a message that they are not alone, that a community is already waiting for them. Some left with new friends, others with concrete answers to questions that had bothered them for months. But everyone left with the same feeling: that Slovenia is no longer an unknown place, but a new home where they will be part of something bigger.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-8.webp" alt="Attendees at the event">
<figcaption>Photographs of the attendees at the event!</figcaption>
</figure>
<blockquote class="article-quote">
<p>“The event was a 'game changer' for me because I finally got information that really helped me get to know student Slovenia instead of just another pile of brochures. The panel was great, relaxed, with talks about the best places to go out, days stuck in the library, life in student dorms, and the classic 'I overslept before the exam' story... P.S. And the networking, the networking was top – no awkward silence.”</p>
<footer>— Borjan Jovanovski, future student and event participant</footer>
</blockquote>
<h2>Practical advice first-hand</h2>
<p>A special moment of the event was the address by the Consul of the Embassy of the Republic of Slovenia in North Macedonia, Mr. Martin Glazar. He briefly presented the most important steps of the process for obtaining a temporary residence permit – one of the biggest concerns and challenges for all foreign students in Slovenia. In this way, future students gained a clearer picture of what awaits them and how to more easily deal with administrative procedures.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-9.png" alt="The Consul introducing students to the process of obtaining a temporary residence permit">
<figcaption>Photograph of the consul introducing students in an interesting way to the process of obtaining a temporary residence permit!</figcaption>
</figure>
<h2>For those who were not physically present with us</h2>
<p>Not everyone managed to be present in the hall, but that's why we made sure no one was left without this experience. We broadcast the event live through our Facebook page, and the recording is still available. If you want to experience the atmosphere and hear the stories first-hand, you can watch the entire event at this link here.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-10.webp" alt="Poster for the 'Meet Student Slovenia' event">
<figcaption>Photograph of the event poster!</figcaption>
</figure>
<h2>See you in Slovenia!</h2>
<p>With "Meet Student Slovenia 2023," we managed to extend a hand to new students and show them that an exciting journey full of new friendships, challenges, and successes awaits them. We sincerely hope that next time we will meet right there – in the lecture halls, student dorms, and on the streets of Ljubljana, Maribor, and Koper.</p>
<p>This event would not have been possible without the support of our partners and friends, to whom we extend our immense gratitude:</p>
<ol>
<li>Embassy of the Republic of Slovenia in North Macedonia (partner)</li>
<li>NLB Bank Skopje (main sponsor and patron)</li>
<li>Capital Financial Center (sponsor)</li>
<li>Dijag doo (sponsor)</li>
<li>Radio MOF (media partner)</li>
</ol>
<p>Thanks to everyone who was part of this event – and to future students, we say: your story in Slovenia is just beginning, and we are here to be a part of it.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-11.png" alt="A small part of the MSOS team">
<figcaption>Photo of a small part of the team because we forgot to take a group photo!&#129322;</figcaption>
</figure>
</div>
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
<a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="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 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

206
en/projects/meet-student-slovenia-2024/index.html
View File

@ -18,29 +18,55 @@
</head>
<body>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<span id="current-lang-code-mobile">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@ -51,39 +77,14 @@
</div>
</div>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@ -94,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../../images/event4-img-1.JPG" alt="A group of students at the 'Meet Student Slovenia 2024' event">
<img src="../../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event">
</figure>
<div class="article-body">
@ -104,12 +105,12 @@
<p>Our goal was never to create "dry presentations." Instead, we organized a panel – a real conversation with four students who are already living the Slovenian student life. Marija Koštrevska from the University of Ljubljana, Vasil Hanџiski from the University of Maribor, Sofija Matovska from the University of Nova Gorica, and Igor Arsov from the University of Primorska spoke about everything: the first days away from home, how to find accommodation, what student "boni" (subsidized meals) are, and what it's like to build a new circle of friends. Everyone shared something of their own, and the audience asked questions and participated – just like a coffee chat.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-2.JPG" alt="Panel discussion with speakers">
<img src="../../../images/event4-img-2.webp" alt="Panel discussion with speakers">
<figcaption>Photograph of the moderator and panelists in the following order: Klimentina Čapovska (left, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov, and Sofija Matovska.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-3.png" alt="Marija Koštrevska and Sofija Matovska sharing their student experiences in Slovenia.">
<img src="../../../images/event4-img-3.webp" alt="Marija Koštrevska and Sofija Matovska sharing their student experiences in Slovenia.">
<figcaption>Marija Koštrevska (in the upper picture) and Sofija Matovska (in the lower picture) are recounting their student experiences in Slovenia.</figcaption>
</figure>
@ -117,20 +118,20 @@
<p>This evening was not just an exchange of information. It was a moment when future students understood that they are not alone in their worries and fears. Every question received an answer from experience, every dilemma was resolved with a real-life example. Many left encouraged, with new friends, and with the feeling that Slovenia is no longer so distant and unknown.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-4.png" alt="Marko Ivanovski, event host">
<img src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, event host">
<figcaption>Marko Ivanovski, host of the event.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-5.png" alt="Lea Janačkovska, event coordinator">
<img src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, event coordinator">
<figcaption>Lea Janačkovska, event coordinator.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-6.JPG" alt="Marko Arsov, presenter">
<img src="../../../images/event4-img-6.webp" alt="Marko Arsov, presenter">
<figcaption>Marko Arsov, presenter.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-7.png" alt="Representatives of the Embassy, the Management Board of NLB Bank and the Management Board of MSOS.">
<img src="../../../images/event4-img-7.webp" alt="Representatives of the Embassy, the Management Board of NLB Bank and the Management Board of MSOS.">
<figcaption>The bottom picture shows representatives of the Embassy, the Management Board of NLB Bank, and the Management Board of MSOS.</figcaption>
</figure>
@ -138,12 +139,12 @@
<p>"Meet Student Slovenia 2024" would not have looked this way without the help of our partners and friends. We extend great gratitude to the Embassy of the Republic of Slovenia in North Macedonia, NLB Bank Skopje as the patron and main sponsor of the entire event, and Capital Financial Center, who with their support made it possible for the event to be realized at this high level.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-8.JPG" alt="Newly printed MSOS stickers">
<img src="../../../images/event4-img-8.webp" alt="Newly printed MSOS stickers">
<figcaption>Photograph of the newly printed MSOS stickers.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-9.png" alt="Handing over flowers as a thank you to the Embassy, Capital Financial Center and NLB Bank Skopje">
<img src="../../../images/event4-img-9.webp" alt="Handing over flowers as a thank you to the Embassy, Capital Financial Center and NLB Bank Skopje">
<figcaption>Photograph from the handing over of flowers as a sign of gratitude to the Embassy, Capital Financial Center, and NLB Bank Skopje.</figcaption>
</figure>
@ -151,7 +152,7 @@
<p>This time, the memories of the evening are thanks to Hristina Trakovska, who was the photographer and made sure all those moments were captured so we can relive them again through photographs.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-10.png" alt="Welcome speech by H.E. Ambassador Mr. Gregor Presker.">
<img src="../../../images/event4-img-10.webp" alt="Welcome speech by H.E. Ambassador Mr. Gregor Presker.">
<figcaption>Photograph of the welcome speech by H.E. Ambassador Mr. Gregor Presker.</figcaption>
</figure>
@ -159,7 +160,7 @@
<p>Because this event was not just another presentation. It was a hand extended to future students – a message that they are not alone, that a community is already waiting for them. Some left with new friends, others with concrete answers to questions that had bothered them for months. But everyone left with the same feeling: that Slovenia is no longer an unknown place, but a new home where they will be part of something bigger.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-11.JPG" alt="Attendees asking questions to the panelists">
<img src="../../../images/event4-img-11.webp" alt="Attendees asking questions to the panelists">
<figcaption>Moments when the participants ask questions to the panelists!😊✨</figcaption>
</figure>
@ -167,7 +168,7 @@
<p>We know that not everyone managed to attend the NLB Gallery, but we therefore provided a high-quality livestream. The event was broadcast live and is now available for re-watching. If you want to feel the atmosphere and hear the honest stories from the panel, you can watch the entire event at this link <a href="#">Watch the video here.</a></p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-12.jpeg" alt="Poster for the 'Meet Student Slovenia' event">
<img src="../../../images/event4-img-12.webp" alt="Poster for the 'Meet Student Slovenia' event">
<figcaption>Photograph of the event poster!</figcaption>
</figure>
@ -181,7 +182,7 @@
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.jpg" alt="Avatar of Kristijan Popovski">
<img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
@ -214,57 +215,60 @@
</section>
</main>
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="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>
<!-- 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>
<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>
<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>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="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>
</footer>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>

275
en/projects/meet-student-slovenia-2024/index.html.bak Normal file
View File

@ -0,0 +1,275 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meet Student Slovenia 2024 - 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">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on September 16, 2024</p>
<h1>Meet Student Slovenia 2024</h1>
<p class="article-subtitle">When student stories turn into the first step towards a new home.</p>
</header>
<figure class="article-main-image">
<img src="../../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event">
</figure>
<div class="article-body">
<p>Following the success in 2023, "Meet Student Slovenia" returned this year with even greater energy. On September 16, 2024, at the NLB Gallery in Skopje, we held the second edition of the event, which has become a true tradition. The interest was enormous – we had twice as many applications as the capacity of the venue. The atmosphere was full of excitement, questions, and a desire for new beginnings.</p>
<h2>"Coffee chat" with future colleagues, but on a panel discussion</h2>
<p>Our goal was never to create "dry presentations." Instead, we organized a panel – a real conversation with four students who are already living the Slovenian student life. Marija Koštrevska from the University of Ljubljana, Vasil Hanџiski from the University of Maribor, Sofija Matovska from the University of Nova Gorica, and Igor Arsov from the University of Primorska spoke about everything: the first days away from home, how to find accommodation, what student "boni" (subsidized meals) are, and what it's like to build a new circle of friends. Everyone shared something of their own, and the audience asked questions and participated – just like a coffee chat.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-2.webp" alt="Panel discussion with speakers">
<figcaption>Photograph of the moderator and panelists in the following order: Klimentina Čapovska (left, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov, and Sofija Matovska.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-3.webp" alt="Marija Koštrevska and Sofija Matovska sharing their student experiences in Slovenia.">
<figcaption>Marija Koštrevska (in the upper picture) and Sofija Matovska (in the lower picture) are recounting their student experiences in Slovenia.</figcaption>
</figure>
<h2>What remained behind us</h2>
<p>This evening was not just an exchange of information. It was a moment when future students understood that they are not alone in their worries and fears. Every question received an answer from experience, every dilemma was resolved with a real-life example. Many left encouraged, with new friends, and with the feeling that Slovenia is no longer so distant and unknown.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, event host">
<figcaption>Marko Ivanovski, host of the event.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, event coordinator">
<figcaption>Lea Janačkovska, event coordinator.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-6.webp" alt="Marko Arsov, presenter">
<figcaption>Marko Arsov, presenter.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-7.webp" alt="Representatives of the Embassy, the Management Board of NLB Bank and the Management Board of MSOS.">
<figcaption>The bottom picture shows representatives of the Embassy, the Management Board of NLB Bank, and the Management Board of MSOS.</figcaption>
</figure>
<h2>The support that made a difference</h2>
<p>"Meet Student Slovenia 2024" would not have looked this way without the help of our partners and friends. We extend great gratitude to the Embassy of the Republic of Slovenia in North Macedonia, NLB Bank Skopje as the patron and main sponsor of the entire event, and Capital Financial Center, who with their support made it possible for the event to be realized at this high level.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-8.webp" alt="Newly printed MSOS stickers">
<figcaption>Photograph of the newly printed MSOS stickers.</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-img-9.webp" alt="Handing over flowers as a thank you to the Embassy, Capital Financial Center and NLB Bank Skopje">
<figcaption>Photograph from the handing over of flowers as a sign of gratitude to the Embassy, Capital Financial Center, and NLB Bank Skopje.</figcaption>
</figure>
<p>Special thanks go to the MSOS team, who worked tirelessly for weeks on preparations – from the initial idea to the last detail of the evening. Above all, great recognition goes to Lea Janačkovska, the event coordinator, who with her energy, patience, and organizational skills ensured that every piece fell into place.</p>
<p>This time, the memories of the evening are thanks to Hristina Trakovska, who was the photographer and made sure all those moments were captured so we can relive them again through photographs.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-10.png" alt="Welcome speech by H.E. Ambassador Mr. Gregor Presker.">
<figcaption>Photograph of the welcome speech by H.E. Ambassador Mr. Gregor Presker.</figcaption>
</figure>
<h2>Why was it special?</h2>
<p>Because this event was not just another presentation. It was a hand extended to future students – a message that they are not alone, that a community is already waiting for them. Some left with new friends, others with concrete answers to questions that had bothered them for months. But everyone left with the same feeling: that Slovenia is no longer an unknown place, but a new home where they will be part of something bigger.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-11.webp" alt="Attendees asking questions to the panelists">
<figcaption>Moments when the participants ask questions to the panelists!😊✨</figcaption>
</figure>
<h2>For those who were not physically present with us</h2>
<p>We know that not everyone managed to attend the NLB Gallery, but we therefore provided a high-quality livestream. The event was broadcast live and is now available for re-watching. If you want to feel the atmosphere and hear the honest stories from the panel, you can watch the entire event at this link <a href="#">Watch the video here.</a></p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-12.webp" alt="Poster for the 'Meet Student Slovenia' event">
<figcaption>Photograph of the event poster!</figcaption>
</figure>
<h2>See you in Slovenia!</h2>
<p>"Meet Student Slovenia" is not just an event. It is a place where future students take their first step – with support, with first-hand advice, and with the feeling that they are not alone. And this year we managed to create that feeling, and that is the greatest victory.</p>
<p>See you again next year!</p>
<p>P.S. Every year after a successfully organized event, the MSOS team traditionally heads to the nearest tavern, for an evening full of socializing, singing, and emotions! 😊 That's why it's worth being part of our team! Join us.</p>
</div>
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
<a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="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 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

196
en/projects/morning-coffee-in-front-of-ctk/index.html
View File

@ -18,29 +18,55 @@
</head>
<body>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code">EN</span>
<span id="current-lang-code-mobile">EN</span>
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
@ -51,39 +77,14 @@
</div>
</div>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@ -94,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../../images/event4-image1.jpg" alt="Students enjoying coffee and burek in front of CTK library.">
<img src="../../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library.">
</figure>
<div class="article-body">
@ -104,19 +105,19 @@
<p>The exam session always brings stress – hours and hours of studying, conversations revolving only around exams, first and second attempts, passed or not, some taking the exam for the first time, and some for the fifth time. That's why we decided to take a short break to catch our breath: to relax, to laugh, and to remind ourselves that we're in this study stress together.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image2.jpg" alt="Students lining up in front of the CTK library building.">
<img src="../../../images/event4-image2.webp" alt="Students lining up in front of the CTK library building.">
<figcaption>Hundreds of students lined up in front of CTK, waiting even before opening to secure a spot in the library on time.</figcaption>
</figure>
<p>With a cup of hot coffee in hand, and thanks to <strong>Burek Olimpija</strong>, we enjoyed delicious burek with meat and with cheese. We also tried to bring in a bit of fun – we invited students to bring their own cups, and there was a prize for the most creative ones.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image3.jpg" alt="A student smiling while eating a piece of burek.">
<img src="../../../images/event4-image3.webp" alt="A student smiling while eating a piece of burek.">
<figcaption>Free warm burek – the secret formula for solving even the toughest mathematical problems 😉</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-image4.jpg" alt="A group of students with hot coffee posing for the camera.">
<img src="../../../images/event4-image4.webp" alt="A group of students with hot coffee posing for the camera.">
<figcaption>A group of students with hot coffee, posing for the camera.</figcaption>
</figure>
@ -125,7 +126,7 @@
<p>The reactions were instant – students rushed to write, and the answers were everything but boring: from "chaotic" and “We want to sleep! (not in CTK)!" to "chill", "stressed", "exhausted", "happy" and "sleepy". In other words – a whole spectrum of student emotions, honestly poured into just a few words.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image5.jpg" alt="A white board with handwritten student answers about their feelings during the exam period.">
<img src="../../../images/event4-image5.webp" alt="A white board with handwritten student answers about their feelings during the exam period.">
<figcaption>Witty and sincere answers on the big question boards at CTK.</figcaption>
</figure>
@ -136,14 +137,14 @@
<p>Around 150 people visited the joint stand of MSOS, Skupina Povezani, and CTK to hang out, have coffee, grab a snack, and exchange stories among books and deadlines. The event took place in an excellent atmosphere – lots of smiles, new acquaintances, and a small reminder that even in the most stressful periods, there's always time for coffee and good company.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image6.jpg" alt="Students gathered at the joint stand during the event.">
<img src="../../../images/event4-image6.webp" alt="Students gathered at the joint stand during the event.">
<figcaption>Part of the atmosphere at the joint stand</figcaption>
</figure>
<p>See you again next year – even more relaxed and with even more coffee!</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image7.png" alt="A collage of photos showing students, coffee cups, and burek.">
<img src="../../../images/event4-image7.webp" alt="A collage of photos showing students, coffee cups, and burek.">
<figcaption>Good company, lots of memories, and exam stress overcome together.</figcaption>
</figure>
</div>
@ -152,7 +153,7 @@
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.jpg" alt="Avatar of Kristijan Popovski">
<img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
@ -183,57 +184,60 @@
</section>
</main>
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="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>
<!-- 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>
<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>
<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>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="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>
</footer>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>

244
en/projects/morning-coffee-in-front-of-ctk/index.html.bak Normal file
View File

@ -0,0 +1,244 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Morning Coffee in front of CTK – 2024: Coffee, burek, and lots of smiles</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 using the correct relative path -->
<link rel="stylesheet" href="../../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on June 8, 2024</p>
<h1>Morning Coffee in front of CTK – 2024: Coffee, burek, and lots of smiles</h1>
<p class="article-subtitle">When exams somehow become easier with Saturday morning coffee, burek, and good company in at CTK!</p>
</header>
<figure class="article-main-image">
<img src="../../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library.">
</figure>
<div class="article-body">
<p>On June 8, 2024, from 9 to 12 AM, at the Central Technical Library of the University of Ljubljana (CTK), we organized our already traditional student break – Morning Coffee in at CTK together with the team from Skupina Povezani and CTK. This was the second year in a row that we gathered at the same place, but each time brings new moments to remember.</p>
<h2>Beating Exam Stress with Coffee</h2>
<p>The exam session always brings stress – hours and hours of studying, conversations revolving only around exams, first and second attempts, passed or not, some taking the exam for the first time, and some for the fifth time. That's why we decided to take a short break to catch our breath: to relax, to laugh, and to remind ourselves that we're in this study stress together.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image2.webp" alt="Students lining up in front of the CTK library building.">
<figcaption>Hundreds of students lined up in front of CTK, waiting even before opening to secure a spot in the library on time.</figcaption>
</figure>
<p>With a cup of hot coffee in hand, and thanks to <strong>Burek Olimpija</strong>, we enjoyed delicious burek with meat and with cheese. We also tried to bring in a bit of fun – we invited students to bring their own cups, and there was a prize for the most creative ones.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image3.webp" alt="A student smiling while eating a piece of burek.">
<figcaption>Free warm burek – the secret formula for solving even the toughest mathematical problems 😉</figcaption>
</figure>
<figure class="article-inline-image">
<img src="../../../images/event4-image4.webp" alt="A group of students with hot coffee posing for the camera.">
<figcaption>A group of students with hot coffee, posing for the camera.</figcaption>
</figure>
<h2>We asked two questions that revealed a whole palette of student emotions</h2>
<p>For an extra dose of interaction, we set up two big boards with questions that simply make you want to answer: <strong>“How do I survive the exam session?"</strong> and <strong>"Kako bi opisal počutje med izpitnem obdobjem?”</strong> (“How would you describe your feelings during the exam period?" in Slovenian).</p>
<p>The reactions were instant – students rushed to write, and the answers were everything but boring: from "chaotic" and “We want to sleep! (not in CTK)!" to "chill", "stressed", "exhausted", "happy" and "sleepy". In other words – a whole spectrum of student emotions, honestly poured into just a few words.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image5.webp" alt="A white board with handwritten student answers about their feelings during the exam period.">
<figcaption>Witty and sincere answers on the big question boards at CTK.</figcaption>
</figure>
<h2>How we went from coffee to a flight simulator and 3D printing machines</h2>
<p>As a bonus for students, in cooperation with the university's technical library, the program was enriched with a CTK exhibition, where a flight simulator, 3D printers, and other interesting equipment were presented. Students could try them out and then rent them for free at the CTK Creative Studio – part of their educational program.</p>
<h2>Coffee and burek = motivation to get up every day and study for 12 hours</h2>
<p>Around 150 people visited the joint stand of MSOS, Skupina Povezani, and CTK to hang out, have coffee, grab a snack, and exchange stories among books and deadlines. The event took place in an excellent atmosphere – lots of smiles, new acquaintances, and a small reminder that even in the most stressful periods, there's always time for coffee and good company.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image6.webp" alt="Students gathered at the joint stand during the event.">
<figcaption>Part of the atmosphere at the joint stand</figcaption>
</figure>
<p>See you again next year – even more relaxed and with even more coffee!</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image7.png" alt="A collage of photos showing students, coffee cups, and burek.">
<figcaption>Good company, lots of memories, and exam stress overcome together.</figcaption>
</figure>
</div>
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
<a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<form class="subscribe-form-bottom">
<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>
</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 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
</body>
</html>

193
en/projects/testproject/index.html
View File

@ -18,54 +18,73 @@
</head>
<body>
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../" class="logo-link">
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Navigacija za namizje -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
</div>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Gumbi za namizje -->
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<i class="fas fa-globe"></i>
<i class="fas fa-chevron-down"></i>
</div>
</div>
<!-- Panel za mobilno navigacijo (združuje povezave in gumbe) -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Ikona za mobilni meni (Hamburger/X) -->
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
@ -76,7 +95,7 @@
</header>
<figure class="article-main-image">
<img src="../../images/msnl-1.jpg" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
</figure>
<div class="article-body">
@ -86,7 +105,7 @@
<p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-2.png" alt="Preparations and meetings for the Macedonian Student Night">
<img src="../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
<figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
</figure>
@ -94,7 +113,7 @@
<p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-3.jpg" alt="Poster where Slovenians learn the Macedonian alphabet">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
</figure>
@ -107,14 +126,14 @@
<p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-4.png" alt="Stands with Macedonian symbols, food, and drinks">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
</figure>
<p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-5.jpg" alt="Mini quiz about Macedonia">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
</figure>
@ -122,7 +141,7 @@
<p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-6.jpg" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
</figure>
@ -139,7 +158,7 @@
<p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-7.jpg" alt="The dedicated team of volunteers after cleaning up the venue">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
</figure>
</div>
@ -148,7 +167,7 @@
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../images/11-boy.jpg" alt="Avatar of Kristijan Popovski">
<img src="../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
@ -181,58 +200,60 @@
</section>
</main>
<!-- Footer je enak kot na domači strani -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
<!-- 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>
<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>
<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>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
<div class="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>
</footer>
<hr>
<div class="footer-bottom">
<p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>

260
en/projects/testproject/index.html.bak Normal file
View File

@ -0,0 +1,260 @@
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Macedonian Student Night in Ljubljana - MSOS</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Font Awesome (for icons) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Povezava na novo glavno CSS datoteko -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<div class="header-content">
<a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a>
<!-- Desktop Navigation -->
<nav class="navigation desktop-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
</div>
<!-- Desktop Buttons -->
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher -->
<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>
<!-- Mobile Navigation Panel -->
<div class="mobile-nav-panel">
<nav class="navigation mobile-nav">
<a href="#">About us</a>
<a href="#">For Students</a>
<a href="../../../en/projects/">Projects</a>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Become a partner</button>
<button class="btn btn-primary">Donate</button>
<!-- Language Switcher (for mobile) -->
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">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>
<!-- Mobile Menu Icon (Hamburger/X) -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- END_HEADER -->
<main class="article-page">
<article class="article-container">
<header class="article-header">
<p class="article-publish-date">Published on October 8, 2022</p>
<h1>Macedonian Student Night in Ljubljana</h1>
<p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
</header>
<figure class="article-main-image">
<img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
</figure>
<div class="article-body">
<p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p>
<h2>How an idea for socializing became the start of a movement</h2>
<p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-2.png" alt="Preparations and meetings for the Macedonian Student Night">
<figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
</figure>
<p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
<p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
<figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
</figure>
<blockquote class="article-quote">
<p>“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
<footer>— Marko - first-year student (at the time)</footer>
</blockquote>
<h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
<p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
<figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
</figure>
<p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
<figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
</figure>
<h2>Support from the Macedonian community and diplomacy</h2>
<p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
<figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
</figure>
<p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p>
<p>The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
<blockquote class="article-quote">
<p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”</p>
<footer>— Hristijan - second-year student (at the time)</footer>
</blockquote>
<h2>A beginning to remember</h2>
<p>That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
<p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>
<figure class="article-inline-image">
<img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
<figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
</figure>
</div>
<footer class="article-footer">
<hr>
<div class="author-share-section">
<div class="author-details">
<img src="../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
<div class="author-text">
<p class="author-name">Kristijan Popovski</p>
<p class="author-title">President and Founder</p>
</div>
</div>
<div class="share-buttons">
<button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
<a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</footer>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img src="../../../images/13-whitelogo.png" alt="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 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>

BIN
images/10-girl1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

BIN
images/11-boy.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
images/12-girl2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
images/2.hero.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

BIN
images/3.activites.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

BIN
images/4-billwalsh.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

BIN
images/5-pmmentals.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
images/6-whatiswireframing.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
images/7-graphicdesigner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
images/8-graphicdesigner.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
images/9-becomepart.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
images/event3-photo-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

BIN
images/event3-photo-10.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 135 KiB

BIN
images/event3-photo-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 139 KiB

BIN
images/event3-photo-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

BIN
images/event3-photo-4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

BIN
images/event3-photo-5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 145 KiB

BIN
images/event3-photo-6.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 85 KiB

BIN
images/event3-photo-7.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 155 KiB

BIN
images/event3-photo-8.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
images/event3-photo-9.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
images/event4-image1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 KiB

BIN
images/event4-image2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
images/event4-image3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 47 KiB

BIN
images/event4-image4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
images/event4-image5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
images/event4-image6.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 238 KiB

BIN
images/event4-image7.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

BIN
images/event4-img-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 119 KiB

BIN
images/event4-img-10.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
images/event4-img-11.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

BIN
images/event4-img-12.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

BIN
images/event4-img-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

BIN
images/event4-img-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
images/event4-img-4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 KiB

BIN
images/event4-img-5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

BIN
images/event4-img-6.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

BIN
images/event4-img-7.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 133 KiB

BIN
images/event4-img-8.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
images/event4-img-9.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

BIN
images/msnl-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

BIN
images/msnl-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
images/msnl-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
images/msnl-4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
images/msnl-5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
images/msnl-6.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
images/msnl-7.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

0
images/10-girl1.jpg → images/original/10-girl1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 MiB

After

Width:  |  Height:  |  Size: 7.5 MiB

0
images/11-boy.jpg → images/original/11-boy.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 MiB

After

Width:  |  Height:  |  Size: 7.3 MiB

0
images/12-girl2.jpg → images/original/12-girl2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 MiB

After

Width:  |  Height:  |  Size: 7.3 MiB

0
images/2.hero.jpg → images/original/2.hero.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 MiB

After

Width:  |  Height:  |  Size: 2.5 MiB

0
images/3.activites.jpg → images/original/3.activites.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 MiB

After

Width:  |  Height:  |  Size: 8.8 MiB

0
images/4-billwalsh.jpg → images/original/4-billwalsh.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 307 KiB

After

Width:  |  Height:  |  Size: 307 KiB

0
images/5-pmmentals.jpg → images/original/5-pmmentals.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 202 KiB

After

Width:  |  Height:  |  Size: 202 KiB

0
images/6-whatiswireframing.jpg → images/original/6-whatiswireframing.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 127 KiB

After

Width:  |  Height:  |  Size: 127 KiB

0
images/7-graphicdesigner.png → images/original/7-graphicdesigner.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 88 KiB

0
images/8-graphicdesigner.png → images/original/8-graphicdesigner.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 127 KiB

After

Width:  |  Height:  |  Size: 127 KiB

0
images/9-becomepart.png → images/original/9-becomepart.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 MiB

After

Width:  |  Height:  |  Size: 13 MiB

0
images/event3-photo-1.jpg → images/original/event3-photo-1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 1.8 MiB

0
images/event3-photo-10.png → images/original/event3-photo-10.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.8 MiB

After

Width:  |  Height:  |  Size: 5.8 MiB

0
images/event3-photo-2.jpg → images/original/event3-photo-2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 2.1 MiB

0
images/event3-photo-3.jpg → images/original/event3-photo-3.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

0
images/event3-photo-4.jpg → images/original/event3-photo-4.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 2.4 MiB

0
images/event3-photo-5.png → images/original/event3-photo-5.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 MiB

After

Width:  |  Height:  |  Size: 25 MiB

0
images/event3-photo-6.jpg → images/original/event3-photo-6.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

0
images/event3-photo-7.png → images/original/event3-photo-7.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 MiB

After

Width:  |  Height:  |  Size: 30 MiB

0
images/event3-photo-8.jpg → images/original/event3-photo-8.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

0
images/event3-photo-9.png → images/original/event3-photo-9.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 122 KiB

After

Width:  |  Height:  |  Size: 122 KiB

0
images/event4-image1.jpg → images/original/event4-image1.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

0
images/event4-image2.jpg → images/original/event4-image2.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 165 KiB

After

Width:  |  Height:  |  Size: 165 KiB

0
images/event4-image3.jpg → images/original/event4-image3.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 642 KiB

After

Width:  |  Height:  |  Size: 642 KiB

0
images/event4-image4.jpg → images/original/event4-image4.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.1 MiB

0
images/event4-image5.jpg → images/original/event4-image5.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 74 KiB

0
images/event4-image6.jpg → images/original/event4-image6.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

0
images/event4-image7.png → images/original/event4-image7.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 MiB

After

Width:  |  Height:  |  Size: 2.8 MiB

0
images/event4-img-1.JPG → images/original/event4-img-1.JPG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 MiB

After

Width:  |  Height:  |  Size: 15 MiB

0
images/event4-img-10.png → images/original/event4-img-10.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB

0
images/event4-img-11.JPG → images/original/event4-img-11.JPG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 MiB

After

Width:  |  Height:  |  Size: 12 MiB

0
images/event4-img-12.jpeg → images/original/event4-img-12.jpeg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 215 KiB

After

Width:  |  Height:  |  Size: 215 KiB

0
images/event4-img-2.JPG → images/original/event4-img-2.JPG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 MiB

After

Width:  |  Height:  |  Size: 11 MiB

0
images/event4-img-3.png → images/original/event4-img-3.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 MiB

After

Width:  |  Height:  |  Size: 23 MiB

0
images/event4-img-4.png → images/original/event4-img-4.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 MiB

After

Width:  |  Height:  |  Size: 38 MiB

0
images/event4-img-5.png → images/original/event4-img-5.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 MiB

After

Width:  |  Height:  |  Size: 41 MiB

0
images/event4-img-6.JPG → images/original/event4-img-6.JPG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 MiB

After

Width:  |  Height:  |  Size: 11 MiB

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