From 8024c67fcf85649fc6cf1129298b0762badd9f20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mark=20Poljan=C5=A1ek?= <mark.poljansek@sos-sw.com>
Date: Fri, 5 Sep 2025 12:44:45 +0200
Subject: [PATCH] Posodobitov linkov v meniju

---
 code_export.txt                               | 3011 ++++++++++-------
 en/about-us/index.html                        |    8 +-
 en/about-us/index.html.bak                    |    2 +-
 en/index.html                                 |    8 +-
 en/index.html.bak                             |   50 +-
 en/projects/index.html                        |    8 +-
 en/projects/index.html.bak                    |   50 +-
 .../index.html                                |    8 +-
 .../index.html.bak                            |   50 +-
 .../index.html                                |    8 +-
 .../index.html.bak                            |   50 +-
 .../meet-student-slovenia-2023/index.html     |    8 +-
 .../meet-student-slovenia-2023/index.html.bak |   50 +-
 .../meet-student-slovenia-2024/index.html     |    8 +-
 .../meet-student-slovenia-2024/index.html.bak |   50 +-
 .../morning-coffee-in-front-of-ctk/index.html |    8 +-
 .../index.html.bak                            |   50 +-
 en/projects/testproject/index.html            |    8 +-
 en/projects/testproject/index.html.bak        |   50 +-
 .../index.html}                               |   22 +-
 .../index.html.bak}                           |    0
 templates/en/header.html                      |    8 +-
 22 files changed, 1938 insertions(+), 1577 deletions(-)
 rename en/{about-us/timeline-and-milestones/index.html.bak => timeline-and-milestones/index.html} (97%)
 rename en/{about-us/timeline-and-milestones/index.html => timeline-and-milestones/index.html.bak} (100%)

diff --git a/code_export.txt b/code_export.txt
index b6769cd..6771dd7 100644
--- a/code_export.txt
+++ b/code_export.txt
@@ -1,9 +1,3 @@
-"./README.md" : 
-"""
-msos spletna stran
-"""
-
-
 "./css/base/_base.css" : 
 """
 /* ==========================================================================
@@ -1064,139 +1058,464 @@ footer hr {
 
 "./css/pages/_about.css" : 
 """
+/* css/pages/_about.css */
+
 /* ==========================================================================
-   About Us Page Specific Styles
+   About Us Page Specific Styles (Redesign)
    ========================================================================== */
 
 /**
- * This file contains styles used exclusively on the About us page.
+ * This file contains styles used exclusively on the "Our team, mission, vision & core values" page.
  *
- * 1. Meet the team section
- * 2. Our values section
- * 3. Mission and Vision
- * 4. Mobile Styles
+ * 1. Leadership Team Section
+ * 2. Our Core Values Section
+ * 3. Mission and Vision Section
+ * 4. Call to Action (FAQ) Section
+ * 5. Mobile Styles for the page
  */
 
-/* 1. Meet the team section */
+/* ==========================================================================
+   1. Leadership Team Section
+   ========================================================================== */
+
 .team-section {
-    padding: 96px 80px;
+    padding: 48px 80px 96px;
+    background-color: #FFFFFF;
     text-align: center;
 }
 
-.team-members-grid {
+.team-section .page-header-section {
+    padding: 0;
+    margin-bottom: 64px;
+}
+
+.team-grid {
     display: flex;
     justify-content: center;
-    gap: 16px;
-    flex-wrap: wrap; /* Allows wrapping on smaller screens */
+    gap: 32px;
+    flex-wrap: wrap;
     max-width: 1280px;
     margin: 0 auto;
 }
 
-.team-member-card {
-    flex: 1; 
-    min-width: 240px; 
-    max-width: 243px; /* Adjusted max-width to fit 5 cards in a 1280px container with gaps */
-    background-color: #F9FAFB;
-    text-align: center;
-    padding: 24px;
+.member-card {
+    position: relative;
+    width: 326px;
+    height: 400px;
     border-radius: 16px;
+    overflow: hidden;
+    color: #FFFFFF;
+    background-size: cover; 
+    background-position: center;
+    transition: transform 0.3s ease-in-out;
+}
+
+.member-card::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 60%;
+    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
+    z-index: 1;
+    transition: opacity 0.3s ease-in-out;
+}
+
+.member-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #2D738C;
+    opacity: 0;
+    z-index: 2;
+    transition: opacity 0.3s ease-in-out;
+}
+
+.member-content {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 24px;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
-    align-items: center;
-}
-
-.team-member-card img {
-    width: 80px;
-    height: 80px;
-    border-radius: 50%;
-    object-fit: cover;
-    margin-bottom: 20px;
-}
-
-.team-member-card h4 {
-    margin: 0 0 4px 0;
-    font-size: 18px;
-    font-weight: 600;
-    color: #101828;
-}
-
-.team-member-card .role {
-    color: #FA7850;
-    font-size: 16px;
-    font-weight: 400;
-    margin-bottom: 8px;
-    min-height: 48px; /* Added min-height for alignment */
-    display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
+    z-index: 3;
 }
 
