400 lines
21 KiB
HTML
400 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Our Team, Mission, Vision & Core Values - MSOS</title>
|
|
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Font Awesome (for icons) -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
<!-- Link to the main CSS file -->
|
|
<link rel="stylesheet" href="../../css/main.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- START_HEADER -->
|
|
<header class="dropdown-header-navigation">
|
|
<div class="container">
|
|
<!-- Logotip je zdaj samostojen element na levi strani -->
|
|
<a href="../../en/" class="logo-link">
|
|
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
|
</a>
|
|
|
|
<!-- Nov ovoj za vse elemente na desni strani -->
|
|
<div class="header-right-wrapper">
|
|
<nav>
|
|
<ul class="navigation desktop-nav">
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Who We Are</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Timeline & Milestones</a></li>
|
|
<li><a href="#">Our team, mission, vision & core values</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">What We Do</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../en/projects/">Event & Projects</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Gallery</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Get Involved</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Become a member</a></li>
|
|
<li><a href="#">Support MSOS</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">For Students</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Student Welcome Guide</a></li>
|
|
<li><a href="#">Mentorship Programme</a></li>
|
|
<li><a href="#">FAQs</a></li>
|
|
<li><a href="#">Get to know Slovenia</a></li>
|
|
<li><a href="#">Get to know North Macedonia</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">News</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Announcements</a></li>
|
|
<li><a href="#">Open calls</a></li>
|
|
<li><a href="#">Press releases</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="navigation-actions">
|
|
<button class="btn btn-secondary">Become a member</button>
|
|
<button class="btn btn-primary">Donate</button>
|
|
<div class="language-selector">
|
|
<div class="current-lang">
|
|
<i class="fas fa-globe"></i>
|
|
<span id="current-lang-code">EN</span>
|
|
<i class="fas fa-chevron-down"></i>
|
|
</div>
|
|
<div class="lang-dropdown">
|
|
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
|
<a href="#" data-lang="en">English (EN)</a>
|
|
<a href="#" data-lang="mk">Македонски (MK)</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
|
|
<div class="mobile-menu-icon">
|
|
<i class="fas fa-bars"></i>
|
|
<i class="fas fa-times"></i>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
|
<div class="mobile-nav-panel">
|
|
<nav>
|
|
<ul class="navigation mobile-nav">
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Who We Are</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Timeline & Milestones</a></li>
|
|
<li><a href="#">Our team, mission, vision & core values</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">What We Do</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="../../en/projects/">Event & Projects</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Gallery</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Get Involved</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Become a member</a></li>
|
|
<li><a href="#">Support MSOS</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">For Students</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Student Welcome Guide</a></li>
|
|
<li><a href="#">Mentorship Programme</a></li>
|
|
<li><a href="#">FAQs</a></li>
|
|
<li><a href="#">Get to know Slovenia</a></li>
|
|
<li><a href="#">Get to know North Macedonia</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">News</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Announcements</a></li>
|
|
<li><a href="#">Open calls</a></li>
|
|
<li><a href="#">Press releases</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="navigation-actions">
|
|
<button class="btn btn-secondary">Become a member</button>
|
|
<button class="btn btn-primary">Donate</button>
|
|
<div class="language-selector">
|
|
<button class="current-lang" id="mobile-lang-trigger">
|
|
<i class="fas fa-globe"></i>
|
|
<span>EN</span>
|
|
<i class="fas fa-chevron-right"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
|
<div id="language-modal-overlay">
|
|
<div class="language-modal-content">
|
|
<div class="language-modal-header">
|
|
<h3>Select Language</h3>
|
|
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
|
</div>
|
|
<div class="language-modal-body">
|
|
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
|
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
|
<a href="#" data-lang="mk">Македонски (MK)</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END_HEADER -->
|
|
|
|
<main class="page-content">
|
|
<!-- About Us Header Section -->
|
|
<section class="page-header-section">
|
|
<div class="container text-center">
|
|
<span class="page-subtitle" style="text-transform: uppercase;">About us</span>
|
|
<h1>Our team, mission, vision & core values</h1>
|
|
<p class="page-description">MSOS is more than an organization - it is the energy of the team behind it. Our members are the heart and driving force that inspires us, writing this story and shaping student life in Slovenia.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Leadership Team Section -->
|
|
<section class="team-section">
|
|
<div class="page-header-section">
|
|
<h2>Leadership team</h2>
|
|
</div>
|
|
<div class="team-grid">
|
|
<!-- Kristijan Popovski -->
|
|
<div class="member-card" id="member-kristijan">
|
|
<div class="member-content">
|
|
<div class="member-socials">
|
|
<a href="mailto:kristijan.popovski@msosorg.com" aria-label="Email Kristijan Popovski"><i class="fas fa-envelope"></i></a>
|
|
<a href="https://www.linkedin.com/in/popovski-k?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app" target="_blank" aria-label="LinkedIn profile of Kristijan Popovski"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="https://www.instagram.com/popovski.k/" target="_blank" aria-label="Instagram profile of Kristijan Popovski"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
<div class="member-info">
|
|
<h4>Kristijan Popovski</h4>
|
|
<p class="role">Founder and President</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Lea Janachkovska -->
|
|
<div class="member-card" id="member-lea">
|
|
<div class="member-content">
|
|
<div class="member-socials">
|
|
<a href="mailto:lea.janackovska@msosorg.com" aria-label="Email Lea Janachkovska"><i class="fas fa-envelope"></i></a>
|
|
<a href="https://www.linkedin.com/in/lea-janachkovska-9833b9246?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app" target="_blank" aria-label="LinkedIn profile of Lea Janachkovska"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="https://www.instagram.com/lea_janackovska?igsh=djl0M2hjMXc0cWF2" target="_blank" aria-label="Instagram profile of Lea Janachkovska"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
<div class="member-info">
|
|
<h4>Lea Janachkovska</h4>
|
|
<p class="role">Board Member</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Marko Arsov -->
|
|
<div class="member-card" id="member-marko">
|
|
<div class="member-content">
|
|
<div class="member-socials">
|
|
<a href="mailto:marko.arsov@msosorg.com" aria-label="Email Marko Arsov"><i class="fas fa-envelope"></i></a>
|
|
<a href="https://www.linkedin.com/in/marko-arsov-3313202b9?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app" target="_blank" aria-label="LinkedIn profile of Marko Arsov"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="https://www.instagram.com/marko.arsov?igsh=OXh6dnRkNGNuZmpw" target="_blank" aria-label="Instagram profile of Marko Arsov"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
<div class="member-info">
|
|
<h4>Marko Arsov</h4>
|
|
<p class="role">Board Member</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Marija Koshtrevska -->
|
|
<div class="member-card" id="member-marija">
|
|
<div class="member-content">
|
|
<div class="member-socials">
|
|
<a href="mailto:marija.koshtrevska@msosorg.com" aria-label="Email Marija Koshtrevska"><i class="fas fa-envelope"></i></a>
|
|
<a href="https://www.linkedin.com/in/marija-koshtrevska?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app" target="_blank" aria-label="LinkedIn profile of Marija Koshtrevska"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="https://www.instagram.com/koshtrevska_10?igsh=eng3a2RlNHA5NGRn" target="_blank" aria-label="Instagram profile of Marija Koshtrevska"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
<div class="member-info">
|
|
<h4>Marija Koshtrevska</h4>
|
|
<p class="role">Board Member</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Monika Velinova -->
|
|
<div class="member-card" id="member-monika">
|
|
<div class="member-content">
|
|
<div class="member-socials">
|
|
<a href="mailto:monika.velinova@msosorg.com" aria-label="Email Monika Velinova"><i class="fas fa-envelope"></i></a>
|
|
<a href="https://www.linkedin.com/in/monika-velinova-21632517a?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app" target="_blank" aria-label="LinkedIn profile of Monika Velinova"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="https://www.instagram.com/monivelinova?igsh=MTUxOGRmNjNkeXdiaA==" target="_blank" aria-label="Instagram profile of Monika Velinova"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
<div class="member-info">
|
|
<h4>Monika Velinova</h4>
|
|
<p class="role">Board Member</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Our Core Values Section -->
|
|
<section class="core-values-section">
|
|
<div class="page-header-section">
|
|
<h2>Our core values</h2>
|
|
<p class="page-description">Our shared values keep us connected and guide us as one team.</p>
|
|
</div>
|
|
<div class="values-container">
|
|
<div class="value-row">
|
|
<div class="value-content">
|
|
<h3>Volunteer spirit</h3>
|
|
<p>The strength of MSOS comes from giving our time and energy selflessly. Every project, event, and idea in MSOS is built on the hard work of our amazing volunteers. Our volunteer spirit is a testament to the dedication, passion, and collaborative energy of our community and the reason why we grow stronger together.</p>
|
|
</div>
|
|
<div class="value-image">
|
|
<img src="../../images/about_volunteer_spirit.webp" alt="A group of volunteers working together with positive energy.">
|
|
</div>
|
|
</div>
|
|
<div class="value-row">
|
|
<div class="value-image">
|
|
<img src="../../images/about_solidarity_and_care_for_each_other.webp" alt="Students supporting each other in a friendly and caring manner.">
|
|
</div>
|
|
<div class="value-content">
|
|
<h3>Solidarity & care for each other</h3>
|
|
<p>We are more than a group of students, but a family. We look after one another and support each other not just with studies, but also with everyday challenges. We are here to listen, help, and celebrate successes together. It's about giving without expecting anything in return and creating a safe, warm, and uplifting environment where everyone feels they belong.</p>
|
|
</div>
|
|
</div>
|
|
<div class="value-row">
|
|
<div class="value-content">
|
|
<h3>Love for our roots & ambition for the future</h3>
|
|
<p>We are proud of where we come from and carry our Macedonian heritage with us, while striving for a brighter future. Our roots give us strength, and our ambition pushes us forward. Our ambition drives us to be professional, innovative, and influential leaders and role models in our host country.</p>
|
|
</div>
|
|
<div class="value-image">
|
|
<img src="../../images/about_love_for_our_roots_ambition_for_the_future.webp" alt="A blend of traditional Macedonian culture and modern ambitious students.">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Mission and Vision Section -->
|
|
<section class="mission-vision-section">
|
|
<div class="page-header-section">
|
|
<h2>Mission and Vision</h2>
|
|
</div>
|
|
<div class="mission-vision-grid" id="mission-vision-interactive">
|
|
<!-- Mission Box -->
|
|
<div class="mission-box">
|
|
<div class="box-content mission-text-content">
|
|
<p>The mission of MSOS is to represent the interests, improve the lives, and ease the studies of Macedonian students in the Republic of Slovenia.</p>
|
|
</div>
|
|
<div class="box-content mission-icon-content">
|
|
<img src="../../images/about_mission.webp" alt="Mission Icon">
|
|
</div>
|
|
</div>
|
|
<!-- Vision Box -->
|
|
<div class="vision-box">
|
|
<div class="box-content vision-text-content">
|
|
<p>The vision of the MSOS is to provide a voice, a home, and support for Macedonian students in the Republic of Slovenia, while encouraging their active involvement in projects of common interest.</p>
|
|
</div>
|
|
<div class="box-content vision-icon-content">
|
|
<img src="../../images/about_vision.webp" alt="Vision Icon">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- FAQ Call to Action Section -->
|
|
<section class="faq-cta-section">
|
|
<div class="faq-cta-container">
|
|
<div class="avatar-group">
|
|
<img src="../../images/about_marija_min.webp" alt="Avatar of Marija" class="avatar">
|
|
<img src="../../images/about_kristijan_min.webp" alt="Avatar of Kristijan" class="avatar large">
|
|
<img src="../../images/about_lea_min.webp" alt="Avatar of Lea" class="avatar">
|
|
</div>
|
|
<h3>Have any questions?</h3>
|
|
<p class="page-description" style="margin: 0;">Can't find the answer you're looking for? Please chat to our friendly team.</p>
|
|
<a href="#" class="btn btn-primary-orange">See all FAQs</a>
|
|
</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 -->
|
|
|
|
</body>
|
|
</html> |