Popravki za homepage

code_export.txt

@@ -1,9 +1,3 @@
-"./README.md" : 
-"""
-msos spletna stran
-"""
-
-
 "./css/base/_base.css" : 
 """
 /* ==========================================================================
@@ -18,8 +12,8 @@ msos spletna stran
 
 /* 1. Temeljni stili */
 
-html, body {
-    overflow-x: hidden; /* Preprečuje horizontalno drsenje na najvišji ravni */
+html {
+    /* To je pomembno, da ostane prazno ali brez overflow-x: hidden */
 }
 
 body {
@@ -27,6 +21,7 @@ body {
     margin: 0;
     background-color: #FFFFFF;
     color: #101828;
+    overflow-x: hidden; /* Preprečuje horizontalno drsenje na telesu strani */
 }
 
 /* NOVO (zamenjaj znotraj _base.css): */
@@ -1563,34 +1558,31 @@ footer hr {
     margin: 0 auto;
     padding: 0 32px;
     gap: 64px;
-    /* Pomembno: poravna elemente na vrh, kar omogoča pravilno delovanje sticky */
     align-items: flex-start; 
 }
 
 .article-container {
     flex-grow: 1;
-    min-width: 0; /* Prepreči, da bi vsebina potisnila sidebar */
+    min-width: 0;
     padding: 96px 0;
 }
 
 /* ==========================================================================
-   2. Lepljiva leva navigacija (Scrollspy - Desktop)
+   2. Lepljiva leva navigacija (Scrollspy - Desktop) - POSODOBLJENO
    ========================================================================== */
 
 .article-sidebar {
-    width: 256px;
+    width: 288px;
     flex-shrink: 0;
-    /* Celoten sidebar postane lepljiv */
     position: sticky;
-    top: 120px; /* 80px (header) + 40px (razmik) */
-    /* Določimo višino, da se omogoči notranje drsenje, če je potrebno */
+    top: 120px;
     height: calc(100vh - 140px);
+    margin-top: 48px; /* NOVO: Doda začetni odmik od vrha */
 }
 
 .scrollspy-nav {
-    /* Navigacija zapolni celotno višino lepljivega sidebar-a */
     height: 100%;
-    overflow-y: auto; /* Doda drsnik, samo če je vsebina daljša od višine */
+    overflow-y: auto;
 }
 
 .scrollspy-nav ul {
@@ -1599,15 +1591,15 @@ footer hr {
     margin: 0;
     display: flex;
     flex-direction: column;
-    gap: 16px;
+    gap: 20px;
     border-left: 2px solid #EAECF0;
 }
 
 .scrollspy-nav li a {
     display: block;
-    padding: 8px 16px;
+    padding: 12px 24px;
     text-decoration: none;
-    font-size: 14px;
+    font-size: 16px;
     font-weight: 500;
     color: #667085;
     border-left: 2px solid transparent;
@@ -1638,6 +1630,18 @@ footer hr {
     z-index: 900;
     border-bottom: 1px solid #EAECF0;
     padding: 12px 24px;
+    cursor: pointer;
+    justify-content: space-between;
+    align-items: center;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.mobile-article-header .fa-chevron-down {
+    transition: transform 0.3s ease-in-out;
+}
+
+.mobile-article-header.open .fa-chevron-down {
+    transform: rotate(180deg);
 }
 
 #mobile-article-title {
@@ -1647,6 +1651,8 @@ footer hr {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    flex-grow: 1;
+    padding-right: 16px;
 }
 
 .progress-bar-container {
@@ -1665,6 +1671,51 @@ footer hr {
     transition: width 0.1s linear;
 }
 
+.mobile-scrollspy-dropdown {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    width: 100%;
+    background: #FFFFFF;
+    border-top: 1px solid #EAECF0;
+    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
+    max-height: 0;
+    overflow: hidden;
+    opacity: 0;
+    visibility: hidden;
+    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s;
+}
+
+.mobile-scrollspy-dropdown.open {
+    max-height: 50vh;
+    opacity: 1;
+    visibility: visible;
+    overflow-y: auto;
+}
+
+.mobile-scrollspy-dropdown ul {
+    list-style: none;
+    padding: 8px;
+    margin: 0;
+}
+
+.mobile-scrollspy-dropdown a {
+    display: block;
+    padding: 12px 16px;
+    text-decoration: none;
+    color: #344054;
+    font-size: 16px;
+    font-weight: 500;
+    border-radius: 6px;
+    white-space: normal;
+}
+
+.mobile-scrollspy-dropdown a:hover,
+.mobile-scrollspy-dropdown a.active {
+    background-color: #F9FAFB;
+    color: #2D738C;
+}
+
 
 /* ==========================================================================
    4. Glava članka
@@ -1943,7 +1994,7 @@ footer hr {
     }
 
     .mobile-article-header {
-        display: block;
+        display: flex;
     }
 
     .article-container {
@@ -1988,7 +2039,7 @@ footer hr {
     .article-body h2 {
         font-size: 24px;
         line-height: 32px;
-        scroll-margin-top: 80px;
+        scroll-margin-top: 120px;
     }
 
     .article-quote p {
@@ -7988,7 +8039,7 @@ footer hr {
                         <li class="menu-item menu-item-has-children">
                             <a href="#">Who We Are</a>
                             <ul class="dropdown-menu">
-                                <li><a href="../../../en/about-us/timeline-and-milestones/">Timeline & Milestones</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>
@@ -8057,7 +8108,7 @@ footer hr {
                 <li class="menu-item menu-item-has-children">
                     <a href="#">Who We Are</a>
                     <ul class="dropdown-menu">
-                        <li><a href="../../../en/about-us/timeline-and-milestones/">Timeline & Milestones</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>
@@ -8128,9 +8179,16 @@ footer hr {
         <!-- Sticky Mobile Header -->
         <div class="mobile-article-header">
             <span id="mobile-article-title">Meet Student Slovenia 2024</span>
+            <i class="fas fa-chevron-down"></i>
             <div class="progress-bar-container">
                 <div class="progress-bar"></div>
             </div>
+             <!-- Dropdown Menu for Mobile -->
+            <div class="mobile-scrollspy-dropdown">
+                <ul id="mobile-scrollspy-links">
+                    <!-- Links will be dynamically inserted here by JavaScript -->
+                </ul>
+            </div>
         </div>
 
         <div class="article-layout-container">
@@ -8225,7 +8283,7 @@ footer hr {
                         <figcaption>Moments when the participants ask questions to the panelists!😊✨</figcaption>
                     </figure>
 
-                    <h2 id="livestream">For those who were not physically present with us</h2>
+                    <h2 id="livestream">For those not physically present with us</h2>
                     <p>We know that not everyone managed to attend the NLB Gallery, but we therefore provided a high-quality livestream. The event was broadcast live and is now available for re-watching. If you want to feel the atmosphere and hear the honest stories from the panel, you can watch the entire event at this link <a href="#">Watch the video here.</a></p>
                     
                     <figure class="article-inline-image">
@@ -11298,23 +11356,56 @@ document.addEventListener('DOMContentLoaded', function() {
     
     /**
      * ===================================================================
-     * 5. SCROLLSPY IN PROGRESS BAR ZA STRANI ČLANKOV
+     * 5. SCROLLSPY IN PROGRESS BAR ZA STRANI ČLANKOV (POSODOBLJENO)
      * ===================================================================
      */
     try {
         const articlePage = document.querySelector('.article-page');
         if (articlePage) {
             const scrollspyNav = document.querySelector('.scrollspy-nav');
+            const mobileHeader = document.querySelector('.mobile-article-header');
             const mobileTitle = document.getElementById('mobile-article-title');
+            const mobileDropdown = document.querySelector('.mobile-scrollspy-dropdown');
+            const mobileLinksContainer = document.getElementById('mobile-scrollspy-links');
             const progressBar = document.querySelector('.progress-bar');
             
-            const headings = articlePage.querySelectorAll('.article-body h2');
-            const navLinks = scrollspyNav ? scrollspyNav.querySelectorAll('a') : [];
+            const headings = Array.from(articlePage.querySelectorAll('.article-body h2'));
+            const desktopNavLinks = scrollspyNav ? Array.from(scrollspyNav.querySelectorAll('a')) : [];
 
-            // --- Logic for Progress Bar ---
+            // --- Dinamično ustvarjanje mobilnega spustnega seznama ---
+            if (headings.length > 0 && mobileLinksContainer) {
+                headings.forEach(heading => {
+                    const listItem = document.createElement('li');
+                    const link = document.createElement('a');
+                    link.href = `#${heading.id}`;
+                    link.textContent = heading.textContent;
+                    listItem.appendChild(link);
+                    mobileLinksContainer.appendChild(listItem);
+                });
+            }
+            
+            // --- Logika za odpiranje/zapiranje mobilnega spustnega seznama ---
+            if (mobileHeader && mobileDropdown) {
+                mobileHeader.addEventListener('click', (e) => {
+                    // Preprečimo, da se meni zapre, če kliknemo na povezavo znotraj njega
+                    if (!e.target.closest('a')) {
+                         mobileHeader.classList.toggle('open');
+                         mobileDropdown.classList.toggle('open');
+                    }
+                });
+
+                // Dodamo dogodek za zapiranje menija ob kliku na povezavo
+                mobileDropdown.querySelectorAll('a').forEach(link => {
+                    link.addEventListener('click', () => {
+                        mobileHeader.classList.remove('open');
+                        mobileDropdown.classList.remove('open');
+                    });
+                });
+            }
+
+            // --- Logika za Progress Bar ---
             function updateProgressBar() {
                 if (!progressBar) return;
-
                 const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
                 const scrollTop = window.scrollY;
                 
@@ -11326,38 +11417,42 @@ document.addEventListener('DOMContentLoaded', function() {
                 }
             }
 
-            // --- Logic for Scrollspy ---
-            const observer = new IntersectionObserver((entries) => {
-                entries.forEach(entry => {
-                    if (entry.isIntersecting) {
+            // --- Logika za Scrollspy ---
+            if (headings.length > 0) {
+                const observer = new IntersectionObserver((entries) => {
+                    entries.forEach(entry => {
                         const id = entry.target.getAttribute('id');
-                        
-                        // Update desktop nav
-                        if (navLinks.length > 0) {
-                            navLinks.forEach(link => {
-                                link.classList.remove('active');
-                                if (link.getAttribute('href') === `#${id}`) {
-                                    link.classList.add('active');
-                                }
-                            });
+                        const desktopNavLink = desktopNavLinks.find(link => link.getAttribute('href') === `#${id}`);
+                        const mobileNavLink = mobileLinksContainer ? mobileLinksContainer.querySelector(`a[href="#${id}"]`) : null;
+
+                        if (entry.isIntersecting) {
+                            // Posodobi namizno navigacijo
+                            if (desktopNavLink) {
+                                desktopNavLinks.forEach(link => link.classList.remove('active'));
+                                desktopNavLink.classList.add('active');
+                            }
+                            // Posodobi mobilni naslov in aktivno povezavo v spustnem seznamu
+                            if (mobileTitle) {
+                                mobileTitle.textContent = entry.target.textContent;
+                            }
+                            if (mobileNavLink) {
+                                mobileLinksContainer.querySelectorAll('a').forEach(link => link.classList.remove('active'));
+                                mobileNavLink.classList.add('active');
+                            }
                         }
-                        
-                        // Update mobile title
-                        if (mobileTitle) {
-                            mobileTitle.textContent = entry.target.textContent;
-                        }
-                    }
+                    });
+                }, {
+                    rootMargin: "-100px 0px -50% 0px" // Sproži, ko je naslov v zgornjem delu zaslona
                 });
-            }, {
-                rootMargin: "-100px 0px -50% 0px" // Trigger when heading is in the top part of the viewport
-            });
 
-            headings.forEach(heading => {
-                observer.observe(heading);
-            });
+                headings.forEach(heading => {
+                    observer.observe(heading);
+                });
+            }
 
-            // Attach event listener for progress bar
+            // Dodaj poslušalca dogodkov za vrstico napredka
             window.addEventListener('scroll', updateProgressBar);
+            updateProgressBar(); // Klic ob nalaganju strani
         }
     } catch (error) {
         console.error('Error in Article Scrollspy/Progress Bar setup:', error);
@@ -15648,6 +15743,12 @@ if __name__ == "__main__":
     main()"""
 
 