-.team-member-card .description {
-    font-size: 14px;
-    color: #667085;
-    flex-grow: 1; /* Allows the description to take up remaining space */
+.member-socials {
+    display: flex;
+    gap: 32px;
+    opacity: 0;
+    visibility: hidden;
+    transform: translateY(10px);
+    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s;
 }
 
-.team-member-card .social-icon-btn {
-    margin-top: 16px;
-    border-color: #EAECF0; 
+.member-socials a {
+    color: #FFFFFF;
+    font-size: 32px;
+    text-decoration: none;
+    transition: color 0.2s ease, transform 0.2s ease;
+}
+
+.member-socials a:hover {
+    color: #FA7850;
+    transform: scale(1.1);
+}
+
+.member-info {
+    text-align: center;
+    transform: translateY(115px);
+    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+}
+
+.member-card h4 {
+    margin: 0 0 4px 0;
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 29px;
+    text-transform: uppercase;
+}
+
+.member-card .role {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 500;
+    color: #FFE16E;
+    text-transform: uppercase;
+}
+
+/* Hover effects only for devices that support it (desktops) */
+@media (hover: hover) {
+    .member-card:hover::before {
+        opacity: 0.8;
+    }
+    .member-card:hover::after {
+        opacity: 0;
+    }
+    .member-card:hover .member-socials {
+        opacity: 1;
+        visibility: visible;
+        transform: translateY(0);
+        transition: opacity 0.3s 0.1s ease, transform 0.3s 0.1s ease, visibility 0s 0s;
+    }
+    .member-card:hover .member-info {
+        transform: translateY(40px);
+    }
 }
 
 
-/* 2. Our values section */
-.values-section {
+#member-kristijan { background-image: url('../../images/about_kristijan.webp'); }
+#member-lea { background-image: url('../../images/about_lea.webp'); }
+#member-marko { background-image: url('../../images/about_marko.webp'); }
+#member-marija { background-image: url('../../images/about_marija.webp'); }
+#member-monika { background-image: url('../../images/about_monika.webp'); }
+
+
+/* ==========================================================================
+   2. Our Core Values Section
+   ========================================================================== */
+   
+.core-values-section {
+    padding: 80px 80px 120px;
     background-color: #F9FAFB;
 }
 
-/* 3. Mission and Vision */
-.mission-vision {
-    display: flex;
-    justify-content: center;
-    gap: 32px;
+.core-values-section > .page-header-section {
+    padding: 0;
+    margin-bottom: 64px;
+    background: transparent;
+    text-align: center;
+}
+
+.core-values-section > .page-header-section h2 {
+    font-size: 36px;
+    font-weight: 600;
+    line-height: 44px;
+    letter-spacing: -0.02em;
+    color: #101828;
+}
+
+.core-values-section > .page-header-section p {
+    font-size: 20px;
+    line-height: 30px;
+    color: #667085;
     max-width: 768px;
-    margin: 64px auto 0;
-    text-align: left;
+    margin: 20px auto 0;
 }
 
-.mission-vision > div {
-    flex: 1;
+.values-container {
+    max-width: 1062px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 64px;
 }
 
-.mission-vision h4 {
+.value-row {
     display: flex;
     align-items: center;
-    gap: 8px;
-    margin: 0 0 8px 0;
+    gap: 24px;
 }
 
-/* 4. Mobile Styles for About Us page */
-@media (max-width: 1280px) {
-    .team-members-grid {
-        justify-content: center; /* Center items when they wrap */
-    }
+.value-row:nth-child(even) {
+    flex-direction: row-reverse;
+}
+
+.value-image {
+    flex-basis: 519px;
+    flex-shrink: 0;
+}
+
+.value-image img {
+    width: 100%;
+    height: 270px;
+    border-radius: 16px;
+    object-fit: cover;
+}
+
+.value-content {
+    flex: 1;
+    text-align: left;
+    max-width: 519px;
+}
+
+.value-content h3 {
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 1.2;
+    color: #101828;
+    margin: 0 0 16px 0;
+}
+
+.value-content p {
+    font-size: 16px;
+    line-height: 24px;
+    color: #667085;
+    margin: 0;
+}
+
+/* ==========================================================================
+   3. Mission and Vision Section
+   ========================================================================== */
+
+.mission-vision-section {
+    padding: 96px 80px;
+    background-color: #FFFFFF;
+}
+
+.mission-vision-section .page-header-section {
+    margin-bottom: 48px;
+    padding: 0;
+}
+
+.mission-vision-section .page-header-section h2 {
+    font-size: 36px;
+    font-weight: 600;
+    color: #101828;
+    text-align: center;
+}
+
+.mission-vision-grid {
+    display: flex;
+    justify-content: center;
+    gap: 40px;
+    max-width: 1060px;
+    margin: 0 auto;
+}
+
+.mission-box,
+.vision-box {
+    position: relative;
+    flex: 1;
+    height: 200px;
+    background: #F9FAFB;
+    border-radius: 12px;
+    cursor: pointer;
+    overflow: hidden;
+}
+
+.box-content {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 40px;
+    box-sizing: border-box;
+    text-align: center;
+    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
+}
+
+.box-content p {
+    font-family: 'Inter', sans-serif;
+    font-size: 18px;
+    line-height: 1.2;
+    color: #667085;
+    margin: 0;
+}
+
+.box-content img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.mission-icon-content,
+.vision-icon-content {
+    padding: 0;
+}
+
+/* --- Animation Logic --- */
+.mission-text-content { opacity: 1; transform: translateY(0); }
+.mission-icon-content { opacity: 0; transform: translateY(20px); }
+.vision-text-content { opacity: 0; transform: translateY(20px); }
+.vision-icon-content { opacity: 1; transform: translateY(0); }
+
+@media (hover: hover) {
+    .mission-vision-grid.show-vision .mission-text-content { opacity: 0; transform: translateY(-20px); }
+    .mission-vision-grid.show-vision .mission-icon-content { opacity: 1; transform: translateY(0); }
+    .mission-vision-grid.show-vision .vision-text-content { opacity: 1; transform: translateY(0); }
+    .mission-vision-grid.show-vision .vision-icon-content { opacity: 0; transform: translateY(-20px); }
+}
+
+/* ==========================================================================
+   4. Call to Action (FAQ) Section
+   ========================================================================== */
+
+.faq-cta-section {
+    padding: 96px 80px;
+    background-color: #FFFFFF;
+}
+
+.faq-cta-container {
+    max-width: 1280px;
+    margin: 0 auto;
+    padding: 40px 32px;
+    background-color: #F9FAFB;
+    border-radius: 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 32px;
+}
+
+.avatar-group {
+    display: flex;
+    position: relative;
+    width: 120px;
+    height: 56px;
+    justify-content: center;
+    align-items: center;
+}
+.avatar {
+    width: 48px;
+    height: 48px;
+    border-radius: 50%;
+    border: 2px solid #FFFFFF;
+    position: absolute;
+    object-fit: cover;
+}
+.avatar:nth-child(1) { left: 0; z-index: 1;}
+.avatar:nth-child(2) { left: 50%; transform: translateX(-50%); z-index: 2;}
+.avatar:nth-child(3) { right: 0; z-index: 1;}
+
+.avatar.large {
+    width: 56px;
+    height: 56px;
+}
+
+.faq-cta-container h3 {
+    font-size: 20px;
+    font-weight: 500;
+    color: #101828;
+    margin: 0;
+    margin-top: -8px;
+}
+
+.faq-cta-container p {
+    font-size: 18px;
+    line-height: 28px;
+    color: #667085;
+    margin: -24px 0 0 0;
+}
+
+/* ==========================================================================
+   5. Mobile Styles for About Us Page
+   ========================================================================== */
+@media (max-width: 1024px) {
+    .team-grid { max-width: 700px; }
+    .values-container { gap: 64px; }
+    .value-row { gap: 32px; }
+    .value-image { flex-basis: 45%; min-width: 0; }
 }
 
 @media (max-width: 768px) {
-    .team-section {
+    .team-section,
+    .core-values-section,
+    .mission-vision-section,
+    .faq-cta-section {
         padding: 64px 24px;
     }
+    
+    .team-section .page-header-section { margin-bottom: 48px; }
+    .team-grid { flex-direction: column; align-items: center; gap: 24px; }
+    .member-card { width: 100%; max-width: 326px; height: 400px; }
+    
+    /* Core Values on Mobile */
+    .core-values-section .page-header-section { margin-bottom: 48px; }
+    .core-values-section > .page-header-section h2 { font-size: 32px; line-height: 40px; }
+    .core-values-section > .page-header-section p { font-size: 18px; line-height: 28px; }
 
-    .team-members-grid {
+    .values-container { gap: 48px; }
+    .value-row, .value-row:nth-child(even) { flex-direction: column; gap: 24px; }
+    .value-row .value-content { order: 1; }
+    .value-row .value-image { order: 2; }
+    .value-image { width: 100%; flex-basis: auto; }
+    .value-content { text-align: center; max-width: 100%; }
+    .value-content h3 { font-size: 24px; line-height: 32px; }
+    .value-content p { font-size: 16px; line-height: 26px; }
+
+    /* Mission and Vision on Mobile */
+    .mission-vision-grid { flex-direction: column; gap: 24px; }
+    .mission-box, .vision-box { cursor: default; height: auto; padding: 32px; }
+    
+    .box-content {
+        position: static;
+        transform: none !important;
+        opacity: 1 !important;
+        padding: 0;
+    }
+    .mission-box, .vision-box {
+        display: flex;
         flex-direction: column;
-        align-items: center;
-        gap: 24px;
+        gap: 16px;
+    }
+    .mission-icon-content, .vision-icon-content {
+        order: 1;
+        opacity: 1 !important; /* Ensure icons are visible */
+        transform: none !important;
+    }
+    .mission-text-content, .vision-text-content {
+        order: 2;
+        opacity: 1 !important; /* Ensure text is visible */
+        transform: none !important;
     }
     
-    .team-member-card {
-        max-width: 100%;
-        min-width: 280px;
-    }
-
-    .mission-vision {
-        flex-direction: column;
-        text-align: center;
-    }
+    .faq-cta-container { padding: 32px; }
+    .faq-cta-container h3 { font-size: 18px; }
+    .faq-cta-container p { font-size: 16px; line-height: 24px; }
 }"""
 
 
@@ -2882,7 +3201,7 @@ footer hr {
 <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">
@@ -3056,151 +3375,168 @@ footer hr {
         <!-- 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.webp" 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.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>
 
-        <!-- 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.webp" 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.webp" 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.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 -->
@@ -3257,7 +3593,6 @@ footer hr {
     <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
-
     
 </body>
 </html>"""
@@ -3270,7 +3605,7 @@ footer hr {
 <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">
@@ -3283,404 +3618,14 @@ footer hr {
     <!-- 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>
-                <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>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 Menu Icon (Hamburger/X) -->
-        <div class="mobile-menu-icon">
-            <i class="fas fa-bars"></i>
-            <i class="fas fa-times"></i>
-        </div>
-    </div>
-</header>
-
-<!-- Mobile Navigation Panel -->
-<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>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
-        <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>
-
-<!-- Language Selection Modal (for Mobile) -->
-<div id="language-modal-overlay">
-    <div class="language-modal-content">
-        <div class="language-modal-header">
-            <h3>Select Language</h3>
-            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
-        </div>
-        <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
-        </div>
-    </div>
-</div>
-<!-- END_HEADER -->
-
-    <main class="page-content">
-        <!-- 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>
-            </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 -->
-        <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>
-            <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>
-                <!-- 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>
-                </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>
-                </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>
-                </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>
-                </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>
-            </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>
-                <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>
-            </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>
-            </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>
-                    <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>SL</option>
-                                <option>US</option>
-                                <option>MK</option>
-                            </select>
-                            <input type="tel" id="phone-number" placeholder="+386 (00) 000-000">
-                        </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>
-    </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>"""
-
-
-"./en/about-us/timeline-and-milestones/index.html" : 
-"""
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Timeline & Milestones - 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">
         <!-- 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 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 -->
@@ -3697,7 +3642,7 @@ footer hr {
                     <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="../../en/projects/">Event & Projects</a></li>
                             <li><a href="#">Blog</a></li>
                             <li><a href="#">Gallery</a></li>
                         </ul>
@@ -3769,7 +3714,7 @@ footer hr {
             <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="../../en/projects/">Event & Projects</a></li>
                     <li><a href="#">Blog</a></li>
                     <li><a href="#">Gallery</a></li>
                 </ul>
@@ -3831,252 +3776,171 @@ footer hr {
 <!-- END_HEADER -->
 
     <main class="page-content">
-        <!-- Timeline Header Section -->
+        <!-- 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>Timeline & Milestones</h1>
-                <p class="page-description">Learn more about the company and the team behind it.</p>
+                <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>
 
-        <!-- Timeline Banner -->
-        <div class="timeline-banner">
-            <img src="../../../images/about_us-timeline-milestones_img0.JPG" alt="MSOS Team Group Photo">
-        </div>
-
-        <!-- Timeline Section -->
-        <section class="timeline-section">
-            <div class="timeline-container">
-                <!-- Year 2022 -->
-                <div class="timeline-item">
-                    <div class="timeline-marker"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-year">2022</p>
-                            <h2>The Beginning of a Movement</h2>
-                            <p>What started as a simple idea in the summer of 2022 quickly grew into something much bigger. From the spark at a wine tasting in Ljubljana, to the first Macedonian Student Party with over 500 attendees, and finally the creation of the founding team, 2022 was the year when MSOS was born. It was a year of enthusiasm, countless volunteer hours, and the first steps toward building a community that Macedonian students in Slovenia had long been waiting for.</p>
+        <!-- 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>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                     <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">August 2022</p>
-                            <h3>The Spark of an Idea</h3>
-                            <p>It all started at a wine tasting event in the heart of Ljubljana. Among friends and good conversation, our founder Kristijan Popovski was encouraged by his Slovenian peers to organize something truly Macedonian. Inspired, he posted in a Facebook group of Macedonians living in Slovenia, calling for volunteers to help bring the idea to life.</p>
-                            <p>Around 40 volunteers responded — a group of students who, without even realizing it, were laying the foundations of what would later become MSOS. Day after day, we worked side by side, sharing the same air, fueled by excitement and the desire to create something new. At that point, we weren't thinking about “founding an organization" — we were just a group of people trying to make one unforgettable event happen.</p>
-                            <p>Two weeks later, the first Macedonian Student Party in Ljubljana came to life. Expectations were exceeded: sponsors and donors joined in, volunteers gave their all, and more than 500 people showed up.</p>
-                            <p>That night made one thing very clear: Macedonian students in Slovenia needed a space to connect, celebrate, and support one another. And from that realization, MSOS was born.</p>
+                <!-- 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>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">October 2022</p>
-                            <h3>From One Event to a Bigger Vision</h3>
-                            <p>After the success of the first Macedonian Student Party in Ljubljana, something changed. What began as a one-time event sparked a new energy among us. The group of volunteers who had worked side by side suddenly felt there was more to be done.</p>
-                            <p>We started holding regular meetings and brainstorming sessions, often lasting late into the evening. In those small rooms, surrounded by notes and ideas scribbled on paper, we began to shape a bigger vision. We talked about what Macedonian students in Slovenia truly needed — not just parties, but support, connection, and a community they could rely on.</p>
-                            <p>Those early sessions gave birth to our mission and vision. We didn't yet call ourselves an “organization," but we were slowly becoming one. What kept us going was the same spirit that created the first party — the belief that, together, we could make student life in Slovenia easier, warmer, and more meaningful.</p>
+                <!-- 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>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">November 2022</p>
-                            <h3>The Founding Team</h3>
-                            <p>From the energy of the first events, a smaller circle of the most dedicated volunteers decided to take things further. They realized that for MSOS to grow, it needed structure, direction, and continuity. That was the moment when the first coordinating body was born — the group that would soon become the founding team of the organization.</p>
-                            <p>This first team was made up of: Kristijan Popovski, Bisera Nikoloska, Marko Arsov, Ksenija Kraljevska, Aleksandar Balkoski, Kiara Lazić, Evgenija Kolovska, Dijana Dimkovska, Hristijan Bogdanovski, and Stefan Gjurovski. Each one brought something unique to the table — from leadership and creativity to organizational skills and dedication.</p>
-                            <p>Together, they laid down the mission and vision, drafted the first structure, and set the foundations of what would grow into the official Macedonian Student Organization in Slovenia. At that time, no one could have imagined how quickly MSOS would evolve, but this team ensured that the idea would not remain just one successful party — it would become a movement.</p>
+                <!-- 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>
-
-                <!-- Year 2023 -->
-                <div class="timeline-item">
-                    <div class="timeline-marker"></div>
-                     <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-year">2023</p>
-                            <h2>From Idea to Tradition</h2>
-                            <p>The year 2023 marked the transformation of MSOS from an emerging initiative into a recognizable student network. In March, we stepped into the public eye and immediately expanded beyond Ljubljana to Maribor and Koper. By September, we had already crossed borders with our first major panel event in Skopje, connecting future students with those already studying in Slovenia. 2023 was the year when MSOS stopped being just an idea and began building traditions that continue to grow today.</p>
+                <!-- 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>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">March 2023</p>
-                            <h3>Going Public</h3>
-                            <p>On March 5, 2023, we officially introduced MSOS to the public as a student initiative. What had begun as an idea and a few events was now ready to be presented as something bigger — a movement with a clear mission and vision.</p>
-                            <p>The launch was more than just an announcement. It was the moment when Macedonian students in Slovenia realized they had their own platform, their own voice, and a community they could call home. Through social media, word of mouth, and our first public activities, we reached students who until then felt scattered and disconnected.</p>
-                            <p>For us as organizers, this was a defining step: MSOS was no longer just an idea among friends, but a name and a promise that other students could recognize and join. From that day on, everything became more serious — new projects, structured communication, and the understanding that we had a responsibility to represent and support our community.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">March 2023</p>
-                            <h3>Growing Beyond Ljubljana</h3>
-                            <p>The public launch of MSOS in March 2023 did more than just make us visible — it sparked a wave of interest across Slovenia. Very quickly, students from Maribor and Koper reached out, asking how they could get involved. What began as individual messages soon grew into local teams, ready to bring the MSOS spirit to their own cities.</p>
-                            <p>This moment showed us that the need for community wasn't limited to Ljubljana. Macedonian students everywhere were looking for connection, support, and a network they could trust. With Maribor and Koper on board, MSOS transformed from a local initiative into a nationwide student presence, active across Slovenia's major university centers.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">September 2023</p>
-                            <h3>"Meet Student Slovenia 2023"</h3>
-                            <p>In September 2023, MSOS took a bold step — for the first time, we organized a panel event outside Slovenia, in Skopje. The idea was simple but powerful: bring together future students and their parents, and connect them directly with those already living and studying in Slovenia.</p>
-                            <p>The turnout exceeded all expectations. More than 100 participants filled the NLB Gallery, eager to hear real stories; not from brochures or officials, but from students themselves. They spoke about everyday challenges, from housing and paperwork to making friends and building a new life far from home. The honesty of their experiences created an atmosphere that felt more like a family gathering than a formal event.</p>
-                            <p>For many of the attendees, this was the first time they realized they were not alone in their worries. Questions that had been weighing on them for months found clear answers, and fears were replaced with excitement. For us as organizers, it was proof that MSOS was fulfilling its mission: to be the bridge between Macedonia and Slovenia, offering support even before students set foot in their new city.</p>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Year 2024 -->
-                <div class="timeline-item">
-                    <div class="timeline-marker"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-year">2024</p>
-                            <h2>From Recognition to Responsibility</h2>
-                            <p>In 2024, MSOS grew into a fully recognized and nationwide student organization. We expanded to Nova Gorica, officially registered as an association on September 9, and organized our first international conference in Skopje. With Tour de Maribor on October 12, our local teams showed new energy and initiative, while on November 17 we signed a Memorandum of Cooperation with the Student Assembly of UKIM in Skopje. 2024 was the year MSOS gained legitimacy, broadened its reach, and strengthened its role as a bridge between students in Slovenia and Macedonia.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">May 2024</p>
-                            <h3>Expanding to Nova Gorica</h3>
-                            <p>By the spring of 2024, MSOS had already built a strong presence in Ljubljana, Maribor, and Koper. But one important piece was still missing: Nova Gorica. In May, we officially welcomed our first members from the University of Nova Gorica — students full of energy, motivation, and new perspectives.</p>
-                            <p>For us, this expansion was more than just adding another city to the map. It symbolized the fact that MSOS was now present in all four major university centers in Slovenia. It meant that no matter where Macedonian students chose to study; from Ljubljana to the western border of the country, they could count on support, community, and a familiar face.</p>
-                            <p>The arrival of the Nova Gorica team brought fresh energy and ideas into our organization, reminding us once again that MSOS is not only about structure, but about people who are ready to help each other and grow together.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">September 2024</p>
-                            <h3>Official Registration</h3>
-                            <p>On September 9, 2024, MSOS was officially registered in the Slovenian register of associations. This milestone marked a historic moment for us: from a student initiative built on enthusiasm and volunteer spirit, we became a legally recognized organization.</p>
-                            <p>The registration gave us legitimacy to act as an institution, to run projects with legal backing, and to collaborate formally with universities, government bodies, and other organizations. For our team, it was more than a piece of paper — it was the confirmation that all the effort, countless volunteer hours, and shared vision had grown into something real and lasting.</p>
-                            <p>That day we celebrated not just a legal status, but a sense of pride. MSOS was no longer just "our idea;" it became an organization that belongs to every Macedonian student in Slovenia.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <h3>First MSOS Conference</h3>
-                            <p>Only a few weeks after our official registration, on September 25, 2024, MSOS took another bold step, organizing its first official conference in Skopje: "From Slovenia to North Macedonia: Synergy of Education and Business."</p>
-                            <p>The event brought together three different worlds — students, government, and the business sector, around one shared question: How can young people educated abroad be motivated to return and contribute at home?</p>
-                            <p>The program was divided into three panels:</p>
-                            <ul>
-                                <li><strong>Youth Panel</strong> – where students educated in Slovenia shared their hopes, challenges, and perspectives on returning to Macedonia.</li>
-                                <li><strong>Government Panel</strong> – discussing policies for brain gain and the role of institutions in supporting young professionals.</li>
-                                <li><strong>Business Panel</strong> – focusing on how companies can create opportunities and incentives for returning graduates.</li>
-                            </ul>
-                            <p>The discussions touched on education, career opportunities, fair pay, and quality of life, the very factors that shape whether young people see a future in their home country.</p>
-                            <p>For MSOS, this conference was more than an event. It was proof that our organization can go beyond student parties and support groups, and become a credible voice in debates about youth, education, and the future of Macedonia. It was a moment when we showed that student initiatives can grow into platforms that connect countries, generations, and sectors.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">October 2024</p>
-                            <h3>Tour de Maribor</h3>
-                            <p>On October 12, 2024, our Maribor team organized its first event — Tour de Maribor. The idea was to welcome new students by turning the entire city into a playground. Teams of participants received maps with 10 checkpoints, each offering a fun challenge: solving quizzes, making TikToks, trading random items, or snapping creative photos with Maribor's landmarks.</p>
-                            <p>The adventure lasted for more than five hours and ended with prizes, music, and new friendships. But what mattered most wasn't the competition — it was the atmosphere. Strangers became teammates, teammates became friends, and Maribor students felt the spirit of MSOS as their own.</p>
-                            <p>That day, something bigger was born: the MSOS spirit in Maribor. A new strength and initiative emerged, showing once again that MSOS isn't just about one city — it's about students everywhere who want to build a community together.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">November 2024</p>
-                            <h3>Memorandum of Cooperation</h3>
-                            <p>On International Students' Day, November 17, 2024, MSOS and the University Student Assembly at Ss. Cyril and Methodius University in Skopje signed a Memorandum of Cooperation.</p>
-                            <p>With this step, we confirmed our joint commitment to improving student standards, strengthening regional cooperation, and creating a bridge for sharing best practices between Macedonia and Slovenia.</p>
-                            <p>The memorandum symbolized more than a formal agreement — it was a recognition that Macedonian students abroad and at home share the same challenges and hopes. By working together, we opened a path for stronger collaboration, exchange of experiences, and building a student voice that crosses borders.</p>
-                        </div>
-                    </div>
-                </div>
-
-                 <!-- Year 2025 -->
-                <div class="timeline-item">
-                    <div class="timeline-marker"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-year">2025</p>
-                            <h2>A Year of Community and New Beginnings</h2>
-                            <p>In 2025, MSOS strengthened its presence across Slovenia with the first independent events from our teams in Nova Gorica and Koper. We stood in solidarity with Macedonia through peaceful gatherings and humanitarian actions, proving that our community is about more than student life alone. And with the upcoming opening of our first Student Hub in Ljubljana, 2025 marks a year of both unity and exciting new beginnings.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">March 2025</p>
-                            <h3>Paint & Wine in Nova Gorica</h3>
-                            <p>On International Women's Day, March 8, 2025, our team in Nova Gorica organized its very first independent event — a creative and vibrant Paint & Wine evening. With canvases, brushes, and a glass of wine in hand, students painted while enjoying the sunset accompanied by a live DJ set.</p>
-                            <p>The event was more than just art and music. It was a celebration of creativity, diversity, and the energy of young people coming together in a relaxed and inspiring setting. For MSOS, it was also a proud milestone: proof that our local teams are not only active, but able to design and carry out unique events that reflect their own spirit and community.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <h3>MSOS Koper's First Event – Handball Fan Zone</h3>
-                            <p>On March 16, 2025, our MSOS Koper team organized its first event, a Fan Zone for the European Handball Championship qualification match between Macedonia and Slovenia. In cooperation with the Macedonian Handball Federation, we brought students together with face paints, red and yellow flags, Macedonian beer, and even arranged two buses from Ljubljana to Koper to cheer as one.</p>
-                            <p>Sadly the event sadly stopped by the tragic news from Kochani. Despite this, the event showed the strength of our community and the passion of MSOS Koper in creating spaces where students unite and celebrate their identity.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">March-April 2025</p>
-                            <h3>Solidarity for Kočani in difficult times</h3>
-                            <p>In March and April 2025, MSOS stood together with the Macedonian community after the tragic events in Kočani. In Ljubljana, more than 700 people gathered in a peaceful vigil, filling the city square with candles and compassion. Soon after, our team in Maribor organized a charity basketball and football tournament, raising over €1,000 to support the families whose children were receiving treatment in Slovenia.</p>
-                            <p>These moments reminded us that MSOS is not only about projects and events, but also about solidarity, empathy, and standing by our people in difficult times.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">October 2025</p>
-                            <h3>Coming Soon – MSOS Student Hub in Ljubljana</h3>
-                            <p>The next big step for MSOS is the opening of our first Student Hub in Ljubljana this October. It will be a space for students to meet, work on projects, socialize, and create new ideas together. The Hub is envisioned as the new heart of our organization — a symbol of the community we have built and continue to grow.</p>
+                        <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.jpg" 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 -->
@@ -4085,7 +3949,7 @@ footer hr {
         <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">
+                    <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                 </div>
                 <p>
                     Masarykova cesta 24<br>
@@ -4130,497 +3994,10 @@ footer hr {
             </div>
         </div>
     </div>
-    <script src="../../../main.js"></script>
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
-
-</body>
-</html>"""
-
-
-"./en/about-us/timeline-and-milestones/index.html.bak" : 
-"""
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Timeline & Milestones - 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>
-                <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>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 Menu Icon (Hamburger/X) -->
-        <div class="mobile-menu-icon">
-            <i class="fas fa-bars"></i>
-            <i class="fas fa-times"></i>
-        </div>
-    </div>
-</header>
-
-<!-- Mobile Navigation Panel -->
-<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>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
-        <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>
-
-<!-- Language Selection Modal (for Mobile) -->
-<div id="language-modal-overlay">
-    <div class="language-modal-content">
-        <div class="language-modal-header">
-            <h3>Select Language</h3>
-            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
-        </div>
-        <div class="language-modal-body">
-            <a href="#" data-lang="si">Slovenščina (SI)</a>
-            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
-            <a href="#" data-lang="mk">Македонски (MK)</a>
-        </div>
-    </div>
-</div>
-<!-- END_HEADER -->
-
-    <main class="page-content">
-        <!-- Timeline Header Section -->
-        <section class="page-header-section">
-            <div class="container text-center">
-                <span class="page-subtitle" style="text-transform: uppercase;">About us</span>
-                <h1>Timeline & Milestones</h1>
-                <p class="page-description">Learn more about the company and the team behind it.</p>
-            </div>
-        </section>
-
-        <!-- Timeline Banner -->
-        <div class="timeline-banner">
-            <img src="../../../images/about_us-timeline-milestones_img0.JPG" alt="MSOS Team Group Photo">
-        </div>
-
-        <!-- Timeline Section -->
-        <section class="timeline-section">
-            <div class="timeline-container">
-                <!-- Year 2022 -->
-                <div class="timeline-item">
-                    <div class="timeline-marker"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-year">2022</p>
-                            <h2>The Beginning of a Movement</h2>
-                            <p>What started as a simple idea in the summer of 2022 quickly grew into something much bigger. From the spark at a wine tasting in Ljubljana, to the first Macedonian Student Party with over 500 attendees, and finally the creation of the founding team, 2022 was the year when MSOS was born. It was a year of enthusiasm, countless volunteer hours, and the first steps toward building a community that Macedonian students in Slovenia had long been waiting for.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                     <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">August 2022</p>
-                            <h3>The Spark of an Idea</h3>
-                            <p>It all started at a wine tasting event in the heart of Ljubljana. Among friends and good conversation, our founder Kristijan Popovski was encouraged by his Slovenian peers to organize something truly Macedonian. Inspired, he posted in a Facebook group of Macedonians living in Slovenia, calling for volunteers to help bring the idea to life.</p>
-                            <p>Around 40 volunteers responded — a group of students who, without even realizing it, were laying the foundations of what would later become MSOS. Day after day, we worked side by side, sharing the same air, fueled by excitement and the desire to create something new. At that point, we weren't thinking about “founding an organization" — we were just a group of people trying to make one unforgettable event happen.</p>
-                            <p>Two weeks later, the first Macedonian Student Party in Ljubljana came to life. Expectations were exceeded: sponsors and donors joined in, volunteers gave their all, and more than 500 people showed up.</p>
-                            <p>That night made one thing very clear: Macedonian students in Slovenia needed a space to connect, celebrate, and support one another. And from that realization, MSOS was born.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">October 2022</p>
-                            <h3>From One Event to a Bigger Vision</h3>
-                            <p>After the success of the first Macedonian Student Party in Ljubljana, something changed. What began as a one-time event sparked a new energy among us. The group of volunteers who had worked side by side suddenly felt there was more to be done.</p>
-                            <p>We started holding regular meetings and brainstorming sessions, often lasting late into the evening. In those small rooms, surrounded by notes and ideas scribbled on paper, we began to shape a bigger vision. We talked about what Macedonian students in Slovenia truly needed — not just parties, but support, connection, and a community they could rely on.</p>
-                            <p>Those early sessions gave birth to our mission and vision. We didn't yet call ourselves an “organization," but we were slowly becoming one. What kept us going was the same spirit that created the first party — the belief that, together, we could make student life in Slovenia easier, warmer, and more meaningful.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">November 2022</p>
-                            <h3>The Founding Team</h3>
-                            <p>From the energy of the first events, a smaller circle of the most dedicated volunteers decided to take things further. They realized that for MSOS to grow, it needed structure, direction, and continuity. That was the moment when the first coordinating body was born — the group that would soon become the founding team of the organization.</p>
-                            <p>This first team was made up of: Kristijan Popovski, Bisera Nikoloska, Marko Arsov, Ksenija Kraljevska, Aleksandar Balkoski, Kiara Lazić, Evgenija Kolovska, Dijana Dimkovska, Hristijan Bogdanovski, and Stefan Gjurovski. Each one brought something unique to the table — from leadership and creativity to organizational skills and dedication.</p>
-                            <p>Together, they laid down the mission and vision, drafted the first structure, and set the foundations of what would grow into the official Macedonian Student Organization in Slovenia. At that time, no one could have imagined how quickly MSOS would evolve, but this team ensured that the idea would not remain just one successful party — it would become a movement.</p>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Year 2023 -->
-                <div class="timeline-item">
-                    <div class="timeline-marker"></div>
-                     <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-year">2023</p>
-                            <h2>From Idea to Tradition</h2>
-                            <p>The year 2023 marked the transformation of MSOS from an emerging initiative into a recognizable student network. In March, we stepped into the public eye and immediately expanded beyond Ljubljana to Maribor and Koper. By September, we had already crossed borders with our first major panel event in Skopje, connecting future students with those already studying in Slovenia. 2023 was the year when MSOS stopped being just an idea and began building traditions that continue to grow today.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">March 2023</p>
-                            <h3>Going Public</h3>
-                            <p>On March 5, 2023, we officially introduced MSOS to the public as a student initiative. What had begun as an idea and a few events was now ready to be presented as something bigger — a movement with a clear mission and vision.</p>
-                            <p>The launch was more than just an announcement. It was the moment when Macedonian students in Slovenia realized they had their own platform, their own voice, and a community they could call home. Through social media, word of mouth, and our first public activities, we reached students who until then felt scattered and disconnected.</p>
-                            <p>For us as organizers, this was a defining step: MSOS was no longer just an idea among friends, but a name and a promise that other students could recognize and join. From that day on, everything became more serious — new projects, structured communication, and the understanding that we had a responsibility to represent and support our community.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">March 2023</p>
-                            <h3>Growing Beyond Ljubljana</h3>
-                            <p>The public launch of MSOS in March 2023 did more than just make us visible — it sparked a wave of interest across Slovenia. Very quickly, students from Maribor and Koper reached out, asking how they could get involved. What began as individual messages soon grew into local teams, ready to bring the MSOS spirit to their own cities.</p>
-                            <p>This moment showed us that the need for community wasn't limited to Ljubljana. Macedonian students everywhere were looking for connection, support, and a network they could trust. With Maribor and Koper on board, MSOS transformed from a local initiative into a nationwide student presence, active across Slovenia's major university centers.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">September 2023</p>
-                            <h3>"Meet Student Slovenia 2023"</h3>
-                            <p>In September 2023, MSOS took a bold step — for the first time, we organized a panel event outside Slovenia, in Skopje. The idea was simple but powerful: bring together future students and their parents, and connect them directly with those already living and studying in Slovenia.</p>
-                            <p>The turnout exceeded all expectations. More than 100 participants filled the NLB Gallery, eager to hear real stories; not from brochures or officials, but from students themselves. They spoke about everyday challenges, from housing and paperwork to making friends and building a new life far from home. The honesty of their experiences created an atmosphere that felt more like a family gathering than a formal event.</p>
-                            <p>For many of the attendees, this was the first time they realized they were not alone in their worries. Questions that had been weighing on them for months found clear answers, and fears were replaced with excitement. For us as organizers, it was proof that MSOS was fulfilling its mission: to be the bridge between Macedonia and Slovenia, offering support even before students set foot in their new city.</p>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Year 2024 -->
-                <div class="timeline-item">
-                    <div class="timeline-marker"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-year">2024</p>
-                            <h2>From Recognition to Responsibility</h2>
-                            <p>In 2024, MSOS grew into a fully recognized and nationwide student organization. We expanded to Nova Gorica, officially registered as an association on September 9, and organized our first international conference in Skopje. With Tour de Maribor on October 12, our local teams showed new energy and initiative, while on November 17 we signed a Memorandum of Cooperation with the Student Assembly of UKIM in Skopje. 2024 was the year MSOS gained legitimacy, broadened its reach, and strengthened its role as a bridge between students in Slovenia and Macedonia.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">May 2024</p>
-                            <h3>Expanding to Nova Gorica</h3>
-                            <p>By the spring of 2024, MSOS had already built a strong presence in Ljubljana, Maribor, and Koper. But one important piece was still missing: Nova Gorica. In May, we officially welcomed our first members from the University of Nova Gorica — students full of energy, motivation, and new perspectives.</p>
-                            <p>For us, this expansion was more than just adding another city to the map. It symbolized the fact that MSOS was now present in all four major university centers in Slovenia. It meant that no matter where Macedonian students chose to study; from Ljubljana to the western border of the country, they could count on support, community, and a familiar face.</p>
-                            <p>The arrival of the Nova Gorica team brought fresh energy and ideas into our organization, reminding us once again that MSOS is not only about structure, but about people who are ready to help each other and grow together.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">September 2024</p>
-                            <h3>Official Registration</h3>
-                            <p>On September 9, 2024, MSOS was officially registered in the Slovenian register of associations. This milestone marked a historic moment for us: from a student initiative built on enthusiasm and volunteer spirit, we became a legally recognized organization.</p>
-                            <p>The registration gave us legitimacy to act as an institution, to run projects with legal backing, and to collaborate formally with universities, government bodies, and other organizations. For our team, it was more than a piece of paper — it was the confirmation that all the effort, countless volunteer hours, and shared vision had grown into something real and lasting.</p>
-                            <p>That day we celebrated not just a legal status, but a sense of pride. MSOS was no longer just "our idea;" it became an organization that belongs to every Macedonian student in Slovenia.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <h3>First MSOS Conference</h3>
-                            <p>Only a few weeks after our official registration, on September 25, 2024, MSOS took another bold step, organizing its first official conference in Skopje: "From Slovenia to North Macedonia: Synergy of Education and Business."</p>
-                            <p>The event brought together three different worlds — students, government, and the business sector, around one shared question: How can young people educated abroad be motivated to return and contribute at home?</p>
-                            <p>The program was divided into three panels:</p>
-                            <ul>
-                                <li><strong>Youth Panel</strong> – where students educated in Slovenia shared their hopes, challenges, and perspectives on returning to Macedonia.</li>
-                                <li><strong>Government Panel</strong> – discussing policies for brain gain and the role of institutions in supporting young professionals.</li>
-                                <li><strong>Business Panel</strong> – focusing on how companies can create opportunities and incentives for returning graduates.</li>
-                            </ul>
-                            <p>The discussions touched on education, career opportunities, fair pay, and quality of life, the very factors that shape whether young people see a future in their home country.</p>
-                            <p>For MSOS, this conference was more than an event. It was proof that our organization can go beyond student parties and support groups, and become a credible voice in debates about youth, education, and the future of Macedonia. It was a moment when we showed that student initiatives can grow into platforms that connect countries, generations, and sectors.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">October 2024</p>
-                            <h3>Tour de Maribor</h3>
-                            <p>On October 12, 2024, our Maribor team organized its first event — Tour de Maribor. The idea was to welcome new students by turning the entire city into a playground. Teams of participants received maps with 10 checkpoints, each offering a fun challenge: solving quizzes, making TikToks, trading random items, or snapping creative photos with Maribor's landmarks.</p>
-                            <p>The adventure lasted for more than five hours and ended with prizes, music, and new friendships. But what mattered most wasn't the competition — it was the atmosphere. Strangers became teammates, teammates became friends, and Maribor students felt the spirit of MSOS as their own.</p>
-                            <p>That day, something bigger was born: the MSOS spirit in Maribor. A new strength and initiative emerged, showing once again that MSOS isn't just about one city — it's about students everywhere who want to build a community together.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">November 2024</p>
-                            <h3>Memorandum of Cooperation</h3>
-                            <p>On International Students' Day, November 17, 2024, MSOS and the University Student Assembly at Ss. Cyril and Methodius University in Skopje signed a Memorandum of Cooperation.</p>
-                            <p>With this step, we confirmed our joint commitment to improving student standards, strengthening regional cooperation, and creating a bridge for sharing best practices between Macedonia and Slovenia.</p>
-                            <p>The memorandum symbolized more than a formal agreement — it was a recognition that Macedonian students abroad and at home share the same challenges and hopes. By working together, we opened a path for stronger collaboration, exchange of experiences, and building a student voice that crosses borders.</p>
-                        </div>
-                    </div>
-                </div>
-
-                 <!-- Year 2025 -->
-                <div class="timeline-item">
-                    <div class="timeline-marker"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-year">2025</p>
-                            <h2>A Year of Community and New Beginnings</h2>
-                            <p>In 2025, MSOS strengthened its presence across Slovenia with the first independent events from our teams in Nova Gorica and Koper. We stood in solidarity with Macedonia through peaceful gatherings and humanitarian actions, proving that our community is about more than student life alone. And with the upcoming opening of our first Student Hub in Ljubljana, 2025 marks a year of both unity and exciting new beginnings.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">March 2025</p>
-                            <h3>Paint & Wine in Nova Gorica</h3>
-                            <p>On International Women's Day, March 8, 2025, our team in Nova Gorica organized its very first independent event — a creative and vibrant Paint & Wine evening. With canvases, brushes, and a glass of wine in hand, students painted while enjoying the sunset accompanied by a live DJ set.</p>
-                            <p>The event was more than just art and music. It was a celebration of creativity, diversity, and the energy of young people coming together in a relaxed and inspiring setting. For MSOS, it was also a proud milestone: proof that our local teams are not only active, but able to design and carry out unique events that reflect their own spirit and community.</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <h3>MSOS Koper's First Event – Handball Fan Zone</h3>
-                            <p>On March 16, 2025, our MSOS Koper team organized its first event, a Fan Zone for the European Handball Championship qualification match between Macedonia and Slovenia. In cooperation with the Macedonian Handball Federation, we brought students together with face paints, red and yellow flags, Macedonian beer, and even arranged two buses from Ljubljana to Koper to cheer as one.</p>
-                            <p>Sadly the event sadly stopped by the tragic news from Kochani. Despite this, the event showed the strength of our community and the passion of MSOS Koper in creating spaces where students unite and celebrate their identity.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">March-April 2025</p>
-                            <h3>Solidarity for Kočani in difficult times</h3>
-                            <p>In March and April 2025, MSOS stood together with the Macedonian community after the tragic events in Kočani. In Ljubljana, more than 700 people gathered in a peaceful vigil, filling the city square with candles and compassion. Soon after, our team in Maribor organized a charity basketball and football tournament, raising over €1,000 to support the families whose children were receiving treatment in Slovenia.</p>
-                            <p>These moments reminded us that MSOS is not only about projects and events, but also about solidarity, empathy, and standing by our people in difficult times.</p>
-                        </div>
-                    </div>
-                </div>
-                 <div class="timeline-item">
-                    <div class="timeline-marker milestone"></div>
-                    <div class="timeline-entry">
-                        <div class="timeline-content">
-                            <p class="timeline-date">October 2025</p>
-                            <h3>Coming Soon – MSOS Student Hub in Ljubljana</h3>
-                            <p>The next big step for MSOS is the opening of our first Student Hub in Ljubljana this October. It will be a space for students to meet, work on projects, socialize, and create new ideas together. The Hub is envisioned as the new heart of our organization — a symbol of the community we have built and continue to grow.</p>
-                        </div>
-                    </div>
-                </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 -->
-
 </body>
 </html>"""
 
@@ -10543,6 +9920,976 @@ footer hr {
 </html>"""
 
 
+"./en/timeline-and-milestones/index.html" : 
+"""
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Timeline & Milestones - 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">
+        <!-- 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">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
+        </div>
+    </div>
+</div>
+<!-- END_HEADER -->
+
+    <main class="page-content">
+        <!-- Timeline Header Section -->
+        <section class="page-header-section">
+            <div class="container text-center">
+                <span class="page-subtitle" style="text-transform: uppercase;">About us</span>
+                <h1>Timeline & Milestones</h1>
+                <p class="page-description">Learn more about the company and the team behind it.</p>
+            </div>
+        </section>
+
+        <!-- Timeline Banner -->
+        <div class="timeline-banner">
+            <img src="../../../images/about_us-timeline-milestones_img0.webp" alt="MSOS Team Group Photo">
+        </div>
+
+        <!-- Timeline Section -->
+        <section class="timeline-section">
+            <div class="timeline-container">
+                <!-- Year 2022 -->
+                <div class="timeline-item">
+                    <div class="timeline-marker"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-year">2022</p>
+                            <h2>The Beginning of a Movement</h2>
+                            <p>What started as a simple idea in the summer of 2022 quickly grew into something much bigger. From the spark at a wine tasting in Ljubljana, to the first Macedonian Student Party with over 500 attendees, and finally the creation of the founding team, 2022 was the year when MSOS was born. It was a year of enthusiasm, countless volunteer hours, and the first steps toward building a community that Macedonian students in Slovenia had long been waiting for.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                     <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">August 2022</p>
+                            <h3>The Spark of an Idea</h3>
+                            <p>It all started at a wine tasting event in the heart of Ljubljana. Among friends and good conversation, our founder Kristijan Popovski was encouraged by his Slovenian peers to organize something truly Macedonian. Inspired, he posted in a Facebook group of Macedonians living in Slovenia, calling for volunteers to help bring the idea to life.</p>
+                            <p>Around 40 volunteers responded — a group of students who, without even realizing it, were laying the foundations of what would later become MSOS. Day after day, we worked side by side, sharing the same air, fueled by excitement and the desire to create something new. At that point, we weren't thinking about “founding an organization" — we were just a group of people trying to make one unforgettable event happen.</p>
+                            <p>Two weeks later, the first Macedonian Student Party in Ljubljana came to life. Expectations were exceeded: sponsors and donors joined in, volunteers gave their all, and more than 500 people showed up.</p>
+                            <p>That night made one thing very clear: Macedonian students in Slovenia needed a space to connect, celebrate, and support one another. And from that realization, MSOS was born.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">October 2022</p>
+                            <h3>From One Event to a Bigger Vision</h3>
+                            <p>After the success of the first Macedonian Student Party in Ljubljana, something changed. What began as a one-time event sparked a new energy among us. The group of volunteers who had worked side by side suddenly felt there was more to be done.</p>
+                            <p>We started holding regular meetings and brainstorming sessions, often lasting late into the evening. In those small rooms, surrounded by notes and ideas scribbled on paper, we began to shape a bigger vision. We talked about what Macedonian students in Slovenia truly needed — not just parties, but support, connection, and a community they could rely on.</p>
+                            <p>Those early sessions gave birth to our mission and vision. We didn't yet call ourselves an “organization," but we were slowly becoming one. What kept us going was the same spirit that created the first party — the belief that, together, we could make student life in Slovenia easier, warmer, and more meaningful.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">November 2022</p>
+                            <h3>The Founding Team</h3>
+                            <p>From the energy of the first events, a smaller circle of the most dedicated volunteers decided to take things further. They realized that for MSOS to grow, it needed structure, direction, and continuity. That was the moment when the first coordinating body was born — the group that would soon become the founding team of the organization.</p>
+                            <p>This first team was made up of: Kristijan Popovski, Bisera Nikoloska, Marko Arsov, Ksenija Kraljevska, Aleksandar Balkoski, Kiara Lazić, Evgenija Kolovska, Dijana Dimkovska, Hristijan Bogdanovski, and Stefan Gjurovski. Each one brought something unique to the table — from leadership and creativity to organizational skills and dedication.</p>
+                            <p>Together, they laid down the mission and vision, drafted the first structure, and set the foundations of what would grow into the official Macedonian Student Organization in Slovenia. At that time, no one could have imagined how quickly MSOS would evolve, but this team ensured that the idea would not remain just one successful party — it would become a movement.</p>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Year 2023 -->
+                <div class="timeline-item">
+                    <div class="timeline-marker"></div>
+                     <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-year">2023</p>
+                            <h2>From Idea to Tradition</h2>
+                            <p>The year 2023 marked the transformation of MSOS from an emerging initiative into a recognizable student network. In March, we stepped into the public eye and immediately expanded beyond Ljubljana to Maribor and Koper. By September, we had already crossed borders with our first major panel event in Skopje, connecting future students with those already studying in Slovenia. 2023 was the year when MSOS stopped being just an idea and began building traditions that continue to grow today.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">March 2023</p>
+                            <h3>Going Public</h3>
+                            <p>On March 5, 2023, we officially introduced MSOS to the public as a student initiative. What had begun as an idea and a few events was now ready to be presented as something bigger — a movement with a clear mission and vision.</p>
+                            <p>The launch was more than just an announcement. It was the moment when Macedonian students in Slovenia realized they had their own platform, their own voice, and a community they could call home. Through social media, word of mouth, and our first public activities, we reached students who until then felt scattered and disconnected.</p>
+                            <p>For us as organizers, this was a defining step: MSOS was no longer just an idea among friends, but a name and a promise that other students could recognize and join. From that day on, everything became more serious — new projects, structured communication, and the understanding that we had a responsibility to represent and support our community.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">March 2023</p>
+                            <h3>Growing Beyond Ljubljana</h3>
+                            <p>The public launch of MSOS in March 2023 did more than just make us visible — it sparked a wave of interest across Slovenia. Very quickly, students from Maribor and Koper reached out, asking how they could get involved. What began as individual messages soon grew into local teams, ready to bring the MSOS spirit to their own cities.</p>
+                            <p>This moment showed us that the need for community wasn't limited to Ljubljana. Macedonian students everywhere were looking for connection, support, and a network they could trust. With Maribor and Koper on board, MSOS transformed from a local initiative into a nationwide student presence, active across Slovenia's major university centers.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">September 2023</p>
+                            <h3>"Meet Student Slovenia 2023"</h3>
+                            <p>In September 2023, MSOS took a bold step — for the first time, we organized a panel event outside Slovenia, in Skopje. The idea was simple but powerful: bring together future students and their parents, and connect them directly with those already living and studying in Slovenia.</p>
+                            <p>The turnout exceeded all expectations. More than 100 participants filled the NLB Gallery, eager to hear real stories; not from brochures or officials, but from students themselves. They spoke about everyday challenges, from housing and paperwork to making friends and building a new life far from home. The honesty of their experiences created an atmosphere that felt more like a family gathering than a formal event.</p>
+                            <p>For many of the attendees, this was the first time they realized they were not alone in their worries. Questions that had been weighing on them for months found clear answers, and fears were replaced with excitement. For us as organizers, it was proof that MSOS was fulfilling its mission: to be the bridge between Macedonia and Slovenia, offering support even before students set foot in their new city.</p>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Year 2024 -->
+                <div class="timeline-item">
+                    <div class="timeline-marker"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-year">2024</p>
+                            <h2>From Recognition to Responsibility</h2>
+                            <p>In 2024, MSOS grew into a fully recognized and nationwide student organization. We expanded to Nova Gorica, officially registered as an association on September 9, and organized our first international conference in Skopje. With Tour de Maribor on October 12, our local teams showed new energy and initiative, while on November 17 we signed a Memorandum of Cooperation with the Student Assembly of UKIM in Skopje. 2024 was the year MSOS gained legitimacy, broadened its reach, and strengthened its role as a bridge between students in Slovenia and Macedonia.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">May 2024</p>
+                            <h3>Expanding to Nova Gorica</h3>
+                            <p>By the spring of 2024, MSOS had already built a strong presence in Ljubljana, Maribor, and Koper. But one important piece was still missing: Nova Gorica. In May, we officially welcomed our first members from the University of Nova Gorica — students full of energy, motivation, and new perspectives.</p>
+                            <p>For us, this expansion was more than just adding another city to the map. It symbolized the fact that MSOS was now present in all four major university centers in Slovenia. It meant that no matter where Macedonian students chose to study; from Ljubljana to the western border of the country, they could count on support, community, and a familiar face.</p>
+                            <p>The arrival of the Nova Gorica team brought fresh energy and ideas into our organization, reminding us once again that MSOS is not only about structure, but about people who are ready to help each other and grow together.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">September 2024</p>
+                            <h3>Official Registration</h3>
+                            <p>On September 9, 2024, MSOS was officially registered in the Slovenian register of associations. This milestone marked a historic moment for us: from a student initiative built on enthusiasm and volunteer spirit, we became a legally recognized organization.</p>
+                            <p>The registration gave us legitimacy to act as an institution, to run projects with legal backing, and to collaborate formally with universities, government bodies, and other organizations. For our team, it was more than a piece of paper — it was the confirmation that all the effort, countless volunteer hours, and shared vision had grown into something real and lasting.</p>
+                            <p>That day we celebrated not just a legal status, but a sense of pride. MSOS was no longer just "our idea;" it became an organization that belongs to every Macedonian student in Slovenia.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <h3>First MSOS Conference</h3>
+                            <p>Only a few weeks after our official registration, on September 25, 2024, MSOS took another bold step, organizing its first official conference in Skopje: "From Slovenia to North Macedonia: Synergy of Education and Business."</p>
+                            <p>The event brought together three different worlds — students, government, and the business sector, around one shared question: How can young people educated abroad be motivated to return and contribute at home?</p>
+                            <p>The program was divided into three panels:</p>
+                            <ul>
+                                <li><strong>Youth Panel</strong> – where students educated in Slovenia shared their hopes, challenges, and perspectives on returning to Macedonia.</li>
+                                <li><strong>Government Panel</strong> – discussing policies for brain gain and the role of institutions in supporting young professionals.</li>
+                                <li><strong>Business Panel</strong> – focusing on how companies can create opportunities and incentives for returning graduates.</li>
+                            </ul>
+                            <p>The discussions touched on education, career opportunities, fair pay, and quality of life, the very factors that shape whether young people see a future in their home country.</p>
+                            <p>For MSOS, this conference was more than an event. It was proof that our organization can go beyond student parties and support groups, and become a credible voice in debates about youth, education, and the future of Macedonia. It was a moment when we showed that student initiatives can grow into platforms that connect countries, generations, and sectors.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">October 2024</p>
+                            <h3>Tour de Maribor</h3>
+                            <p>On October 12, 2024, our Maribor team organized its first event — Tour de Maribor. The idea was to welcome new students by turning the entire city into a playground. Teams of participants received maps with 10 checkpoints, each offering a fun challenge: solving quizzes, making TikToks, trading random items, or snapping creative photos with Maribor's landmarks.</p>
+                            <p>The adventure lasted for more than five hours and ended with prizes, music, and new friendships. But what mattered most wasn't the competition — it was the atmosphere. Strangers became teammates, teammates became friends, and Maribor students felt the spirit of MSOS as their own.</p>
+                            <p>That day, something bigger was born: the MSOS spirit in Maribor. A new strength and initiative emerged, showing once again that MSOS isn't just about one city — it's about students everywhere who want to build a community together.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">November 2024</p>
+                            <h3>Memorandum of Cooperation</h3>
+                            <p>On International Students' Day, November 17, 2024, MSOS and the University Student Assembly at Ss. Cyril and Methodius University in Skopje signed a Memorandum of Cooperation.</p>
+                            <p>With this step, we confirmed our joint commitment to improving student standards, strengthening regional cooperation, and creating a bridge for sharing best practices between Macedonia and Slovenia.</p>
+                            <p>The memorandum symbolized more than a formal agreement — it was a recognition that Macedonian students abroad and at home share the same challenges and hopes. By working together, we opened a path for stronger collaboration, exchange of experiences, and building a student voice that crosses borders.</p>
+                        </div>
+                    </div>
+                </div>
+
+                 <!-- Year 2025 -->
+                <div class="timeline-item">
+                    <div class="timeline-marker"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-year">2025</p>
+                            <h2>A Year of Community and New Beginnings</h2>
+                            <p>In 2025, MSOS strengthened its presence across Slovenia with the first independent events from our teams in Nova Gorica and Koper. We stood in solidarity with Macedonia through peaceful gatherings and humanitarian actions, proving that our community is about more than student life alone. And with the upcoming opening of our first Student Hub in Ljubljana, 2025 marks a year of both unity and exciting new beginnings.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">March 2025</p>
+                            <h3>Paint & Wine in Nova Gorica</h3>
+                            <p>On International Women's Day, March 8, 2025, our team in Nova Gorica organized its very first independent event — a creative and vibrant Paint & Wine evening. With canvases, brushes, and a glass of wine in hand, students painted while enjoying the sunset accompanied by a live DJ set.</p>
+                            <p>The event was more than just art and music. It was a celebration of creativity, diversity, and the energy of young people coming together in a relaxed and inspiring setting. For MSOS, it was also a proud milestone: proof that our local teams are not only active, but able to design and carry out unique events that reflect their own spirit and community.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <h3>MSOS Koper's First Event – Handball Fan Zone</h3>
+                            <p>On March 16, 2025, our MSOS Koper team organized its first event, a Fan Zone for the European Handball Championship qualification match between Macedonia and Slovenia. In cooperation with the Macedonian Handball Federation, we brought students together with face paints, red and yellow flags, Macedonian beer, and even arranged two buses from Ljubljana to Koper to cheer as one.</p>
+                            <p>Sadly the event sadly stopped by the tragic news from Kochani. Despite this, the event showed the strength of our community and the passion of MSOS Koper in creating spaces where students unite and celebrate their identity.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">March-April 2025</p>
+                            <h3>Solidarity for Kočani in difficult times</h3>
+                            <p>In March and April 2025, MSOS stood together with the Macedonian community after the tragic events in Kočani. In Ljubljana, more than 700 people gathered in a peaceful vigil, filling the city square with candles and compassion. Soon after, our team in Maribor organized a charity basketball and football tournament, raising over €1,000 to support the families whose children were receiving treatment in Slovenia.</p>
+                            <p>These moments reminded us that MSOS is not only about projects and events, but also about solidarity, empathy, and standing by our people in difficult times.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">October 2025</p>
+                            <h3>Coming Soon – MSOS Student Hub in Ljubljana</h3>
+                            <p>The next big step for MSOS is the opening of our first Student Hub in Ljubljana this October. It will be a space for students to meet, work on projects, socialize, and create new ideas together. The Hub is envisioned as the new heart of our organization — a symbol of the community we have built and continue to grow.</p>
+                        </div>
+                    </div>
+                </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 -->
+
+</body>
+</html>"""
+
+
+"./en/timeline-and-milestones/index.html.bak" : 
+"""
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Timeline & Milestones - 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">
+        <!-- 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">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="si">Slovenščina (SI)</a>
+            <a href="#" data-lang="en" class="active-lang">English (EN)</a>
+            <a href="#" data-lang="mk">Македонски (MK)</a>
+        </div>
+    </div>
+</div>
+<!-- END_HEADER -->
+
+    <main class="page-content">
+        <!-- Timeline Header Section -->
+        <section class="page-header-section">
+            <div class="container text-center">
+                <span class="page-subtitle" style="text-transform: uppercase;">About us</span>
+                <h1>Timeline & Milestones</h1>
+                <p class="page-description">Learn more about the company and the team behind it.</p>
+            </div>
+        </section>
+
+        <!-- Timeline Banner -->
+        <div class="timeline-banner">
+            <img src="../../../images/about_us-timeline-milestones_img0.JPG" alt="MSOS Team Group Photo">
+        </div>
+
+        <!-- Timeline Section -->
+        <section class="timeline-section">
+            <div class="timeline-container">
+                <!-- Year 2022 -->
+                <div class="timeline-item">
+                    <div class="timeline-marker"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-year">2022</p>
+                            <h2>The Beginning of a Movement</h2>
+                            <p>What started as a simple idea in the summer of 2022 quickly grew into something much bigger. From the spark at a wine tasting in Ljubljana, to the first Macedonian Student Party with over 500 attendees, and finally the creation of the founding team, 2022 was the year when MSOS was born. It was a year of enthusiasm, countless volunteer hours, and the first steps toward building a community that Macedonian students in Slovenia had long been waiting for.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                     <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">August 2022</p>
+                            <h3>The Spark of an Idea</h3>
+                            <p>It all started at a wine tasting event in the heart of Ljubljana. Among friends and good conversation, our founder Kristijan Popovski was encouraged by his Slovenian peers to organize something truly Macedonian. Inspired, he posted in a Facebook group of Macedonians living in Slovenia, calling for volunteers to help bring the idea to life.</p>
+                            <p>Around 40 volunteers responded — a group of students who, without even realizing it, were laying the foundations of what would later become MSOS. Day after day, we worked side by side, sharing the same air, fueled by excitement and the desire to create something new. At that point, we weren't thinking about “founding an organization" — we were just a group of people trying to make one unforgettable event happen.</p>
+                            <p>Two weeks later, the first Macedonian Student Party in Ljubljana came to life. Expectations were exceeded: sponsors and donors joined in, volunteers gave their all, and more than 500 people showed up.</p>
+                            <p>That night made one thing very clear: Macedonian students in Slovenia needed a space to connect, celebrate, and support one another. And from that realization, MSOS was born.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">October 2022</p>
+                            <h3>From One Event to a Bigger Vision</h3>
+                            <p>After the success of the first Macedonian Student Party in Ljubljana, something changed. What began as a one-time event sparked a new energy among us. The group of volunteers who had worked side by side suddenly felt there was more to be done.</p>
+                            <p>We started holding regular meetings and brainstorming sessions, often lasting late into the evening. In those small rooms, surrounded by notes and ideas scribbled on paper, we began to shape a bigger vision. We talked about what Macedonian students in Slovenia truly needed — not just parties, but support, connection, and a community they could rely on.</p>
+                            <p>Those early sessions gave birth to our mission and vision. We didn't yet call ourselves an “organization," but we were slowly becoming one. What kept us going was the same spirit that created the first party — the belief that, together, we could make student life in Slovenia easier, warmer, and more meaningful.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">November 2022</p>
+                            <h3>The Founding Team</h3>
+                            <p>From the energy of the first events, a smaller circle of the most dedicated volunteers decided to take things further. They realized that for MSOS to grow, it needed structure, direction, and continuity. That was the moment when the first coordinating body was born — the group that would soon become the founding team of the organization.</p>
+                            <p>This first team was made up of: Kristijan Popovski, Bisera Nikoloska, Marko Arsov, Ksenija Kraljevska, Aleksandar Balkoski, Kiara Lazić, Evgenija Kolovska, Dijana Dimkovska, Hristijan Bogdanovski, and Stefan Gjurovski. Each one brought something unique to the table — from leadership and creativity to organizational skills and dedication.</p>
+                            <p>Together, they laid down the mission and vision, drafted the first structure, and set the foundations of what would grow into the official Macedonian Student Organization in Slovenia. At that time, no one could have imagined how quickly MSOS would evolve, but this team ensured that the idea would not remain just one successful party — it would become a movement.</p>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Year 2023 -->
+                <div class="timeline-item">
+                    <div class="timeline-marker"></div>
+                     <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-year">2023</p>
+                            <h2>From Idea to Tradition</h2>
+                            <p>The year 2023 marked the transformation of MSOS from an emerging initiative into a recognizable student network. In March, we stepped into the public eye and immediately expanded beyond Ljubljana to Maribor and Koper. By September, we had already crossed borders with our first major panel event in Skopje, connecting future students with those already studying in Slovenia. 2023 was the year when MSOS stopped being just an idea and began building traditions that continue to grow today.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">March 2023</p>
+                            <h3>Going Public</h3>
+                            <p>On March 5, 2023, we officially introduced MSOS to the public as a student initiative. What had begun as an idea and a few events was now ready to be presented as something bigger — a movement with a clear mission and vision.</p>
+                            <p>The launch was more than just an announcement. It was the moment when Macedonian students in Slovenia realized they had their own platform, their own voice, and a community they could call home. Through social media, word of mouth, and our first public activities, we reached students who until then felt scattered and disconnected.</p>
+                            <p>For us as organizers, this was a defining step: MSOS was no longer just an idea among friends, but a name and a promise that other students could recognize and join. From that day on, everything became more serious — new projects, structured communication, and the understanding that we had a responsibility to represent and support our community.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">March 2023</p>
+                            <h3>Growing Beyond Ljubljana</h3>
+                            <p>The public launch of MSOS in March 2023 did more than just make us visible — it sparked a wave of interest across Slovenia. Very quickly, students from Maribor and Koper reached out, asking how they could get involved. What began as individual messages soon grew into local teams, ready to bring the MSOS spirit to their own cities.</p>
+                            <p>This moment showed us that the need for community wasn't limited to Ljubljana. Macedonian students everywhere were looking for connection, support, and a network they could trust. With Maribor and Koper on board, MSOS transformed from a local initiative into a nationwide student presence, active across Slovenia's major university centers.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">September 2023</p>
+                            <h3>"Meet Student Slovenia 2023"</h3>
+                            <p>In September 2023, MSOS took a bold step — for the first time, we organized a panel event outside Slovenia, in Skopje. The idea was simple but powerful: bring together future students and their parents, and connect them directly with those already living and studying in Slovenia.</p>
+                            <p>The turnout exceeded all expectations. More than 100 participants filled the NLB Gallery, eager to hear real stories; not from brochures or officials, but from students themselves. They spoke about everyday challenges, from housing and paperwork to making friends and building a new life far from home. The honesty of their experiences created an atmosphere that felt more like a family gathering than a formal event.</p>
+                            <p>For many of the attendees, this was the first time they realized they were not alone in their worries. Questions that had been weighing on them for months found clear answers, and fears were replaced with excitement. For us as organizers, it was proof that MSOS was fulfilling its mission: to be the bridge between Macedonia and Slovenia, offering support even before students set foot in their new city.</p>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Year 2024 -->
+                <div class="timeline-item">
+                    <div class="timeline-marker"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-year">2024</p>
+                            <h2>From Recognition to Responsibility</h2>
+                            <p>In 2024, MSOS grew into a fully recognized and nationwide student organization. We expanded to Nova Gorica, officially registered as an association on September 9, and organized our first international conference in Skopje. With Tour de Maribor on October 12, our local teams showed new energy and initiative, while on November 17 we signed a Memorandum of Cooperation with the Student Assembly of UKIM in Skopje. 2024 was the year MSOS gained legitimacy, broadened its reach, and strengthened its role as a bridge between students in Slovenia and Macedonia.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">May 2024</p>
+                            <h3>Expanding to Nova Gorica</h3>
+                            <p>By the spring of 2024, MSOS had already built a strong presence in Ljubljana, Maribor, and Koper. But one important piece was still missing: Nova Gorica. In May, we officially welcomed our first members from the University of Nova Gorica — students full of energy, motivation, and new perspectives.</p>
+                            <p>For us, this expansion was more than just adding another city to the map. It symbolized the fact that MSOS was now present in all four major university centers in Slovenia. It meant that no matter where Macedonian students chose to study; from Ljubljana to the western border of the country, they could count on support, community, and a familiar face.</p>
+                            <p>The arrival of the Nova Gorica team brought fresh energy and ideas into our organization, reminding us once again that MSOS is not only about structure, but about people who are ready to help each other and grow together.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">September 2024</p>
+                            <h3>Official Registration</h3>
+                            <p>On September 9, 2024, MSOS was officially registered in the Slovenian register of associations. This milestone marked a historic moment for us: from a student initiative built on enthusiasm and volunteer spirit, we became a legally recognized organization.</p>
+                            <p>The registration gave us legitimacy to act as an institution, to run projects with legal backing, and to collaborate formally with universities, government bodies, and other organizations. For our team, it was more than a piece of paper — it was the confirmation that all the effort, countless volunteer hours, and shared vision had grown into something real and lasting.</p>
+                            <p>That day we celebrated not just a legal status, but a sense of pride. MSOS was no longer just "our idea;" it became an organization that belongs to every Macedonian student in Slovenia.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <h3>First MSOS Conference</h3>
+                            <p>Only a few weeks after our official registration, on September 25, 2024, MSOS took another bold step, organizing its first official conference in Skopje: "From Slovenia to North Macedonia: Synergy of Education and Business."</p>
+                            <p>The event brought together three different worlds — students, government, and the business sector, around one shared question: How can young people educated abroad be motivated to return and contribute at home?</p>
+                            <p>The program was divided into three panels:</p>
+                            <ul>
+                                <li><strong>Youth Panel</strong> – where students educated in Slovenia shared their hopes, challenges, and perspectives on returning to Macedonia.</li>
+                                <li><strong>Government Panel</strong> – discussing policies for brain gain and the role of institutions in supporting young professionals.</li>
+                                <li><strong>Business Panel</strong> – focusing on how companies can create opportunities and incentives for returning graduates.</li>
+                            </ul>
+                            <p>The discussions touched on education, career opportunities, fair pay, and quality of life, the very factors that shape whether young people see a future in their home country.</p>
+                            <p>For MSOS, this conference was more than an event. It was proof that our organization can go beyond student parties and support groups, and become a credible voice in debates about youth, education, and the future of Macedonia. It was a moment when we showed that student initiatives can grow into platforms that connect countries, generations, and sectors.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">October 2024</p>
+                            <h3>Tour de Maribor</h3>
+                            <p>On October 12, 2024, our Maribor team organized its first event — Tour de Maribor. The idea was to welcome new students by turning the entire city into a playground. Teams of participants received maps with 10 checkpoints, each offering a fun challenge: solving quizzes, making TikToks, trading random items, or snapping creative photos with Maribor's landmarks.</p>
+                            <p>The adventure lasted for more than five hours and ended with prizes, music, and new friendships. But what mattered most wasn't the competition — it was the atmosphere. Strangers became teammates, teammates became friends, and Maribor students felt the spirit of MSOS as their own.</p>
+                            <p>That day, something bigger was born: the MSOS spirit in Maribor. A new strength and initiative emerged, showing once again that MSOS isn't just about one city — it's about students everywhere who want to build a community together.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">November 2024</p>
+                            <h3>Memorandum of Cooperation</h3>
+                            <p>On International Students' Day, November 17, 2024, MSOS and the University Student Assembly at Ss. Cyril and Methodius University in Skopje signed a Memorandum of Cooperation.</p>
+                            <p>With this step, we confirmed our joint commitment to improving student standards, strengthening regional cooperation, and creating a bridge for sharing best practices between Macedonia and Slovenia.</p>
+                            <p>The memorandum symbolized more than a formal agreement — it was a recognition that Macedonian students abroad and at home share the same challenges and hopes. By working together, we opened a path for stronger collaboration, exchange of experiences, and building a student voice that crosses borders.</p>
+                        </div>
+                    </div>
+                </div>
+
+                 <!-- Year 2025 -->
+                <div class="timeline-item">
+                    <div class="timeline-marker"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-year">2025</p>
+                            <h2>A Year of Community and New Beginnings</h2>
+                            <p>In 2025, MSOS strengthened its presence across Slovenia with the first independent events from our teams in Nova Gorica and Koper. We stood in solidarity with Macedonia through peaceful gatherings and humanitarian actions, proving that our community is about more than student life alone. And with the upcoming opening of our first Student Hub in Ljubljana, 2025 marks a year of both unity and exciting new beginnings.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">March 2025</p>
+                            <h3>Paint & Wine in Nova Gorica</h3>
+                            <p>On International Women's Day, March 8, 2025, our team in Nova Gorica organized its very first independent event — a creative and vibrant Paint & Wine evening. With canvases, brushes, and a glass of wine in hand, students painted while enjoying the sunset accompanied by a live DJ set.</p>
+                            <p>The event was more than just art and music. It was a celebration of creativity, diversity, and the energy of young people coming together in a relaxed and inspiring setting. For MSOS, it was also a proud milestone: proof that our local teams are not only active, but able to design and carry out unique events that reflect their own spirit and community.</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <h3>MSOS Koper's First Event – Handball Fan Zone</h3>
+                            <p>On March 16, 2025, our MSOS Koper team organized its first event, a Fan Zone for the European Handball Championship qualification match between Macedonia and Slovenia. In cooperation with the Macedonian Handball Federation, we brought students together with face paints, red and yellow flags, Macedonian beer, and even arranged two buses from Ljubljana to Koper to cheer as one.</p>
+                            <p>Sadly the event sadly stopped by the tragic news from Kochani. Despite this, the event showed the strength of our community and the passion of MSOS Koper in creating spaces where students unite and celebrate their identity.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">March-April 2025</p>
+                            <h3>Solidarity for Kočani in difficult times</h3>
+                            <p>In March and April 2025, MSOS stood together with the Macedonian community after the tragic events in Kočani. In Ljubljana, more than 700 people gathered in a peaceful vigil, filling the city square with candles and compassion. Soon after, our team in Maribor organized a charity basketball and football tournament, raising over €1,000 to support the families whose children were receiving treatment in Slovenia.</p>
+                            <p>These moments reminded us that MSOS is not only about projects and events, but also about solidarity, empathy, and standing by our people in difficult times.</p>
+                        </div>
+                    </div>
+                </div>
+                 <div class="timeline-item">
+                    <div class="timeline-marker milestone"></div>
+                    <div class="timeline-entry">
+                        <div class="timeline-content">
+                            <p class="timeline-date">October 2025</p>
+                            <h3>Coming Soon – MSOS Student Hub in Ljubljana</h3>
+                            <p>The next big step for MSOS is the opening of our first Student Hub in Ljubljana this October. It will be a space for students to meet, work on projects, socialize, and create new ideas together. The Hub is envisioned as the new heart of our organization — a symbol of the community we have built and continue to grow.</p>
+                        </div>
+                    </div>
+                </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 -->
+
+</body>
+</html>"""
+
+
 "./main.js" : 
 """
 document.addEventListener('DOMContentLoaded', function() {
@@ -10789,7 +11136,31 @@ document.addEventListener('DOMContentLoaded', function() {
 
     /**
      * ===================================================================
-     * 4. ZAGON FUNKCIJ PO NALOŽITVI STRANI
+     * 4. INTERAKTIVNA SEKCIJA "MISSION & VISION"
+     * ===================================================================
+     */
+    try {
+        const missionVisionContainer = document.getElementById('mission-vision-interactive');
+        
+        if (missionVisionContainer) {
+            const missionBox = missionVisionContainer.querySelector('.mission-box');
+            const visionBox = missionVisionContainer.querySelector('.vision-box');
+
+            missionBox.addEventListener('mouseenter', () => {
+                missionVisionContainer.classList.remove('show-vision');
+            });
+
+            visionBox.addEventListener('mouseenter', () => {
+                missionVisionContainer.classList.add('show-vision');
+            });
+        }
+    } catch(error) {
+        console.error('Error in Mission/Vision interaction setup:', error);
+    }
+
+    /**
+     * ===================================================================
+     * 5. ZAGON FUNKCIJ PO NALOŽITVI STRANI
      * ===================================================================
      */
     highlightActiveLink();
@@ -15072,6 +15443,12 @@ if __name__ == "__main__":
     main()"""
 
 
+"./README.md" : 
+"""
+msos spletna stran
+"""
+
+
 "./si/index.html" : 
 """
 <!DOCTYPE html>
diff --git a/en/about-us/index.html b/en/about-us/index.html
index 4daa13e..ed591e2 100644
--- a/en/about-us/index.html
+++ b/en/about-us/index.html
@@ -33,8 +33,8 @@
                     <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>
+                            <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -105,8 +105,8 @@
             <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>
+                    <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">
diff --git a/en/about-us/index.html.bak b/en/about-us/index.html.bak
index 100da8d..4daa13e 100644
--- a/en/about-us/index.html.bak
+++ b/en/about-us/index.html.bak
@@ -330,7 +330,7 @@
         <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_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>
diff --git a/en/index.html b/en/index.html
index 9aeaba1..25a76de 100644
--- a/en/index.html
+++ b/en/index.html
@@ -33,8 +33,8 @@
                     <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>
+                            <li><a href="../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -105,8 +105,8 @@
             <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>
+                    <li><a href="../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">
diff --git a/en/index.html.bak b/en/index.html.bak
index 688e7c7..9aeaba1 100644
--- a/en/index.html.bak
+++ b/en/index.html.bak
@@ -21,11 +21,13 @@
     <!-- 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 -->
+        <!-- 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">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 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>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- 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>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,7 +147,6 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -159,7 +157,7 @@
     </div>
 </div>
 
-<!-- Language Selection Modal (for Mobile) -->
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
 <div id="language-modal-overlay">
     <div class="language-modal-content">
         <div class="language-modal-header">
diff --git a/en/projects/index.html b/en/projects/index.html
index d6cbc23..6adc5f2 100644
--- a/en/projects/index.html
+++ b/en/projects/index.html
@@ -33,8 +33,8 @@
                     <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>
+                            <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -105,8 +105,8 @@
             <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>
+                    <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">
diff --git a/en/projects/index.html.bak b/en/projects/index.html.bak
index 46f5782..d6cbc23 100644
--- a/en/projects/index.html.bak
+++ b/en/projects/index.html.bak
@@ -21,11 +21,13 @@
     <!-- 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 -->
+        <!-- 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">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 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>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- 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>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,7 +147,6 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -159,7 +157,7 @@
     </div>
 </div>
 
-<!-- Language Selection Modal (for Mobile) -->
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
 <div id="language-modal-overlay">
     <div class="language-modal-content">
         <div class="language-modal-header">
diff --git a/en/projects/macedonian-student-night-in-ljubljana/index.html b/en/projects/macedonian-student-night-in-ljubljana/index.html
index 8a52e50..7eee0ea 100644
--- a/en/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/en/projects/macedonian-student-night-in-ljubljana/index.html
@@ -33,8 +33,8 @@
                     <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>
+                            <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -105,8 +105,8 @@
             <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>
+                    <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">
diff --git a/en/projects/macedonian-student-night-in-ljubljana/index.html.bak b/en/projects/macedonian-student-night-in-ljubljana/index.html.bak
index ed1e15e..8a52e50 100644
--- a/en/projects/macedonian-student-night-in-ljubljana/index.html.bak
+++ b/en/projects/macedonian-student-night-in-ljubljana/index.html.bak
@@ -21,11 +21,13 @@
     <!-- 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 -->
+        <!-- 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">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 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>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- 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>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,7 +147,6 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -159,7 +157,7 @@
     </div>
 </div>
 
-<!-- Language Selection Modal (for Mobile) -->
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
 <div id="language-modal-overlay">
     <div class="language-modal-content">
         <div class="language-modal-header">
diff --git a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
index 86955b2..1bad5eb 100644
--- a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
+++ b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
@@ -33,8 +33,8 @@
                     <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>
+                            <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -105,8 +105,8 @@
             <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>
+                    <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">
diff --git a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak
index 1d3f8d8..86955b2 100644
--- a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak
+++ b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak
@@ -21,11 +21,13 @@
     <!-- 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 -->
+        <!-- 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">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 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>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- 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>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,7 +147,6 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -159,7 +157,7 @@
     </div>
 </div>
 
-<!-- Language Selection Modal (for Mobile) -->
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
 <div id="language-modal-overlay">
     <div class="language-modal-content">
         <div class="language-modal-header">
diff --git a/en/projects/meet-student-slovenia-2023/index.html b/en/projects/meet-student-slovenia-2023/index.html
index 01a4542..b9d7a13 100644
--- a/en/projects/meet-student-slovenia-2023/index.html
+++ b/en/projects/meet-student-slovenia-2023/index.html
@@ -33,8 +33,8 @@
                     <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>
+                            <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -105,8 +105,8 @@
             <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>
+                    <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">
diff --git a/en/projects/meet-student-slovenia-2023/index.html.bak b/en/projects/meet-student-slovenia-2023/index.html.bak
index 380c399..01a4542 100644
--- a/en/projects/meet-student-slovenia-2023/index.html.bak
+++ b/en/projects/meet-student-slovenia-2023/index.html.bak
@@ -21,11 +21,13 @@
     <!-- 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 -->
+        <!-- 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">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 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>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- 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>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,7 +147,6 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -159,7 +157,7 @@
     </div>
 </div>
 
-<!-- Language Selection Modal (for Mobile) -->
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
 <div id="language-modal-overlay">
     <div class="language-modal-content">
         <div class="language-modal-header">
diff --git a/en/projects/meet-student-slovenia-2024/index.html b/en/projects/meet-student-slovenia-2024/index.html
index 881c2c8..a66018d 100644
--- a/en/projects/meet-student-slovenia-2024/index.html
+++ b/en/projects/meet-student-slovenia-2024/index.html
@@ -33,8 +33,8 @@
                     <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>
+                            <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -105,8 +105,8 @@
             <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>
+                    <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">
diff --git a/en/projects/meet-student-slovenia-2024/index.html.bak b/en/projects/meet-student-slovenia-2024/index.html.bak
index 103aa4d..881c2c8 100644
--- a/en/projects/meet-student-slovenia-2024/index.html.bak
+++ b/en/projects/meet-student-slovenia-2024/index.html.bak
@@ -21,11 +21,13 @@
     <!-- 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 -->
+        <!-- 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">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 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>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- 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>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,7 +147,6 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -159,7 +157,7 @@
     </div>
 </div>
 
-<!-- Language Selection Modal (for Mobile) -->
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
 <div id="language-modal-overlay">
     <div class="language-modal-content">
         <div class="language-modal-header">
diff --git a/en/projects/morning-coffee-in-front-of-ctk/index.html b/en/projects/morning-coffee-in-front-of-ctk/index.html
index 68265d7..0d4e960 100644
--- a/en/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/en/projects/morning-coffee-in-front-of-ctk/index.html
@@ -33,8 +33,8 @@
                     <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>
+                            <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -105,8 +105,8 @@
             <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>
+                    <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">
diff --git a/en/projects/morning-coffee-in-front-of-ctk/index.html.bak b/en/projects/morning-coffee-in-front-of-ctk/index.html.bak
index 6c7398f..68265d7 100644
--- a/en/projects/morning-coffee-in-front-of-ctk/index.html.bak
+++ b/en/projects/morning-coffee-in-front-of-ctk/index.html.bak
@@ -21,11 +21,13 @@
     <!-- 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 -->
+        <!-- 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">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 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>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- 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>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,7 +147,6 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -159,7 +157,7 @@
     </div>
 </div>
 
-<!-- Language Selection Modal (for Mobile) -->
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
 <div id="language-modal-overlay">
     <div class="language-modal-content">
         <div class="language-modal-header">
diff --git a/en/projects/testproject/index.html b/en/projects/testproject/index.html
index ad79f4a..efa32b8 100644
--- a/en/projects/testproject/index.html
+++ b/en/projects/testproject/index.html
@@ -33,8 +33,8 @@
                     <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>
+                            <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -105,8 +105,8 @@
             <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>
+                    <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../../en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">
diff --git a/en/projects/testproject/index.html.bak b/en/projects/testproject/index.html.bak
index 99562a4..ad79f4a 100644
--- a/en/projects/testproject/index.html.bak
+++ b/en/projects/testproject/index.html.bak
@@ -21,11 +21,13 @@
     <!-- 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 -->
+        <!-- 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">
@@ -70,28 +72,25 @@
                     </li>
                 </ul>
             </nav>
-        </div>
-
-        <!-- Desktop Buttons -->
-        <div class="navigation-actions">
-            <button class="btn btn-secondary">Become a member</button>
-            <button class="btn btn-primary">Donate</button>
-            <!-- Language Switcher (Desktop Dropdown) -->
-            <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 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>
 
-        <!-- Mobile Menu Icon (Hamburger/X) -->
+        <!-- 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>
@@ -99,7 +98,7 @@
     </div>
 </header>
 
-<!-- Mobile Navigation Panel -->
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
 <div class="mobile-nav-panel">
     <nav>
         <ul class="navigation mobile-nav">
@@ -148,7 +147,6 @@
     <div class="navigation-actions">
         <button class="btn btn-secondary">Become a member</button>
         <button class="btn btn-primary">Donate</button>
-        <!-- Language Switcher (Mobile Button - Triggers Modal) -->
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
                 <i class="fas fa-globe"></i>
@@ -159,7 +157,7 @@
     </div>
 </div>
 
-<!-- Language Selection Modal (for Mobile) -->
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
 <div id="language-modal-overlay">
     <div class="language-modal-content">
         <div class="language-modal-header">
diff --git a/en/about-us/timeline-and-milestones/index.html.bak b/en/timeline-and-milestones/index.html
similarity index 97%
rename from en/about-us/timeline-and-milestones/index.html.bak
rename to en/timeline-and-milestones/index.html
index ff815c6..322353d 100644
--- a/en/about-us/timeline-and-milestones/index.html.bak
+++ b/en/timeline-and-milestones/index.html
@@ -22,8 +22,8 @@
 <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 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 -->
@@ -33,14 +33,14 @@
                     <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>
+                            <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../en/about-us/">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="../../en/projects/">Event & Projects</a></li>
                             <li><a href="#">Blog</a></li>
                             <li><a href="#">Gallery</a></li>
                         </ul>
@@ -105,14 +105,14 @@
             <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>
+                    <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../en/about-us/">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="../../en/projects/">Event & Projects</a></li>
                     <li><a href="#">Blog</a></li>
                     <li><a href="#">Gallery</a></li>
                 </ul>
@@ -185,7 +185,7 @@
 
         <!-- Timeline Banner -->
         <div class="timeline-banner">
-            <img src="../../../images/about_us-timeline-milestones_img0.JPG" alt="MSOS Team Group Photo">
+            <img src="../../../images/about_us-timeline-milestones_img0.webp" alt="MSOS Team Group Photo">
         </div>
 
         <!-- Timeline Section -->
@@ -428,7 +428,7 @@
         <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">
+                    <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                 </div>
                 <p>
                     Masarykova cesta 24<br>
@@ -473,7 +473,7 @@
             </div>
         </div>
     </div>
-    <script src="../../../main.js"></script>
+    <script src="../../main.js"></script>
 </footer>
 <!-- END_FOOTER -->
 
diff --git a/en/about-us/timeline-and-milestones/index.html b/en/timeline-and-milestones/index.html.bak
similarity index 100%
rename from en/about-us/timeline-and-milestones/index.html
rename to en/timeline-and-milestones/index.html.bak
diff --git a/templates/en/header.html b/templates/en/header.html
index d93102f..37ae683 100644
--- a/templates/en/header.html
+++ b/templates/en/header.html
@@ -13,8 +13,8 @@
                     <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>
+                            <li><a href="{{ROOT_PREFIX}}en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="{{ROOT_PREFIX}}en/about-us/">Our team, mission, vision & core values</a></li>
                         </ul>
                     </li>
                     <li class="menu-item menu-item-has-children">
@@ -85,8 +85,8 @@
             <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>
+                    <li><a href="{{ROOT_PREFIX}}en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="{{ROOT_PREFIX}}en/about-us/">Our team, mission, vision & core values</a></li>
                 </ul>
             </li>
             <li class="menu-item menu-item-has-children">