This commit is contained in:
Mark Poljanšek committed
1 parent
37b72526d8
commit
66c4631769
18 files changed
+4428
-2550
No files matched your search
+137
-121
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About Us - Macedonian Student Organisation in Slovenia</title>
|
||||
<title>Our Team, Mission, Vision & Core Values - MSOS</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
@@ -177,151 +177,168 @@
|
||||
<!-- About Us Header Section -->
|
||||
<section class="page-header-section">
|
||||
<div class="container text-center">
|
||||
<span class="page-subtitle">About us</span>
|
||||
<h1>About MSOS</h1>
|
||||
<p class="page-description">Learn more about the company and the team behind it.</p>
|
||||
<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>
|
||||
|
||||
<!-- MSOS Foundation Section -->
|
||||
<section class="meet-the-team-section">
|
||||
<div class="team-content">
|
||||
<p class="article-publish-date" style="text-align: left;">3rd October 2023</p>
|
||||
<h2>MSOS Foundation</h2>
|
||||
<p style="text-align: left;">Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop. 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 class="navigation-arrows" style="display: flex; gap: 1rem; margin-top: 2rem;">
|
||||
<button class="social-icon-btn"><i class="fas fa-arrow-left"></i></button>
|
||||
<button class="social-icon-btn"><i class="fas fa-arrow-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="video-container">
|
||||
<img src="../../images/msos_foundation.jpg" alt="MSOS Foundation members" class="video-thumbnail">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Meet our team section -->
|
||||
<!-- Leadership Team Section -->
|
||||
<section class="team-section">
|
||||
<div class="become-part-header">
|
||||
<h2>Meet our 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>
|
||||
<div class="page-header-section">
|
||||
<h2>Leadership team</h2>
|
||||
</div>
|
||||
<div class="team-members-grid">
|
||||
<!-- Team Member 1 -->
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/kristijan_popovski.jpg" alt="Kristijan Popovski">
|
||||
<h4>Kristijan Popovski</h4>
|
||||
<p class="role">Founder & CEO</p>
|
||||
<p class="description">Former co-founder of Opendoor. Early staff at Spotify and Clearbit.</p>
|
||||
<a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
|
||||
<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>
|
||||
<!-- Team Member 2 -->
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/bisera_nikolovska.jpg" alt="Bisera Nikolovska">
|
||||
<h4>Bisera Nikolovska</h4>
|
||||
<p class="role">Former PM for Linear, Lambda School, and On Deck.</p>
|
||||
<p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
|
||||
<a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
|
||||
<!-- 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>
|
||||
<!-- Team Member 3 -->
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/kiara_lazic.jpg" alt="Kiara Lazic">
|
||||
<h4>Kiara Lazic</h4>
|
||||
<p class="role">Media and public relations</p>
|
||||
<p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
|
||||
<a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
|
||||
<!-- 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>
|
||||
<!-- Team Member 4 -->
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/leon_shumanski.jpg" alt="Leon Shumanski">
|
||||
<h4>Leon Shumanski</h4>
|
||||
<p class="role">Former frontend dev for Linear, Coinbase, and Postscript.</p>
|
||||
<p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
|
||||
<a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
|
||||
<!-- 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>
|
||||
<!-- Team Member 5 -->
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/leon_shumanski.jpg" alt="Leon Shumanski">
|
||||
<h4>Leon Shumanski</h4>
|
||||
<p class="role">Former frontend dev for Linear, Coinbase, and Postscript.</p>
|
||||
<p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
|
||||
<a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
|
||||
<!-- 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 values section -->
|
||||
<section class="faq-section values-section">
|
||||
<div class="faq-header">
|
||||
<h2>Our values</h2>
|
||||
<p>Our shared values keep us connected and guide us as one team.</p>
|
||||
<!-- 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="faq-grid" style="max-width: 1024px;">
|
||||
<div class="faq-item"><div class="faq-icon-container"><i class="fas fa-users"></i></div><h3>Care about our team</h3><p>Understand what matters to our employees. Give them what they need to do their best work.</p></div>
|
||||
<div class="faq-item"><div class="faq-icon-container"><i class="fas fa-heart"></i></div><h3>Be excellent to each other</h3><p>No games. No bullshit. We rely on our peers to improve. Be open, honest and kind.</p></div>
|
||||
<div class="faq-item"><div class="faq-icon-container"><i class="fas fa-chart-line"></i></div><h3>Pride in what we do</h3><p>Value quality and integrity in everything we do. At all times. No exceptions.</p></div>
|
||||
<div class="faq-item"><div class="faq-icon-container"><i class="fas fa-smile"></i></div><h3>Don't f*#& the customer</h3><p>Understand customers' stated and unstated needs. Make them wildly successful.</p></div>
|
||||
<div class="faq-item"><div class="faq-icon-container"><i class="fas fa-rocket"></i></div><h3>Do the impossible</h3><p>Be energized by difficult problems. Revel in unknowns. Ask “Why?”, but always question, “Why not?”</p></div>
|
||||
<div class="faq-item"><div class="faq-icon-container"><i class="fas fa-bolt"></i></div><h3>Sweat the small stuff</h3><p>We believe the best products come from the best attention to detail. Sweat the small stuff.</p></div>
|
||||
</div>
|
||||
<div class="mission-vision">
|
||||
<div>
|
||||
<h4><i class="fas fa-flag"></i> Mission</h4>
|
||||
<p>Understand customers' stated and unstated needs. Make them wildly successful.</p>
|
||||
<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.jpg" alt="A group of volunteers working together with positive energy.">
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h4><i class="fas fa-eye"></i> Vision</h4>
|
||||
<p>Be energized by difficult problems. Revel in unknowns. Ask “Why?”, but always question, “Why not?”</p>
|
||||
<div class="value-row">
|
||||
<div class="value-image">
|
||||
<img src="../../images/about_solidarity_and_care_for_each_other.jpg" 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.jpg" alt="A blend of traditional Macedonian culture and modern ambitious students.">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Become Part Section -->
|
||||
<section class="become-part-section" style="background-color: #FFFFFF;">
|
||||
<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>
|
||||
<!-- Mission and Vision Section -->
|
||||
<section class="mission-vision-section">
|
||||
<div class="page-header-section">
|
||||
<h2>Mission and Vision</h2>
|
||||
</div>
|
||||
<img src="../../images/amazing_team.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 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="form-group">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" id="email" placeholder="student@email.com">
|
||||
<div class="box-content mission-icon-content">
|
||||
<img src="../../images/about_mission.png" alt="Mission Icon">
|
||||
</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>SL</option>
|
||||
<option>US</option>
|
||||
<option>MK</option>
|
||||
</select>
|
||||
<input type="tel" id="phone-number" placeholder="+386 (00) 000-000">
|
||||
</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="form-group">
|
||||
<label for="message">Message</label>
|
||||
<textarea id="message" rows="5"></textarea>
|
||||
<div class="box-content vision-icon-content">
|
||||
<img src="../../images/about_vision.png" alt="Vision Icon">
|
||||
</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>
|
||||
</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.jpg" alt="Avatar of Marija" class="avatar">
|
||||
<img src="../../images/about_kristijan_min.jpg" alt="Avatar of Kristijan" class="avatar large">
|
||||
<img src="../../images/about_lea_min.jpg" 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 -->
|
||||
@@ -378,7 +395,6 @@
|
||||
<script src="../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user