+"./README.md" : 
+"""
+msos spletna stran
+"""
+
+
 "./si/index.html" : 
 """
 <!DOCTYPE html>
@@ -19831,6 +19932,31 @@ if __name__ == "__main__":
 </html>"""
 
 
+"./site.webmanifest" : 
+"""
+{
+  "name": "MSOS",
+  "short_name": "MSOS",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}"""
+
+
 "./style.css" : 
 """
 /* General Styles */

css/base/_base.css

@@ -12,6 +12,7 @@
 
 html {
     /* To je pomembno, da ostane prazno ali brez overflow-x: hidden */
+    overflow-x: hidden; /* Dodano za preprečevanje horizontalnega drsenja, ki ga body morda ne ujame. */
 }
 
 body {

en/index.html

@@ -33,7 +33,7 @@
                     <li class="menu-item menu-item-has-children">
                         <a href="#">Who We Are</a>
                         <ul class="dropdown-menu">
-                            <li><a href="../en/about-us/timeline-and-milestones/">Timeline & Milestones</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>
@@ -105,7 +105,7 @@
             <li class="menu-item menu-item-has-children">
                 <a href="#">Who We Are</a>
                 <ul class="dropdown-menu">
-                    <li><a href="../en/about-us/timeline-and-milestones/">Timeline & Milestones</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>
@@ -230,7 +230,7 @@
                 </div>
                 <div class="activity-details">
                     <p>We know moving to a new country can feel overwhelming, so we’re here to make it easier. From helping you with university applications to finding your way around student life in Slovenia, you can always count on us. We offer free consultations, answer your questions on Instagram and Facebook (yes, even late at night), and host events where you can meet others and hear real experiences first-hand. With mentorship, info sessions, and a friendly community by your side, you’ll never have to go through the journey alone.</p>
-                    <img src="../images/3.activites.webp" alt="A group of students smiling and collaborating">
+                    <img src="../images/img1-08.09.2025.webp" alt="Students receiving support and guidance">
                 </div>
             </div>
         </section>
@@ -480,4 +480,4 @@
 <!-- END_FOOTER -->
 
 </body>
-</html>
+</html>

en/index.html.bak

@@ -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">
@@ -175,22 +175,28 @@
 
     <main>
         <section class="hero-section">
-            <div class="hero-background">
-                <div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
-                <div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
-            </div>
+            <div class="hero-background"></div>
             <div class="hero-overlay"></div>
             <div class="hero-content">
                 <div class="heading-and-supporting-text">
                     <div class="badge-group">
                         <div class="badge-content">
-                            <span class="message">First official MSOS</span>
+                            <span class="message">First official Macedonian Student Organisation in Slovenia</span>
                         </div>
                     </div>
                     <h1>Empowering young people with skills to change the world</h1>
-                    <p>Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.</p>
+                    <p>Be part of our exciting journey; Become a part of our student organization today!</p>
                 </div>
-                <button class="btn btn-primary-orange">Become a Member</button>
+                <button class="btn btn-primary-orange">Become a member</button>
+            </div>
+        </section>
+
+        <section class="partners-section">
+            <div class="partners-container">
+                <img src="../images/2.%20Slo%20embassy%20in%20Skopje_mcd-1.png" alt="Slovenian Embassy in Skopje logo">
+                <img src="../images/5.%20UL_EF-logoENG-HOR-CMYK_color-1.png" alt="University of Ljubljana School of Economics and Business logo">
+                <img src="../images/3.%20Logo_NLB_Banka_CMYK_MAC-1.png" alt="NLB Banka logo">
+                <img src="../images/1.%20mkd%20embassy%20in%20slovenia.png" alt="Embassy of North Macedonia in Slovenia logo">
             </div>
         </section>
 
@@ -201,30 +207,30 @@
                 <button class="play-button" aria-label="Play video"></button>
             </div>
             <div class="team-content">
-                <h2>Meet our incredible team!</h2>
-                <p>It’s not just about studying. It’s about meeting people, sharing stories, and making Slovenia feel like home.</p>
-                <button class="btn btn-secondary">Learn more</button>
+                <h2>Every Student Has a Story – Here’s Ours</h2>
+                <p>Curious about what MSOS is all about? This video tells our story—fast, fun, and from the heart. See what makes MSOS special in our video—and hit “Learn more” to be part of the story.</p>
+                <a href="../en/about-us/" class="btn btn-secondary">Learn more</a>
             </div>
         </section>
 
         <section class="activities-section">
             <div class="activities-header">
                 <h2>Activities</h2>
-                <p>It’s not just about studying. It’s about meeting people, sharing stories, and making Slovenia feel like home.</p>
+                <p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
             </div>
             <div class="activities-content">
                 <div class="activities-nav">
                     <ul>
-                        <li class="active">Student representation</li>
-                        <li>Education and culture</li>
-                        <li>Entertainment and socializing</li>
-                        <li>Student support</li>
+                        <li class="active">Student Support</li>
+                        <li>Fun & Social Life</li>
+                        <li>Education & Culture</li>
+                        <li>Student Representation</li>
                     </ul>
                     <button class="btn btn-primary-orange">Become a member</button>
                 </div>
                 <div class="activity-details">
-                    <p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
-                    <img src="../images/3.activites.webp" alt="A group of students smiling and collaborating">
+                    <p>We know moving to a new country can feel overwhelming, so we’re here to make it easier. From helping you with university applications to finding your way around student life in Slovenia, you can always count on us. We offer free consultations, answer your questions on Instagram and Facebook (yes, even late at night), and host events where you can meet others and hear real experiences first-hand. With mentorship, info sessions, and a friendly community by your side, you’ll never have to go through the journey alone.</p>
+                    <img src="../images/img1-08.09.2025.png" alt="Students receiving support and guidance">
                 </div>
             </div>
         </section>
@@ -232,7 +238,7 @@
         <section class="latest-news-section">
             <div class="news-header">
                 <h2>Latest news</h2>
-                <p>Don’t miss what’s happening! Here you’ll find all our updates — from student news to upcoming activities and community highlights.</p>
+                <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
             </div>
             <div class="news-articles">
                 <article class="news-card">
@@ -260,13 +266,13 @@
                     </div>
                 </article>
             </div>
-            <button class="btn btn-secondary">See all</button>
+            <a href="../en/projects/" class="btn btn-secondary">See all</a>
         </section>
 
         <section class="testimonials-section">
             <div class="testimonials-intro">
-                <h2>See what they say about us</h2>
-                <p>Hear from our students and partners about what MSOS means to them — from settling in to building a strong community</p>
+                <h2>See what our partners say about us</h2>
+                <p>Everything you need to know about the product and billing.</p>
             </div>
             <div class="testimonials-columns">
                 <div class="testimonial-column">
@@ -323,7 +329,7 @@
         <section class="become-part-section">
             <div class="become-part-header">
                 <h2>Become part of our amazing team</h2>
-                <p>Join MSOS and be part of a community that supports, connects, and inspires students in Slovenia!</p>
+                <p>We're a 100% remote team spread all across the world. Join us!</p>
             </div>
             <img src="../images/9-becomepart.webp" alt="Our amazing team in a classroom setting" class="team-photo">
             
@@ -370,38 +376,38 @@
         <section class="faq-section">
             <div class="faq-header">
                 <h2>Frequently asked questions</h2>
-                <p>Hear from our students and partners about what MSOS means to them — from settling in to building a strong community</p>
+                <p>Everything you wanted to know about studying and living in Slovenia — in one place.</p>
             </div>
             <div class="faq-grid">
                 <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-heart"></i></div>
-                    <h3>Is there a free trial available?</h3>
-                    <p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
+                    <h3>How can I get a student visa or residence permit?</h3>
+                    <p>Quick guide on what documents you need and how long it takes.</p>
                 </div>
                 <div class="faq-item">
                      <div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
-                    <h3>Can I change my plan later?</h3>
-                    <p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
+                    <h3>What is the cost of living & housing in Slovenia?</h3>
+                    <p>See average monthly expenses and where to find affordable housing.</p>
                 </div>
                 <div class="faq-item">
                      <div class="faq-icon-container"><i class="fas fa-ban"></i></div>
-                    <h3>What is your cancellation policy?</h3>
-                    <p>We understand that things change. You can cancel your plan at any time and we’ll refund you the difference already paid.</p>
+                    <h3>Can I study in English, or do I need Slovene language?</h3>
+                    <p>Find out which programs are in English—and when learning Slovene helps.</p>
                 </div>
                 <div class="faq-item">
                      <div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
-                    <h3>Can other info be added to an invoice?</h3>
-                    <p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
+                    <h3>Are there part-time jobs available? Can I work while studying?</h3>
+                    <p>Learn about the student work possibilities and how to manage it while studying.</p>
                 </div>
                 <div class="faq-item">
                      <div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
-                    <h3>How does billing work?</h3>
-                    <p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
+                    <h3>What student benefits and discounts are available?</h3>
+                    <p>Ever heard of ‘Boni’? Student meal coupons that make eating out more affordable and planty more.</p>
                 </div>
                  <div class="faq-item">
                      <div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
-                    <h3>How do I change my account email?</h3>
-                    <p>We understand that things change. You can cancel your plan at any time and we’ll refund you the difference.</p>
+                    <h3>What are tuition fees and are there scholarships?</h3>
+                    <p>Info on tuition ranges and where to look for funding or fee waivers.</p>
                 </div>
             </div>
             <div class="faq-footer">

en/projects/meet-student-slovenia-2024/index.html

@@ -19,152 +19,159 @@
 <body>
 
     <!-- START_HEADER -->
-    <header class="dropdown-header-navigation">
-        <div class="container">
-            <a href="../../../en/" class="logo-link">
-                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
-            </a>
-            <div class="header-right-wrapper">
-                <nav>
-                    <ul class="navigation desktop-nav">
-                        <li class="menu-item menu-item-has-children">
-                            <a href="#">Who We Are</a>
-                            <ul class="dropdown-menu">
-                                <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
-                                <li><a href="../../../en/about-us/">Our team, 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>
+<header class="dropdown-header-navigation">
+    <div class="container">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../../en/" class="logo-link">
+            <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Who We Are</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../../en/about-us/">Our team, 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 class="mobile-menu-icon">
-                <i class="fas fa-bars"></i>
-                <i class="fas fa-times"></i>
-            </div>
         </div>
-    </header>
 
-    <div class="mobile-nav-panel">
-        <nav>
-            <ul class="navigation mobile-nav">
-                <li class="menu-item menu-item-has-children">
-                    <a href="#">Who We Are</a>
-                    <ul class="dropdown-menu">
-                        <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
-                        <li><a href="../../../en/about-us/">Our team, 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>
+        <!-- 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>
 
-    <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>
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../../en/about-us/">Our team, 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>
-    <!-- END_HEADER -->
+</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="article-page">
         <!-- Sticky Mobile Header -->
@@ -327,59 +334,59 @@
     </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>
+<footer>
+    <div class="footer-container">
+        <div class="footer-main">
+            <div class="footer-info">
+                <div class="footer-logo">
+                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                 </div>
-                <div class="footer-links">
-                    <div class="links-column">
-                        <h4>For students</h4>
-                        <a href="#">Blog</a>
-                        <a href="#">Gallery</a>
-                        <a href="#">FAQs</a>
-                        <a href="#">Brochure</a>
-                    </div>
-                    <div class="links-column">
-                        <h4>Projects</h4>
-                        <a href="#">Upcoming</a>
-                        <a href="#">Previous</a>
-                    </div>
-                    <div class="links-column">
-                        <h4>Organisation</h4>
-                        <a href="#">About us</a>
-                        <a href="#">Contact</a>
-                        <a href="#">Documentation</a>
-                    </div>
+                <p>
+                    Masarykova cesta 24<br>
+                    1000 Ljubljana, Slovenia<br>
+                    +389 02 123 4567<br>
+                    info.msosorg@gmail.com
+                </p>
+                <div class="social-icons">
+                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
+                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
+                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                 </div>
             </div>
-            <hr>
-            <div class="footer-bottom">
-                 <p>© MSOS org 2023 All rights reserved.</p>
-                <div class="legal-links">
-                    <a href="#">Privacy policy</a>
-                    <a href="#">Cookie Policy</a>
-                    <a href="#">Legal Terms</a>
+            <div class="footer-links">
+                <div class="links-column">
+                    <h4>For students</h4>
+                    <a href="#">Blog</a>
+                    <a href="#">Gallery</a>
+                    <a href="#">FAQs</a>
+                    <a href="#">Brochure</a>
+                </div>
+                <div class="links-column">
+                    <h4>Projects</h4>
+                    <a href="#">Upcoming</a>
+                    <a href="#">Previous</a>
+                </div>
+                <div class="links-column">
+                    <h4>Organisation</h4>
+                    <a href="#">About us</a>
+                    <a href="#">Contact</a>
+                    <a href="#">Documentation</a>
                 </div>
             </div>
         </div>
-        <script src="../../../main.js"></script>
-    </footer>
-    <!-- END_FOOTER -->
+        <hr>
+        <div class="footer-bottom">
+             <p>© MSOS org 2023 All rights reserved.</p>
+            <div class="legal-links">
+                <a href="#">Privacy policy</a>
+                <a href="#">Cookie Policy</a>
+                <a href="#">Legal Terms</a>
+            </div>
+        </div>
+    </div>
+    <script src="../../../main.js"></script>
+</footer>
+<!-- END_FOOTER -->
 
 </body>
 </html>

en/projects/meet-student-slovenia-2024/index.html.bak

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

favicon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="152" height="152"><svg width="152" height="152" viewBox="0 0 152 152" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M62.4855 0.401367L98.1563 43.7625V43.764H98.1548C96.121 44.9356 94.3834 46.5612 93.0825 48.5037L38.1243 9.40846C45.5357 5.09231 53.7473 1.99802 62.4855 0.401367ZM119.026 49.4473L140.203 34.3826C137.707 30.4413 134.856 26.7483 131.694 23.3447L114.379 44.3922C116.288 45.6994 117.88 47.4286 119.026 49.4458V49.4473ZM90.5239 56.9371C90.5239 58.3798 90.73 59.7754 91.1071 61.0978L20.7795 72.1632C19.3106 66.6922 18.5579 61.0186 18.5579 55.2657C18.5579 49.5129 19.3396 43.8134 20.8421 38.2769L91.3637 51.9597C90.8216 53.5198 90.5239 55.1926 90.5239 56.9371ZM150.733 65.8469L147.835 65.3929L120.427 61.0798C120.8 59.7605 121.005 58.3725 121.005 56.9358C121.005 55.199 120.71 53.5338 120.172 51.9798L146.566 46.8592C147.024 48.0141 147.454 49.1826 147.856 50.3664C148.372 51.8869 148.642 53.4835 148.644 55.0893V55.1137C148.644 58.5858 148.374 62.0168 147.835 65.3914L150.733 65.8469ZM76.7974 92.054L97.6469 69.8029C95.6589 68.5521 93.9793 66.8564 92.7532 64.8545L53.2348 89.2934C54.7143 89.9546 56.2122 90.7149 57.6642 91.6671L57.7726 91.7341L60.2233 91.2679C62.4052 90.8535 64.6451 90.6433 66.8819 90.6433C70.2655 90.6433 73.6017 91.1262 76.7974 92.054ZM143.741 79.8757C141.818 84.5331 139.347 88.959 136.368 93.077L114.305 69.5325C116.207 68.2451 117.8 66.5387 118.956 64.5475L143.741 79.8757ZM101.329 117.673C106.341 116.249 111.129 114.241 115.613 111.695L109.338 71.7161C108.191 71.9918 106.996 72.1412 105.763 72.1412C104.609 72.1412 103.487 72.0086 102.406 71.7664L98.2664 109.574C99.6131 112.131 100.644 114.85 101.329 117.673ZM108.823 42.0357L112.505 8.40534C107.199 5.50454 101.507 3.22077 95.5259 1.64849L101.894 42.2246C103.13 41.9016 104.428 41.7279 105.765 41.7279C106.813 41.7279 107.836 41.833 108.823 42.0341V42.0357ZM117.695 56.9371C117.695 63.5111 112.354 68.8404 105.765 68.8404C99.1766 68.8404 93.8356 63.5111 93.8356 56.9371C93.8356 50.363 99.1766 45.0338 105.765 45.0338C112.354 45.0338 117.695 50.363 117.695 56.9371Z" fill="#FFE16E"></path>
+<path d="M151.698 74.3473C151.698 112.076 123.972 143.334 87.7438 148.964C88.9134 146.645 88.6996 143.945 87.1452 141.518L87.1239 141.485C85.5573 139.108 83.9816 136.742 82.441 134.455C81.1798 132.234 78.9063 130.913 76.3228 130.913C74.5944 130.913 72.8843 131.525 71.562 132.589C70.2168 131.373 68.438 130.689 66.4867 130.689C64.5353 130.689 62.8833 131.327 61.5366 132.404C60.3517 131.667 58.9775 131.26 57.5224 131.26C55.5467 131.26 53.5342 132.084 52.1555 133.69C51.563 133.515 50.937 133.424 50.2912 133.424C46.8007 133.424 44.0997 136.076 44.0111 139.592V139.643C44.0005 140.612 44.2264 141.448 44.5425 142.166L43.7928 142.908C40.5039 144.568 38.1083 143.806 36.4547 141.785C36.0714 141.317 46.2159 129.65 46.0678 129.062L34.6453 140.872C31.1106 143.005 27.2354 143.103 25.4368 140.904C25.1436 140.546 24.9222 140.145 24.768 139.714C24.6352 139.339 42.7286 122.995 42.695 122.579L23.6564 138.029C21.586 138.311 20.0087 137.74 19.0835 136.292C17.0283 133.078 22.4548 128.931 22.4548 128.931C22.4548 128.931 45.9564 110.324 46.532 110.324L46.7244 110.327L46.9153 110.306C46.9259 110.304 46.9366 110.304 46.9473 110.304C46.9947 110.304 47.0359 110.315 47.074 110.339C47.5077 110.609 47.9566 110.941 48.3902 111.261C48.5612 111.387 48.7277 111.509 48.888 111.625C51.2455 113.324 53.8182 115.03 57.043 115.617C57.753 115.745 58.4889 115.81 59.231 115.81C62.1672 115.81 64.7094 114.837 66.3935 113.069C67.5921 111.809 68.8503 109.556 68.0304 105.967C67.6776 104.416 66.96 102.729 65.8378 100.811C64.3995 98.3566 62.6863 96.1353 60.7945 94.2614C62.7657 93.8866 64.7995 93.69 66.8821 93.69C83.2136 93.69 96.7203 105.752 98.9464 121.435C126.189 115.1 147.17 92.5017 151.051 64.4551C151.477 67.6926 151.698 70.9941 151.698 74.3473Z" fill="#FA7850"></path>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.3772 119.892C27.3899 120.602 26.4169 121.301 25.5081 122.113V122.111L20.7565 125.711C8.33842 112.259 0.75293 94.2962 0.75293 74.565C0.75293 51.6953 10.9417 31.2008 27.0365 17.3535C19.7533 28.1934 15.504 41.605 15.504 55.2634C15.504 68.9218 19.5304 81.6402 26.4624 92.3049C30.4964 90.5041 34.9671 89.5016 39.6713 89.5016C43.0411 89.5016 46.2888 90.0151 49.3441 90.9688C51.6542 91.8905 53.9308 92.858 56.018 94.2322L56.4746 94.5156C59.1817 96.6089 61.4781 99.4061 63.2004 102.346C64.5685 104.685 66.4465 108.587 64.1791 110.968C62.582 112.646 59.7619 113.011 57.5892 112.617C54.9813 112.143 52.7811 110.67 50.674 109.152C50.5244 109.044 50.3686 108.929 50.2073 108.81C49.7395 108.465 49.2261 108.086 48.689 107.752C48.0432 107.35 47.2996 107.196 46.5804 107.275C44.8911 107.248 43.3993 108.477 42.0953 109.551C41.9354 109.683 41.7784 109.812 41.6242 109.937C39.5019 111.651 37.3505 113.327 35.1488 114.937C34.4008 115.484 33.6542 116.034 32.9075 116.584C31.4243 117.675 29.9408 118.767 28.4458 119.843L28.3772 119.892ZM79.8313 136.045C81.4238 138.407 83.0026 140.779 84.5707 143.159V143.16C88.0627 148.613 79.9412 153.4 76.6157 146.2C76.9547 148.911 74.7728 151.366 72.032 151.346C69.459 151.419 68.1653 149.365 66.9788 147.482C66.8973 147.353 66.8162 147.224 66.7353 147.097C65.9291 150.644 60.7592 151.311 59.072 148.093C58.776 147.672 58.4926 147.242 58.2092 146.812C57.9721 146.452 57.7349 146.092 57.4901 145.736C57.4199 148.977 52.8454 149.978 51.3979 147.13C50.5032 145.822 49.6267 144.501 48.761 143.172C48.5949 142.906 48.4099 142.647 48.2248 142.388C47.639 141.569 47.0523 140.749 47.0616 139.67C47.1563 135.958 52.0407 135.32 53.4638 138.583C53.6103 133.416 59.9346 132.846 61.8951 137.342C62.6326 133.292 68.4683 132.386 70.4105 136.003C70.9678 136.815 71.5099 137.637 72.0504 138.462C71.5755 134.056 77.7685 132.204 79.8313 136.045Z" fill="#2D738C"></path>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>

main.js

@@ -199,13 +199,30 @@ document.addEventListener('DOMContentLoaded', function() {
     try {
         const activityNavItems = document.querySelectorAll('.activities-nav li');
         const activityDetailsText = document.querySelector('.activity-details p');
+        const activityDetailsImage = document.querySelector('.activity-details img');
         
-        if (activityNavItems.length > 0 && activityDetailsText) {
+        if (activityNavItems.length > 0 && activityDetailsText && activityDetailsImage) {
             const activitiesData = {
-                'Student Support': { text: "We know moving to a new country can feel overwhelming, so we’re here to make it easier. From helping you with university applications to finding your way around student life in Slovenia, you can always count on us. We offer free consultations, answer your questions on Instagram and Facebook (yes, even late at night), and host events where you can meet others and hear real experiences first-hand. With mentorship, info sessions, and a friendly community by your side, you’ll never have to go through the journey alone."},
-                'Fun & Social Life': { text: "Student life is so much more than lectures and exams — it’s about the moments in between. At MSOS, we create those moments: from parties, concerts, and casual hangouts, to cinema nights, excursions, and team-building trips. We also host talks and events where you can share ideas, meet new people, and feel part of something bigger. Whether you’re connecting with Macedonian students or making friends with Slovenians and internationals, our activities are all about building a community where you can relax, have fun, and create memories that last long after university."},
-                'Education & Culture': { text: "Studying abroad isn’t only about lectures and exams — it’s also about growing as a person. That’s why we mix learning with culture. We run study groups and small workshops where you can share knowledge and pick up new skills. At the same time, we keep our traditions alive with cultural evenings, music, food, and gatherings that remind us of home. It’s a balance: support for your studies, and a space to stay connected to who we are."},
-                'Student Representation': { text: "Studying abroad comes with challenges, and sometimes students need a voice that’s heard. At MSOS, we take that role seriously. We organize meetings with government representatives, ministries, embassies, universities, and other key institutions to make sure the interests of Macedonian students in Slovenia are on the table. From campus issues to academic policies and integration, we work to solve problems, push for positive changes, and create a better experience for all of us."}
+                'Student Support': { 
+                    text: "We know moving to a new country can feel overwhelming, so we’re here to make it easier. From helping you with university applications to finding your way around student life in Slovenia, you can always count on us. We offer free consultations, answer your questions on Instagram and Facebook (yes, even late at night), and host events where you can meet others and hear real experiences first-hand. With mentorship, info sessions, and a friendly community by your side, you’ll never have to go through the journey alone.",
+                    imgSrc: "../images/img1-08.09.2025.png",
+                    altText: "Students receiving support and guidance"
+                },
+                'Fun & Social Life': { 
+                    text: "Student life is so much more than lectures and exams — it’s about the moments in between. At MSOS, we create those moments: from parties, concerts, and casual hangouts, to cinema nights, excursions, and team-building trips. We also host talks and events where you can share ideas, meet new people, and feel part of something bigger. Whether you’re connecting with Macedonian students or making friends with Slovenians and internationals, our activities are all about building a community where you can relax, have fun, and create memories that last long after university.",
+                    imgSrc: "../images/img2-08.09.2025.png",
+                    altText: "Students socializing and having fun at an event"
+                },
+                'Education & Culture': { 
+                    text: "Studying abroad isn’t only about lectures and exams — it’s also about growing as a person. That’s why we mix learning with culture. We run study groups and small workshops where you can share knowledge and pick up new skills. At the same time, we keep our traditions alive with cultural evenings, music, food, and gatherings that remind us of home. It’s a balance: support for your studies, and a space to stay connected to who we are.",
+                    imgSrc: "../images/img3-08.09.2025.png",
+                    altText: "An educational workshop or cultural event"
+                },
+                'Student Representation': { 
+                    text: "Studying abroad comes with challenges, and sometimes students need a voice that’s heard. At MSOS, we take that role seriously. We organize meetings with government representatives, ministries, embassies, universities, and other key institutions to make sure the interests of Macedonian students in Slovenia are on the table. From campus issues to academic policies and integration, we work to solve problems, push for positive changes, and create a better experience for all of us.",
+                    imgSrc: "../images/img4-08.09.2025.png",
+                    altText: "MSOS members representing students at a formal meeting"
+                }
             };
 
             activityNavItems.forEach(item => {
@@ -216,6 +233,8 @@ document.addEventListener('DOMContentLoaded', function() {
                     const activityName = item.textContent.trim();
                     if (activitiesData[activityName]) {
                         activityDetailsText.textContent = activitiesData[activityName].text;
+                        activityDetailsImage.src = activitiesData[activityName].imgSrc;
+                        activityDetailsImage.alt = activitiesData[activityName].altText;
                     }
                 });
             });

site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "MSOS",
+  "short_name": "MSOS",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}