"./css/base/_base.css" : 
"""
/* ==========================================================================
   Base Styles
   ========================================================================== */

/**
 * 1. Temeljni stili za celotno stran (box-sizing, osnovna pisava, barve).
 * 2. Definicija glavnega `.container` razreda za omejitev širine vsebine.
 * 3. Pravilo za preprečevanje drsenja strani, ko je mobilni meni odprt.
 */

/* 1. Temeljni stili */

html, body {
    overflow-x: hidden; /* Preprečuje horizontalno drsenje na najvišji ravni */
}

body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    background-color: #FFFFFF;
    color: #101828;
}

/* Prepreči drsenje strani, ko je mobilni meni odprt */
body.nav-open {
    overflow: hidden;
}

/* 2. Glavni container */

.container {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 32px;
    box-sizing: border-box;
}


/* ==========================================================================
   Mobile Base Styles
   ========================================================================== */

@media (max-width: 768px) {

    body {
        /* Odmik na vrhu telesa strani zaradi fiksne glave na mobilnih napravah.
           Ta stil je tukaj, ker vpliva na celotno stran. */
        padding-top: 60px;
    }

    .container {
        width: 100%;
        padding: 0 24px;
    }

}"""


"./css/base/_typography.css" : 
"""
"""


"./css/components/_buttons.css" : 
"""
/* ==========================================================================
   Buttons Styles
   ========================================================================== */

/**
 * Ta datoteka vsebuje stile za vse ponovno uporabljive gumbe na spletni strani.
 *
 * 1. Osnovni stil za gumbe (.btn)
 * 2. Različice gumbov (.btn-primary, .btn-primary-orange, .btn-secondary)
 * 3. Gumbi z ikonami (.social-icon-btn)
 * 4. Posebni gumbi (.play-button)
 * 5. Stili za gumbe na mobilnih napravah
 */

/* 1. Osnovni stil za gumbe */

.btn {
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    border: 1px solid transparent;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    text-decoration: none;
    display: inline-block;
    text-align: center;
    white-space: nowrap; /* KLJUČNA SPREMEMBA: Prepreči prelamljanje besedila */
}

/* 2. Različice gumbov */

.btn-primary {
    background-color: #2D738C;
    color: #FFFFFF;
    border-color: #2D738C;
}

.btn-primary-orange {
    background: #FA7850;
    color: #FFFFFF;
    padding: 16px 28px;
    font-size: 18px;
    line-height: 28px;
}

.btn-secondary {
    background-color: #FFFFFF;
    color: #344054;
    border: 1px solid #D0D5DD;
}

/* 3. Gumbi z ikonami */

.social-icon-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    color: #98A2B3;
    font-size: 18px;
    text-decoration: none;
}

/* 4. Posebni gumbi */

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.56);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play-button::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 24px solid white;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    margin-left: 5px;
}


/* ==========================================================================
   Mobile Buttons Styles
   ========================================================================== */

@media (max-width: 768px) {

    .btn-primary-orange {
        width: auto;
        padding: 16px 28px;
        border-radius: 12px;
        font-size: 16px;
    }

    .play-button {
        width: 42px;
        height: 42px;
    }

    .play-button::after {
        border-left-width: 14px;
        border-top-width: 8px;
        border-bottom-width: 8px;
    }

}"""


"./css/components/_cards.css" : 
"""
/* ==========================================================================
   Cards Styles
   ========================================================================== */

/**
 * Ta datoteka vsebuje stile za vse ponovno uporabljive komponente v obliki kartic.
 *
 * 1. Kartice z novicami (.news-card)
 * 2. Kartice s pričevanji (.testimonial-card)
 * 3. Kartice s projekti/objavami (.post-card)
 * 4. Stili za kartice na mobilnih napravah
 */

/* 1. Kartice z novicami (.news-card) */

.news-card {
    width: 405.33px;
    background: transparent;
    text-align: left;
}

.news-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 32px;
}

.news-card .card-content {
    color: #FFFFFF;
}

.news-card .author {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

.news-card h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
}

.news-card p {
    font-size: 16px;
    line-height: 24px;
}

/* 2. Kartice s pričevanji (.testimonial-card) */

.testimonial-card {
    padding: 24px 24px 40px;
    border: 1px solid #D0D5DD;
    border-radius: 16px;
}

.testimonial-column .testimonial-card:nth-child(even) {
    background: #F9FAFB;
}

.testimonial-card h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 24px;
}

.testimonial-card p {
    font-size: 16px;
    line-height: 1.2;
    color: #646E82;
    margin-bottom: 24px;
}

.author-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.author-info img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.author-info h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 6px 0;
    color: #000000;
}

.author-info p {
    font-size: 16px;
    margin: 0;
    color: #2D738C;
}

/* Specifična pravila za barve znotraj pričevanj */
.testimonial-card:nth-child(3) .author-info h4, 
.testimonial-card:nth-child(3) .author-info p {
    color: #2D738C;
}

.testimonial-column:nth-child(1) .testimonial-card:nth-child(2) .author-info h4,
.testimonial-column:nth-child(2) .testimonial-card:nth-child(2) .author-info h4,
.testimonial-column:nth-child(1) .testimonial-card:nth-child(2) .author-info p,
.testimonial-column:nth-child(2) .testimonial-card:nth-child(2) .author-info p {
    color: #646E82;
}

/* 3. Kartice s projekti/objavami (.post-card) */

.post-card {
    display: flex;
    flex-direction: column;
}

.post-link {
    text-decoration: none;
    color: inherit;
}

.post-image {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 32px;
}

.post-meta {
    font-size: 14px;
    font-weight: 600;
    color: #FA7850;
    margin: 0 0 12px;
}

.post-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #101828;
    margin: 0 0 12px;
}

.post-excerpt {
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    margin: 0;
}


/* ==========================================================================
   Mobile Cards Styles
   ========================================================================== */

@media (max-width: 768px) {

    /* Kartice z novicami */
    .news-card {
        width: 100%;
        max-width: 321px;
    }

    /* Kartice s pričevanji */
    .testimonial-card {
        flex: 0 0 291px;
        scroll-snap-align: start;
        margin-right: 24px;
    }
}"""


"./css/layout/_footer.css" : 
"""
/* ==========================================================================
   Footer Styles
   ========================================================================== */

/**
 * Ta datoteka vsebuje stile za nogo (footer) spletne strani.
 *
 * 1. Glavni kontejner za nogo
 * 2. Vsebina noge (informacije, logotip, socialne ikone)
 * 3. Povezave v nogi
 * 4. Spodnji del noge (copyright, pravne povezave)
 * 5. Stili za nogo na mobilnih napravah
 */

/* 1. Glavni kontejner za nogo */

footer {
    background: #2D738C;
    color: #FFFFFF;
    padding: 64px 0 88px;
}

.footer-container {
    width: 1280px;
    margin: 0 auto;
}

.footer-main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
}

/* 2. Vsebina noge (informacije, logotip, socialne ikone) */

.footer-info {
    width: 302px;
}

.footer-logo {
    margin-bottom: 48px;
}

.footer-logo img {
    height: auto;
    width: 200px; 
    object-fit: contain;
}

.footer-info p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 24px;
}

.social-icons {
    display: flex;
    gap: 24px;
}

.social-icons a {
    color: #FFFFFF;
    font-size: 24px;
    text-decoration: none;
}

/* 3. Povezave v nogi */

.footer-links {
    display: flex;
    gap: 32px;
}

.links-column {
    width: 192px;
}

.links-column h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 24px 0;
}

.links-column a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 16px;
}

/* 4. Spodnji del noge (copyright, pravne povezave) */

footer hr {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 0 24px 0;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.legal-links {
    display: flex;
    gap: 24px;
}

.legal-links a {
    color: #FFFFFF;
    text-decoration: none;
}


/* ==========================================================================
   Mobile Footer Styles
   ========================================================================== */

@media (max-width: 768px) {
    
    footer {
        padding: 0;
    }

    .footer-container {
        width: 100%;
        padding: 0 24px;
    }

    .footer-main {
        flex-direction: column;
        align-items: flex-start;
        padding: 48px 0;
        gap: 48px;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }

    .footer-info {
        width: 100%;
    }

    .footer-logo img {
        max-width: 161px;
        height: auto;
    }

    .footer-links {
        flex-direction: column;
        gap: 40px;
        width: 100%;
    }

    .links-column {
        width: 100%;
    }

    footer hr {
        display: none;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 32px;
        padding: 40px 0;
        align-items: flex-start;
    }

    .legal-links {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }
}"""


"./css/layout/_header.css" : 
"""
/* ==========================================================================
   Header Styles
   ========================================================================== */

/**
 * Ta datoteka vsebuje stile za glavo (header) spletne strani.
 *
 * 1. Glavni kontejner za glavo
 * 2. Vsebina glave (logotip, navigacija)
 * 3. Gumbi in akcije v glavi (vključno z izbiro jezika)
 * 4. Stili za namizni "dropdown" meni (PRENOVLJEN DIZAJN)
 * 5. Stili za mobilno glavo in "accordion" meni (optimizirano)
 */

/* 1. Glavni kontejner za glavo */

.dropdown-header-navigation {
    position: absolute;
    width: 100%;
    height: 80px;
    background: #FFFFFF;
    border-bottom: 1px solid #F2F4F7;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* 2. Vsebina glave (logotip, navigacija) */

.header-content {
    display: flex;
    align-items: center;
    flex-grow: 1; 
    gap: 48px;
}

/* KLJUČNA SPREMEMBA: Navigacijskemu ovoju damo možnost rasti, da zapolni prostor */
.header-content > nav {
    flex-grow: 1;
    display: flex;
    height: 100%;
}

.logo-link .logo-img {
   height: 32px;
   width: auto;
}

/* Osnovna struktura navigacije (UL/LI) */
.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%; /* Dovolimo, da seznam zasede celotno širino <nav> elementa */
}

/* KLJUČNA SPREMEMBA: Poravnamo elemente na desno znotraj razpoložljivega prostora */
.navigation.desktop-nav {
    justify-content: flex-end; 
}

.navigation .menu-item {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

/* Povezave v glavnem meniju - z več razmika */
.navigation > .menu-item > a {
    text-decoration: none;
    color: #667085;
    font-weight: 600;
    font-size: 16px;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s ease-in-out;
    white-space: nowrap; /* KLJUČNA SPREMEMBA: Prepreči prelom besedila */
}

.navigation > .menu-item > a:hover {
    color: #101828;
}

/* Puščica za podmeni */
.navigation .menu-item-has-children > a::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 12px;
    transition: transform 0.3s ease-in-out;
}

/* 3. Gumbi in akcije v glavi */

.navigation-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0; /* Preprečimo, da bi se gumbi stisnili */
}

/* Stili za izbiro jezika (ostanejo enaki) */
.language-selector {
    position: relative;
    cursor: pointer;
}
.current-lang {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #646E82;
    padding: 8px;
    border-radius: 6px;
    transition: background-color 0.2s ease-in-out;
}
.current-lang:hover { background-color: #F9FAFB; }
.current-lang span { font-weight: 600; }
.current-lang .fa-chevron-down { transition: transform 0.3s ease-in-out; }
.lang-dropdown {
    display: block;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background-color: #FFFFFF;
    border: 1px solid #EAECF0;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.08);
    padding: 8px;
    z-index: 1001;
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.language-selector.active .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.language-selector.active .current-lang .fa-chevron-down { transform: rotate(180deg); }
.lang-dropdown a {
    display: block;
    padding: 10px 12px;
    color: #344054;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    border-radius: 6px;
}
.lang-dropdown a:hover { background-color: #F9FAFB; }


/* 4. Stili za namizni "dropdown" meni - PRENOVLJEN DIZAJN */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #FFFFFF;
    border: 1px solid #EAECF0;
    list-style: none;
    margin: 8px 0 0 0; /* Povečan odmik za zračnost */
    padding: 8px;
    min-width: 260px;
    border-radius: 12px;
    box-shadow: 0 12px 24px -4px rgba(16, 24, 40, 0.08);
    z-index: 1000;
    
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.navigation .menu-item:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.navigation .menu-item:hover > a::after {
    transform: rotate(180deg);
}

.dropdown-menu li {
    padding: 0;
}

.dropdown-menu a {
    display: block;
    padding: 12px 16px;
    color: #344054;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    border-radius: 6px;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    white-space: nowrap;
}

.dropdown-menu a:hover {
    background-color: #F9FAFB;
    color: #2D738C;
}

.mobile-menu-icon, .mobile-nav-panel {
    display: none;
}


/* ==========================================================================
   5. Stili za mobilno glavo in "accordion" meni - OPTIMIZIRANO
   ========================================================================== */

@media (max-width: 1024px) { 

    .dropdown-header-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 60px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
        border-bottom: none;
        z-index: 1002;
    }

    .navigation.desktop-nav,
    .dropdown-header-navigation .container > .navigation-actions {
        display: none;
    }

    .mobile-menu-icon {
        display: block;
        font-size: 24px;
        color: #101828;
        cursor: pointer;
        z-index: 1002;
    }
    .mobile-menu-icon .fa-times { display: none; }
    body.nav-open .mobile-menu-icon .fa-bars { display: none; }
    body.nav-open .mobile-menu-icon .fa-times { display: block; }
    
    .mobile-nav-panel {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: calc(100vh - 60px);
        background: #FFFFFF;
        padding: 24px;
        box-sizing: border-box;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        z-index: 1001;
        overflow-y: auto;
    }

    body.nav-open .mobile-nav-panel {
        transform: translateX(0);
    }
    
    .mobile-nav-panel .navigation.mobile-nav {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 0;
    }

    .mobile-nav .menu-item {
        height: auto;
        border-bottom: 1px solid #EAECF0;
    }
    .mobile-nav .menu-item:last-of-type {
        border-bottom: none;
    }
    
    .mobile-nav .menu-item > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 16px 0;
        font-size: 20px;
        color: #101828;
        font-weight: 600;
        height: auto;
    }

    .mobile-nav .menu-item.open > a::after {
        transform: rotate(180deg);
    }
    
    .mobile-nav .dropdown-menu {
        position: static;
        background-color: #F9FAFB;
        box-shadow: none;
        border-radius: 0;
        padding: 0 0 0 16px;
        min-width: auto;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
    }

    .mobile-nav .menu-item.open > .dropdown-menu {
        max-height: 500px;
        padding: 16px 0 16px 16px;
    }
    
    .mobile-nav .dropdown-menu ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .mobile-nav .dropdown-menu a {
        color: #344054;
        font-weight: 500;
        font-size: 18px;
        padding: 10px 0;
    }
    .mobile-nav .dropdown-menu a:hover {
        background-color: transparent;
        color: #101828;
    }

    .mobile-nav-panel .navigation-actions {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;
        margin-top: auto;
        padding-top: 32px;
    }

    .mobile-nav-panel .navigation-actions .btn {
        width: 100%;
        max-width: 340px;
        align-self: center;
    }

    .mobile-nav-panel .language-selector {
        margin-top: 16px;
        text-align: center;
    }

    .mobile-nav-panel .lang-dropdown {
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        bottom: calc(100% + 8px);
        top: auto;
    }
}"""


"./css/main.css" : 
"""
/* ==========================================================================
   Main Stylesheet
   ========================================================================== */

/**
 * Ta datoteka deluje kot glavna vstopna točka in uvaža vse ostale CSS
 * datoteke v pravilnem vrstnem redu. Ne dodajajte stilov neposredno sem,
 * ampak v ustrezne pod-datoteke.
 *
 * VRSTNI RED UVAŽANJA:
 * 1. Base      - Osnovni stili (reset, tipografija, itd.)
 * 2. Layout    - Strukturni elementi strani (glava, noga)
 * 3. Components- Ponovno uporabljivi elementi (gumbi, kartice)
 * 4. Pages     - Stili, specifični za posamezne strani
 */

/* 1. Base Styles */
@import 'base/_base.css';
@import 'base/_typography.css';

/* 2. Layout Components */
@import 'layout/_header.css';
@import 'layout/_footer.css';

/* 3. Reusable Components */
@import 'components/_buttons.css';
@import 'components/_cards.css';

/* 4. Page-specific Styles */
@import 'pages/_home.css';
@import 'pages/_projects.css';
@import 'pages/_article.css';
@import 'pages/_about.css';
@import 'pages/_timeline.css';"""


"./css/pages/_about.css" : 
"""
/* ==========================================================================
   About Us Page Specific Styles
   ========================================================================== */

/**
 * This file contains styles used exclusively on the About us page.
 *
 * 1. Meet the team section
 * 2. Our values section
 * 3. Mission and Vision
 * 4. Mobile Styles
 */

/* 1. Meet the team section */
.team-section {
    padding: 96px 80px;
    text-align: center;
}

.team-members-grid {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap; /* Allows wrapping on smaller screens */
    max-width: 1280px;
    margin: 0 auto;
}

.team-member-card {
    flex: 1; 
    min-width: 240px; 
    max-width: 243px; /* Adjusted max-width to fit 5 cards in a 1280px container with gaps */
    background-color: #F9FAFB;
    text-align: center;
    padding: 24px;
    border-radius: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-member-card img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 20px;
}

.team-member-card h4 {
    margin: 0 0 4px 0;
    font-size: 18px;
    font-weight: 600;
    color: #101828;
}

.team-member-card .role {
    color: #FA7850;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
    min-height: 48px; /* Added min-height for alignment */
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-member-card .description {
    font-size: 14px;
    color: #667085;
    flex-grow: 1; /* Allows the description to take up remaining space */
}

.team-member-card .social-icon-btn {
    margin-top: 16px;
    border-color: #EAECF0; 
}


/* 2. Our values section */
.values-section {
    background-color: #F9FAFB;
}

/* 3. Mission and Vision */
.mission-vision {
    display: flex;
    justify-content: center;
    gap: 32px;
    max-width: 768px;
    margin: 64px auto 0;
    text-align: left;
}

.mission-vision > div {
    flex: 1;
}

.mission-vision h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px 0;
}

/* 4. Mobile Styles for About Us page */
@media (max-width: 1280px) {
    .team-members-grid {
        justify-content: center; /* Center items when they wrap */
    }
}

@media (max-width: 768px) {
    .team-section {
        padding: 64px 24px;
    }

    .team-members-grid {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    
    .team-member-card {
        max-width: 100%;
        min-width: 280px;
    }

    .mission-vision {
        flex-direction: column;
        text-align: center;
    }
}"""


"./css/pages/_article.css" : 
"""
/* ==========================================================================
   Single Article/Project Page Specific Styles
   ========================================================================== */

/**
 * Ta datoteka vsebuje stile, ki se uporabljajo izključno na strani s 
 * posameznim člankom ali projektom.
 *
 * 1. Glavna postavitev strani članka
 * 2. Glava članka (naslov, podnaslov, datum)
 * 3. Glavna slika in slike v vsebini
 * 4. Telo članka (vsebina, tipografija, citati)
 * 5. Noga članka (avtor, deljenje)
 * 6. Poziv k prijavi na novice (CTA)
 * 7. Stili za stran s člankom na mobilnih napravah
 */

/* 1. Glavna postavitev strani članka */

.article-page {
    padding-top: 80px;
    background: #FFFFFF;
}

.article-container {
    max-width: 1024px;
    margin: 0 auto;
    padding: 96px 32px;
}

/* 2. Glava članka */

.article-header {
    text-align: center;
    margin-bottom: 64px;
}

.article-publish-date {
    font-size: 16px;
    font-weight: 600;
    color: #FA7850;
    margin-bottom: 12px;
}

.article-header h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -0.02em;
    color: #101828;
    margin: 0;
}

.article-subtitle {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    margin-top: 24px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* 3. Glavna slika in slike v vsebini */

.article-main-image {
    margin: 0 0 64px 0;
}

.article-main-image img {
    width: 100%;
    height: auto;
    max-height: 516px;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    margin: 0 auto;
}

.article-inline-image {
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.article-inline-image img {
    width: 100%;
    border-radius: 16px;
}

.article-inline-image figcaption {
    font-size: 14px;
    color: #667085;
    text-align: center;
}

/* 4. Telo članka */

.article-body {
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.article-body p, .article-body ol li {
    font-size: 18px;
    line-height: 28px;
    color: #667085;
    margin: 0;
}

.article-body h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    color: #101828;
    margin: 16px 0;
}

.article-body ol {
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Stil za citat */
.article-quote {
    margin: 16px 0;
    padding-left: 20px;
    border-left: 2px solid #D0D5DD;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: transparent;
}

.article-quote p {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #101828;
    margin: 0;
}

.article-quote footer {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FA7850;
    background: transparent;
}

/* 5. Noga članka */

.article-footer {
    max-width: 720px;
    margin: 48px auto 0;
    background: transparent;
}
.article-footer hr {
    border: 0;
    height: 1px;
    background-color: #EAECF0;
    margin: 0 0 24px 0;
}

.author-share-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.author-details {
    display: flex;
    align-items: center;
    gap: 16px;
}

.author-details img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.author-name {
    font-size: 18px;
    font-weight: 600;
    color: #101828;
    margin: 0;
}

.author-title {
    font-size: 16px;
    color: #667085;
    margin: 0;
}

.share-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* 6. Poziv k prijavi na novice (CTA) */

.newsletter-cta {
    padding: 0 32px 96px 32px;
}

.newsletter-cta .container {
    padding: 64px;
    background: #F9FAFB;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1216px;
    gap: 32px;
}

.newsletter-cta .cta-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1;
}
.newsletter-cta h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    color: #101828;
    margin: 0;
}
.newsletter-cta p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    margin: 0;
}
.newsletter-cta .subscribe-form-bottom {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.subscribe-form-bottom .input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.subscribe-form-bottom input {
    width: 360px;
    height: 48px;
    padding: 12px 16px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    font-size: 16px;
    box-sizing: border-box;
}

.subscribe-form-bottom .btn-primary-orange {
    height: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
}


/* ==========================================================================
   Mobile Article Page Styles
   ========================================================================== */

@media (max-width: 768px) {

    .article-page {
        padding-top: 60px;
    }

    .article-container {
        padding: 48px 24px;
    }

    .article-header {
        margin-bottom: 32px;
    }

    .article-header h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .article-subtitle {
        font-size: 18px;
        line-height: 28px;
    }
    
    .article-main-image {
        margin: 0 0 32px 0;
        width: 100%;
        position: static;
        left: auto;
        right: auto;
    }

    .article-main-image img {
        border-radius: 16px;
    }

    .article-body {
        gap: 32px;
    }

    .article-body p {
        font-size: 16px;
        line-height: 26px;
    }

    .article-body h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .article-quote p {
        font-size: 20px;
        line-height: 30px;
    }

    .author-share-section {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .newsletter-cta {
        padding: 0 24px 64px 24px;
    }

    .newsletter-cta .container {
        flex-direction: column;
        padding: 32px;
        gap: 32px;
    }

    .newsletter-cta .cta-content,
    .newsletter-cta .cta-content p {
        align-items: center;
        text-align: center;
    }

    .newsletter-cta .subscribe-form-bottom {
        flex-direction: column;
        width: 100%;
        align-items: stretch;
    }

    .subscribe-form-bottom .input-wrapper {
        width: 100%;
    }

    .subscribe-form-bottom input {
        width: 100%;
    }
    
    .newsletter-cta .privacy-note {
        text-align: center;
    }
}"""


"./css/pages/_home.css" : 
"""
/* ==========================================================================
   Home Page Specific Styles
   ========================================================================== */

/**
 * Ta datoteka vsebuje stile, ki se uporabljajo izključno na domači strani.
 *
 * 1. Hero Section
 * 2. Meet the Team Section
 * 3. Activities Section
 * 4. Latest News Section
 * 5. Testimonials Section
 * 6. Become Part Section (vključno z obrazcem)
 * 7. FAQ Section
 * 8. Stili za domačo stran na mobilnih napravah
 */

/* 1. Hero Section */

.hero-section {
    position: relative;
    height: 880px;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-image-left, .hero-image-right {
    position: absolute;
    top: -150px;
    height: 1030px;
    width: 50%;
    background-size: cover;
    background-position: center;
}

.hero-image-left {
    left: 0;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.hero-image-right {
    right: 0;
}

.hero-overlay {
    position: absolute;
    top: 79px;
    left: 0;
    height: 801px;
    width: 56.74%;
    background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%);
    border-radius: 0px 40px 40px 0px;
    backdrop-filter: blur(12px);
    z-index: 2;
}

.hero-content {
    position: relative;
    z-index: 3;
    color: #FFFFFF;
    padding-left: 120px;
    width: 605px;
}

.hero-content .badge-group {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    gap: 12px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    margin-bottom: 32px;
}

.hero-content .message {
    font-weight: 500;
    font-size: 14px;
}

.hero-content h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: -0.02em;
    margin: 0 0 24px 0;
}

.hero-content p {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 72px 0;
}

/* 2. Meet the Team Section */

.meet-the-team-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 128px 0;
    gap: 40px;
    background: #FFFFFF;
}

.video-container {
    position: relative;
    width: 619px;
    height: 360px;
}

.video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(127.76deg, rgba(19, 49, 60, 0.92) -13.16%, rgba(39, 77, 90, 0.08) 98.5%);
    backdrop-filter: blur(6px);
    border-radius: 16px;
}

.team-content {
    width: 619px;
}

.team-content h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin: 0 0 20px 0;
}

.team-content p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    margin: 0 0 56px 0;
}

/* 3. Activities Section */

.activities-section {
    padding: 128px 80px;
    background: #F9FAFB;
}

.activities-header {
    text-align: center;
    margin-bottom: 96px;
}

.activities-header h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin-bottom: 20px;
}

.activities-header p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    max-width: 768px;
    margin: 0 auto;
}

.activities-content {
    display: flex;
    gap: 109px;
    max-width: 1232px;
    margin: 0 auto;
}

.activities-nav {
    width: 302px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.activities-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.activities-nav li {
    font-size: 20px;
    color: #646E82;
    cursor: pointer;
    position: relative;
    padding-left: 48px;
}
.activities-nav li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 2px;
    background-color: #646E82;
}

.activities-nav li.active {
    font-size: 24px;
    font-weight: 600;
    color: #000000;
}

.activity-details {
    width: 821px;
}

.activity-details p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    margin-bottom: 40px;
}

.activity-details img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 24px;
}

/* 4. Latest News Section */

.latest-news-section {
    padding: 128px 0;
    background: #2D738C;
    text-align: center;
}

.news-header {
    margin-bottom: 64px;
}

.news-header h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.news-header p {
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    max-width: 768px;
    margin: 0 auto;
}

.news-articles {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-bottom: 64px;
}

/* 5. Testimonials Section */

.testimonials-section {
    padding: 128px 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.testimonials-intro {
    width: 411px;
    flex-shrink: 0;
}

.testimonials-intro h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin-bottom: 24px;
}

.testimonials-intro p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
}

.testimonials-columns {
    display: flex;
    gap: 24px;
    width: 846px;
    height: 800px;
    overflow-y: scroll;
    padding-right: 15px;
}
.testimonials-columns::-webkit-scrollbar {
  width: 5px;
}
.testimonials-columns::-webkit-scrollbar-thumb {
  background: #D0D5DD;
  border-radius: 10px;
}

.testimonial-column {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 411px;
}
.column-offset {
    margin-top: 80px;
}

/* 6. Become Part Section */

.become-part-section {
    padding: 128px 0;
    background: #F9FAFB;
    text-align: center;
}

.become-part-header {
    margin-bottom: 64px;
}

.become-part-header h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin-bottom: 20px;
}

.become-part-header p {
    font-size: 20px;
    line-height: 30px;
    color: #646E82;
}

.team-photo {
    width: 1232px;
    height: 400px;
    object-fit: cover;
    border-radius: 24px;
    margin: 0 auto 96px;
    display: block;
}

/* Stili za obrazec znotraj sekcije */
.contact-form-container {
    max-width: 800px;
    margin: 0 auto;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: left;
}

.form-row {
    display: flex;
    gap: 32px;
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #344054;
    margin-bottom: 6px;
}

.form-group input,
.form-group textarea,
.form-group select {
    padding: 12px 16px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    font-size: 16px;
    background: #FFFFFF;
    color: #646E82;
    font-family: 'Inter', sans-serif;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #646E82;
}

.phone-input {
    display: flex;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.phone-input select {
    border: none;
    border-right: 1px solid #D0D5DD;
    border-radius: 0;
    box-shadow: none;
}
.phone-input input {
    border: none;
    flex-grow: 1;
    box-shadow: none;
}

.checkbox-group {
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.checkbox-group input {
    width: 20px;
    height: 20px;
}
.checkbox-group label {
    margin: 0;
    color: #646E82;
}
.checkbox-group label a {
    color: #2D738C;
}

.contact-form button {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
}

/* 7. FAQ Section */

.faq-section {
    padding: 128px 0;
    text-align: center;
}

.faq-header {
    margin-bottom: 64px;
}

.faq-header h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin-bottom: 20px;
}

.faq-header p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    max-width: 768px;
    margin: 0 auto;
}

.faq-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px 32px;
    max-width: 1232px;
    margin: 0 auto 64px;
    text-align: left;
}

.faq-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.faq-icon-container {
    width: 48px;
    height: 48px;
    background: rgba(39, 77, 90, 0.08);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2D738C;
    font-size: 22px;
}

.faq-item h3 {
    font-size: 20px;
    font-weight: 600;
    color: #101828;
    margin: 0;
}

.faq-item p {
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    margin: 0;
}

.faq-footer {
    max-width: 1232px;
    margin: 0 auto;
    padding: 40px 32px;
    background: #F9FAFB;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.faq-footer h3 {
    font-size: 20px;
    font-weight: 500;
    color: #101828;
    margin: 16px 0 0 0;
}

.faq-footer p {
    font-size: 18px;
    color: #667085;
    margin: 0 0 32px 0;
}
.avatar-group {
    display: flex;
    position: relative;
    width: 120px;
    height: 56px;
}
.avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.5px solid #FFFFFF;
    position: absolute;
    top: 8px;
    object-fit: cover;
}
.avatar:nth-child(1) { left: 0; z-index: 3;}
.avatar:nth-child(2) { left: 50%; transform: translateX(-50%); top:0; z-index: 2;}
.avatar:nth-child(3) { right: 0; z-index: 1;}
.avatar.large {
    width: 56px;
    height: 56px;
}


/* ==========================================================================
   Mobile Home Page Styles
   ========================================================================== */

@media (max-width: 768px) {

    /* Mobile Hero Section */
    .hero-section {
        height: 600px;
        margin-top: 0;
        align-items: flex-start;
    }

    .hero-overlay, .hero-image-left, .hero-image-right {
        display: none;
    }

    .hero-background {
        background: url('../images/2.hero.jpg') no-repeat center center/cover;
    }
    
    .hero-background::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%);
    }

    .hero-content {
        padding: 64px 24px;
        width: 100%;
        box-sizing: border-box;
    }
    .hero-content h1 {
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -0.03em;
    }
    .hero-content p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 64px;
    }
    .hero-content .badge-group {
        border-radius: 37px;
    }
    
    /* Mobile Meet the Team Section */
    .meet-the-team-section {
        flex-direction: column;
        padding: 64px 24px;
        gap: 40px;
    }
    .video-container, .team-content {
        width: 100%;
        max-width: 327px;
    }
    .video-container {
        height: 190px;
    }
    
    .team-content h2 {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
    }
    .team-content p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 32px;
    }
    .team-content .btn-secondary {
        margin: 0 auto;
        display: block;
        width: 124px;
        height: 44px;
    }

    /* Mobile Activities Section */
    .activities-section {
        padding: 64px 0;
    }
    .activities-header {
        padding: 0 24px;
        margin-bottom: 48px;
    }
    .activities-header h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .activities-header p {
        font-size: 16px;
        line-height: 24px;
    }
    .activities-content {
        flex-direction: column;
        align-items: center;
        gap: 32px;
        padding: 0 24px;
    }
    .activities-nav {
        width: 100%;
        max-width: 326px;
        gap: 32px;
    }
    .activities-nav ul {
        width: 100%;
        gap: 16px;
    }
    .activities-nav li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        background: rgba(208, 213, 221, 0.5);
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }
    .activities-nav li::before {
        display: none;
    }
    .activities-nav li.active::after {
        content: ' ';
        display: inline-block;
        border: solid black;
        border-width: 0 2px 2px 0;
        padding: 4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .activities-nav .btn-primary-orange {
        align-self: center;
    }
    .activity-details {
        width: 100%;
        max-width: 327px;
    }
    .activity-details p {
        font-size: 16px;
        line-height: 24px;
    }
    .activity-details img {
        height: 300px;
        border-radius: 16px;
    }

    /* Mobile Latest News Section */
    .latest-news-section {
        padding: 64px 24px;
    }
    .news-header, .news-articles {
        margin-bottom: 48px;
    }
    .news-header h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .news-header p {
        font-size: 16px;
        line-height: 24px;
    }
    .news-articles {
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }
    
    /* Mobile Testimonials Section */
    .testimonials-section {
        flex-direction: column;
        padding: 64px 0;
        align-items: center;
        gap: 32px;
    }
    .testimonials-intro {
        width: 100%;
        padding: 0 24px;
        text-align: center;
        box-sizing: border-box;
    }
    .testimonials-intro h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .testimonials-intro p {
        font-size: 16px;
        line-height: 24px;
    }
    .testimonials-columns {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 24px;
        box-sizing: border-box;
        scroll-snap-type: x mandatory;
    }
     .testimonials-columns::-webkit-scrollbar {
      display: none;
    }
    .testimonial-column {
        display: contents;
    }
    .column-offset {
        margin-top: 0;
    }

    /* Mobile Become Part Section */
    .become-part-section {
        padding: 64px 16px;
    }
    .become-part-header {
        margin-bottom: 48px;
    }
    .become-part-header h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .become-part-header p {
        font-size: 16px;
        line-height: 24px;
    }
    .team-photo {
        width: 100%;
        height: auto;
        margin-bottom: 48px;
    }
    .contact-form-container {
        width: 100%;
        padding: 0;
    }
    .form-row {
        flex-direction: column;
        gap: 24px;
    }

    /* Mobile FAQ Section */
    .faq-section {
        padding: 64px 16px;
    }
    .faq-header {
        margin-bottom: 48px;
    }
    .faq-header h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .faq-header p {
        font-size: 18px;
        line-height: 28px;
    }
    .faq-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 8px;
    }
    .faq-item {
        align-items: center;
    }
    .faq-item h3, .faq-item p {
        text-align: center;
    }
    .faq-footer {
        width: 100%;
        box-sizing: border-box;
        padding: 32px 20px;
    }
}"""


"./css/pages/_projects.css" : 
"""
/* ==========================================================================
   Projects Page Specific Styles (Listing Page)
   ========================================================================== */

/**
 * Ta datoteka vsebuje stile, ki se uporabljajo izključno na strani s 
 * seznamom vseh projektov.
 *
 * 1. Glava strani (naslov, opis, obrazec za prijavo)
 * 2. Sekcija z vsemi objavami (mreža)
 * 3. Paginacija
 * 4. Stili za stran s projekti na mobilnih napravah
 */

/* 1. Glava strani */

.page-content {
    padding-top: 80px; /* Odmik za fiksno glavo */
}

.page-header-section {
    padding: 96px 0;
    background: #FFFFFF;
    text-align: center;
}

.page-header-section .container.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    max-width: 960px;
}

.page-subtitle {
    font-weight: 600;
    font-size: 16px;
    color: #FA7850;
}

.page-header-section h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.02em;
    color: #101828;
    margin: 0;
}

.page-description {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    max-width: 768px;
    margin: 0;
}

.subscribe-form {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}

.subscribe-form input {
    width: 360px;
    height: 48px;
    padding: 12px 16px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    font-size: 16px;
    box-sizing: border-box;
}

.subscribe-form .btn {
    height: 48px;
}

.privacy-note {
    font-size: 14px;
    color: #667085;
    margin-top: -8px;
}

.privacy-note a {
    color: #667085;
    font-weight: 500;
}

/* 2. Sekcija z vsemi objavami */

.all-posts-section {
    padding: 0 80px 96px;
}

.all-posts-section .container.column-layout {
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
}

.all-posts-section h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #101828;
    margin: 0;
}

.posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 32px;
    width: 100%;
}

/* 3. Paginacija */

.pagination {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #EAECF0;
}

.pagination-arrow {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #667085;
    text-decoration: none;
}

.pagination-numbers {
    display: flex;
    gap: 2px;
}

.page-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #667085;
}

.page-number.active {
    background-color: rgba(102, 112, 133, 0.16);
    color: #2D738C;
}

.page-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #667085;
}


/* ==========================================================================
   Mobile Projects Page Styles
   ========================================================================== */

@media (max-width: 768px) {

    .page-content {
        padding-top: 60px; /* Prilagoditev za fiksno glavo */
    }

    .page-header-section {
        padding: 64px 24px;
    }

    .page-header-section h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .page-description {
        font-size: 16px;
        line-height: 24px;
    }

    .subscribe-form {
        flex-direction: column;
        width: 100%;
    }

    .subscribe-form input {
        width: 100%;
    }

    .all-posts-section {
        padding: 48px 24px;
    }

    .all-posts-section .container.column-layout {
        gap: 32px;
    }

    .posts-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .pagination {
        flex-direction: column;
        gap: 24px;
    }

    .pagination-numbers {
        order: -1;
    }
}"""


"./css/pages/_timeline.css" : 
"""
/* ==========================================================================
   Timeline Page Specific Styles
   ========================================================================== */

/**
 * This file contains styles used exclusively on the Timeline & Milestones page.
 *
 * 1. Timeline container and line
 * 2. Timeline items and markers
 * 3. Timeline content (text and images)
 * 4. Mobile Styles for Timeline
 */

/* 1. Timeline container and line */
.timeline-section {
    padding: 96px 0;
    background: #FFFFFF;
}

.timeline-banner {
    max-width: 1280px;
    margin: 0 auto 96px;
    padding: 0 32px;
    box-sizing: border-box;
}

.timeline-banner img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    object-fit: cover;
}

.timeline-container {
    position: relative;
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 32px;
}

/* The vertical line */
.timeline-container::before {
    content: '';
    position: absolute;
    left: 40px; 
    top: 10px;
    bottom: 10px;
    width: 2px;
    background-color: #EAECF0; /* Gray/200 */
    z-index: 1; /* Ensure the line is behind the markers */
}


/* 2. Timeline items and markers */
.timeline-item {
    position: relative;
    padding-left: 88px;
    margin-bottom: 64px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-marker {
    position: absolute;
    left: 40px; 
    top: 6px; 
    width: 16px;
    height: 16px;
    border-radius: 2px;
    transform: translateX(-50%) rotate(45deg); 
    background-color: #FA7850; 
    z-index: 2; /* Ensure markers are above the line */
}

.timeline-marker.milestone {
    width: 12px;
    height: 12px;
    top: 8px;
    border-radius: 50%;
    background-color: #D0D5DD;
    transform: translateX(-50%) rotate(0deg); 
}

/* 3. Timeline content */
.timeline-entry {
    position: relative;
}

.timeline-content .timeline-year,
.timeline-content .timeline-date {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #FA7850; 
    margin: 0 0 12px 0;
}

.timeline-content .timeline-year {
    font-size: 18px;
    line-height: 28px;
}
.timeline-content .timeline-date {
    font-size: 16px;
    line-height: 24px;
}

.timeline-content h2, .timeline-content h3 {
    font-size: 30px;
    font-weight: 600;
    color: #101828;
    margin: 0 0 16px 0;
}
.timeline-content h3 {
    font-size: 24px;
}

.timeline-content p {
    font-size: 18px;
    line-height: 28px;
    color: #667085;
    margin: 0 0 1em 0;
}
.timeline-content p:last-child {
    margin-bottom: 0;
}

.timeline-content ul {
    list-style-type: none;
    padding-left: 24px;
    margin: 1em 0;
}

.timeline-content li {
    font-size: 18px;
    line-height: 28px;
    color: #667085;
    margin-bottom: 0.5em;
    position: relative;
}

.timeline-content li::before {
    content: '•';
    color: #FA7850;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    position: absolute;
    left: -12px;
}

/* ==========================================================================
   Mobile Timeline Styles
   ========================================================================== */

@media (max-width: 768px) {
    .timeline-section {
        padding: 64px 0;
    }

    .timeline-banner {
        padding: 0 24px;
        margin-bottom: 64px;
    }
    
    .timeline-container {
        padding: 0 24px;
    }

    .timeline-container::before {
        left: 24px; 
    }

    .timeline-item {
        padding-left: 56px;
        margin-bottom: 48px;
    }
    
    .timeline-marker,
    .timeline-marker.milestone {
        left: 24px; 
    }

    .timeline-content h2 {
        font-size: 24px;
    }
    .timeline-content h3 {
        font-size: 20px;
    }

    .timeline-content p, .timeline-content li {
        font-size: 16px;
        line-height: 26px;
    }
}"""


"./en/about-us/index.html" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us - Macedonian Student Organisation in Slovenia</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../en/" class="logo-link">
                <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- About Us Header Section -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle">About us</span>
                <h1>About MSOS</h1>
                <p class="page-description">Learn more about the company and the team behind it.</p>
            </div>
        </section>

        <!-- MSOS Foundation Section -->
        <section class="meet-the-team-section">
            <div class="team-content">
                <p class="article-publish-date" style="text-align: left;">3rd October 2023</p>
                <h2>MSOS Foundation</h2>
                <p style="text-align: left;">Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop. Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.</p>
                <div class="navigation-arrows" style="display: flex; gap: 1rem; margin-top: 2rem;">
                    <button class="social-icon-btn"><i class="fas fa-arrow-left"></i></button>
                    <button class="social-icon-btn"><i class="fas fa-arrow-right"></i></button>
                </div>
            </div>
            <div class="video-container">
                <img src="../../images/msos_foundation.jpg" alt="MSOS Foundation members" class="video-thumbnail">
            </div>
        </section>

        <!-- Meet our team section -->
        <section class="team-section">
            <div class="become-part-header">
                <h2>Meet our team</h2>
                <p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
            </div>
            <div class="team-members-grid">
                <!-- Team Member 1 -->
                <div class="team-member-card">
                    <img src="../../images/kristijan_popovski.jpg" alt="Kristijan Popovski">
                    <h4>Kristijan Popovski</h4>
                    <p class="role">Founder & CEO</p>
                    <p class="description">Former co-founder of Opendoor. Early staff at Spotify and Clearbit.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
                <!-- Team Member 2 -->
                <div class="team-member-card">
                    <img src="../../images/bisera_nikolovska.jpg" alt="Bisera Nikolovska">
                    <h4>Bisera Nikolovska</h4>
                    <p class="role">Former PM for Linear, Lambda School, and On Deck.</p>
                    <p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
                <!-- Team Member 3 -->
                <div class="team-member-card">
                    <img src="../../images/kiara_lazic.jpg" alt="Kiara Lazic">
                    <h4>Kiara Lazic</h4>
                    <p class="role">Media and public relations</p>
                    <p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
                <!-- Team Member 4 -->
                <div class="team-member-card">
                    <img src="../../images/leon_shumanski.jpg" alt="Leon Shumanski">
                    <h4>Leon Shumanski</h4>
                    <p class="role">Former frontend dev for Linear, Coinbase, and Postscript.</p>
                    <p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
                 <!-- Team Member 5 -->
                <div class="team-member-card">
                    <img src="../../images/leon_shumanski.jpg" alt="Leon Shumanski">
                    <h4>Leon Shumanski</h4>
                    <p class="role">Former frontend dev for Linear, Coinbase, and Postscript.</p>
                    <p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
            </div>
        </section>

        <!-- Our values section -->
        <section class="faq-section values-section">
            <div class="faq-header">
                <h2>Our values</h2>
                <p>Our shared values keep us connected and guide us as one team.</p>
            </div>
            <div class="faq-grid" style="max-width: 1024px;">
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-users"></i></div><h3>Care about our team</h3><p>Understand what matters to our employees. Give them what they need to do their best work.</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-heart"></i></div><h3>Be excellent to each other</h3><p>No games. No bullshit. We rely on our peers to improve. Be open, honest and kind.</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-chart-line"></i></div><h3>Pride in what we do</h3><p>Value quality and integrity in everything we do. At all times. No exceptions.</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-smile"></i></div><h3>Don't f*#& the customer</h3><p>Understand customers' stated and unstated needs. Make them wildly successful.</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-rocket"></i></div><h3>Do the impossible</h3><p>Be energized by difficult problems. Revel in unknowns. Ask “Why?”, but always question, “Why not?”</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-bolt"></i></div><h3>Sweat the small stuff</h3><p>We believe the best products come from the best attention to detail. Sweat the small stuff.</p></div>
            </div>
            <div class="mission-vision">
                <div>
                    <h4><i class="fas fa-flag"></i> Mission</h4>
                    <p>Understand customers' stated and unstated needs. Make them wildly successful.</p>
                </div>
                <div>
                    <h4><i class="fas fa-eye"></i> Vision</h4>
                    <p>Be energized by difficult problems. Revel in unknowns. Ask “Why?”, but always question, “Why not?”</p>
                </div>
            </div>
        </section>

        <!-- Become Part Section -->
        <section class="become-part-section" style="background-color: #FFFFFF;">
            <div class="become-part-header">
                <h2>Become part of our amazing team</h2>
                <p>We're a 100% remote team spread all across the world. Join us!</p>
            </div>
            <img src="../../images/amazing_team.png" alt="Our amazing team in a classroom setting" class="team-photo">
            
            <div class="contact-form-container">
                <form class="contact-form">
                    <div class="form-row">
                        <div class="form-group">
                            <label for="first-name">First name</label>
                            <input type="text" id="first-name" placeholder="First name">
                        </div>
                        <div class="form-group">
                            <label for="last-name">Last name</label>
                            <input type="text" id="last-name" placeholder="Last name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" id="email" placeholder="student@email.com">
                    </div>
                    <div class="form-group">
                         <label for="phone-number">Phone number</label>
                        <div class="phone-input">
                            <select id="country-code" aria-label="Country code">
                                <option>SL</option>
                                <option>US</option>
                                <option>MK</option>
                            </select>
                            <input type="tel" id="phone-number" placeholder="+386 (00) 000-000">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="message">Message</label>
                        <textarea id="message" rows="5"></textarea>
                    </div>
                    <div class="form-group checkbox-group">
                        <input type="checkbox" id="privacy-policy">
                        <label for="privacy-policy">You agree to our friendly <a href="#">privacy policy</a>.</label>
                    </div>
                    <button type="submit" class="btn btn-primary">Send message</button>
                </form>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    
</footer>
<!-- END_FOOTER -->

    
</body>
</html>"""


"./en/about-us/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us - Macedonian Student Organisation in Slovenia</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../en/" class="logo-link">
                <img src="../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- About Us Header Section -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle">About us</span>
                <h1>About MSOS</h1>
                <p class="page-description">Learn more about the company and the team behind it.</p>
            </div>
        </section>

        <!-- MSOS Foundation Section -->
        <section class="meet-the-team-section">
            <div class="team-content">
                <p class="article-publish-date" style="text-align: left;">3rd October 2023</p>
                <h2>MSOS Foundation</h2>
                <p style="text-align: left;">Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop. Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.</p>
                <div class="navigation-arrows" style="display: flex; gap: 1rem; margin-top: 2rem;">
                    <button class="social-icon-btn"><i class="fas fa-arrow-left"></i></button>
                    <button class="social-icon-btn"><i class="fas fa-arrow-right"></i></button>
                </div>
            </div>
            <div class="video-container">
                <img src="../../images/msos_foundation.jpg" alt="MSOS Foundation members" class="video-thumbnail">
            </div>
        </section>

        <!-- Meet our team section -->
        <section class="team-section">
            <div class="become-part-header">
                <h2>Meet our team</h2>
                <p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
            </div>
            <div class="team-members-grid">
                <!-- Team Member 1 -->
                <div class="team-member-card">
                    <img src="../../images/kristijan_popovski.jpg" alt="Kristijan Popovski">
                    <h4>Kristijan Popovski</h4>
                    <p class="role">Founder & CEO</p>
                    <p class="description">Former co-founder of Opendoor. Early staff at Spotify and Clearbit.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
                <!-- Team Member 2 -->
                <div class="team-member-card">
                    <img src="../../images/bisera_nikolovska.jpg" alt="Bisera Nikolovska">
                    <h4>Bisera Nikolovska</h4>
                    <p class="role">Former PM for Linear, Lambda School, and On Deck.</p>
                    <p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
                <!-- Team Member 3 -->
                <div class="team-member-card">
                    <img src="../../images/kiara_lazic.jpg" alt="Kiara Lazic">
                    <h4>Kiara Lazic</h4>
                    <p class="role">Media and public relations</p>
                    <p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
                <!-- Team Member 4 -->
                <div class="team-member-card">
                    <img src="../../images/leon_shumanski.jpg" alt="Leon Shumanski">
                    <h4>Leon Shumanski</h4>
                    <p class="role">Former frontend dev for Linear, Coinbase, and Postscript.</p>
                    <p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
                 <!-- Team Member 5 -->
                <div class="team-member-card">
                    <img src="../../images/leon_shumanski.jpg" alt="Leon Shumanski">
                    <h4>Leon Shumanski</h4>
                    <p class="role">Former frontend dev for Linear, Coinbase, and Postscript.</p>
                    <p class="description">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
                    <a href="#" class="social-icon-btn"><i class="fab fa-linkedin-in"></i></a>
                </div>
            </div>
        </section>

        <!-- Our values section -->
        <section class="faq-section values-section">
            <div class="faq-header">
                <h2>Our values</h2>
                <p>Our shared values keep us connected and guide us as one team.</p>
            </div>
            <div class="faq-grid" style="max-width: 1024px;">
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-users"></i></div><h3>Care about our team</h3><p>Understand what matters to our employees. Give them what they need to do their best work.</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-heart"></i></div><h3>Be excellent to each other</h3><p>No games. No bullshit. We rely on our peers to improve. Be open, honest and kind.</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-chart-line"></i></div><h3>Pride in what we do</h3><p>Value quality and integrity in everything we do. At all times. No exceptions.</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-smile"></i></div><h3>Don't f*#& the customer</h3><p>Understand customers' stated and unstated needs. Make them wildly successful.</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-rocket"></i></div><h3>Do the impossible</h3><p>Be energized by difficult problems. Revel in unknowns. Ask “Why?”, but always question, “Why not?”</p></div>
                <div class="faq-item"><div class="faq-icon-container"><i class="fas fa-bolt"></i></div><h3>Sweat the small stuff</h3><p>We believe the best products come from the best attention to detail. Sweat the small stuff.</p></div>
            </div>
            <div class="mission-vision">
                <div>
                    <h4><i class="fas fa-flag"></i> Mission</h4>
                    <p>Understand customers' stated and unstated needs. Make them wildly successful.</p>
                </div>
                <div>
                    <h4><i class="fas fa-eye"></i> Vision</h4>
                    <p>Be energized by difficult problems. Revel in unknowns. Ask “Why?”, but always question, “Why not?”</p>
                </div>
            </div>
        </section>

        <!-- Become Part Section -->
        <section class="become-part-section" style="background-color: #FFFFFF;">
            <div class="become-part-header">
                <h2>Become part of our amazing team</h2>
                <p>We're a 100% remote team spread all across the world. Join us!</p>
            </div>
            <img src="../../images/amazing_team.png" alt="Our amazing team in a classroom setting" class="team-photo">
            
            <div class="contact-form-container">
                <form class="contact-form">
                    <div class="form-row">
                        <div class="form-group">
                            <label for="first-name">First name</label>
                            <input type="text" id="first-name" placeholder="First name">
                        </div>
                        <div class="form-group">
                            <label for="last-name">Last name</label>
                            <input type="text" id="last-name" placeholder="Last name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" id="email" placeholder="student@email.com">
                    </div>
                    <div class="form-group">
                         <label for="phone-number">Phone number</label>
                        <div class="phone-input">
                            <select id="country-code" aria-label="Country code">
                                <option>SL</option>
                                <option>US</option>
                                <option>MK</option>
                            </select>
                            <input type="tel" id="phone-number" placeholder="+386 (00) 000-000">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="message">Message</label>
                        <textarea id="message" rows="5"></textarea>
                    </div>
                    <div class="form-group checkbox-group">
                        <input type="checkbox" id="privacy-policy">
                        <label for="privacy-policy">You agree to our friendly <a href="#">privacy policy</a>.</label>
                    </div>
                    <button type="submit" class="btn btn-primary">Send message</button>
                </form>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    
</footer>
<!-- END_FOOTER -->

    
</body>
</html>"""


"./en/about-us/timeline-and-milestones/index.html" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Timeline & Milestones - Macedonian Student Organisation in Slovenia</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- Timeline Header Section -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle" style="text-transform: uppercase;">About us</span>
                <h1>Timeline & Milestones</h1>
                <p class="page-description">Learn more about the company and the team behind it.</p>
            </div>
        </section>

        <!-- Timeline Banner -->
        <div class="timeline-banner">
            <img src="../../../images/about_us-timeline-milestones_img0.JPG" alt="MSOS Team Group Photo">
        </div>

        <!-- Timeline Section -->
        <section class="timeline-section">
            <div class="timeline-container">
                <!-- Year 2022 -->
                <div class="timeline-item">
                    <div class="timeline-marker"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-year">2022</p>
                            <h2>The Beginning of a Movement</h2>
                            <p>What started as a simple idea in the summer of 2022 quickly grew into something much bigger. From the spark at a wine tasting in Ljubljana, to the first Macedonian Student Party with over 500 attendees, and finally the creation of the founding team, 2022 was the year when MSOS was born. It was a year of enthusiasm, countless volunteer hours, and the first steps toward building a community that Macedonian students in Slovenia had long been waiting for.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                     <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">August 2022</p>
                            <h3>The Spark of an Idea</h3>
                            <p>It all started at a wine tasting event in the heart of Ljubljana. Among friends and good conversation, our founder Kristijan Popovski was encouraged by his Slovenian peers to organize something truly Macedonian. Inspired, he posted in a Facebook group of Macedonians living in Slovenia, calling for volunteers to help bring the idea to life.</p>
                            <p>Around 40 volunteers responded — a group of students who, without even realizing it, were laying the foundations of what would later become MSOS. Day after day, we worked side by side, sharing the same air, fueled by excitement and the desire to create something new. At that point, we weren't thinking about “founding an organization" — we were just a group of people trying to make one unforgettable event happen.</p>
                            <p>Two weeks later, the first Macedonian Student Party in Ljubljana came to life. Expectations were exceeded: sponsors and donors joined in, volunteers gave their all, and more than 500 people showed up.</p>
                            <p>That night made one thing very clear: Macedonian students in Slovenia needed a space to connect, celebrate, and support one another. And from that realization, MSOS was born.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">October 2022</p>
                            <h3>From One Event to a Bigger Vision</h3>
                            <p>After the success of the first Macedonian Student Party in Ljubljana, something changed. What began as a one-time event sparked a new energy among us. The group of volunteers who had worked side by side suddenly felt there was more to be done.</p>
                            <p>We started holding regular meetings and brainstorming sessions, often lasting late into the evening. In those small rooms, surrounded by notes and ideas scribbled on paper, we began to shape a bigger vision. We talked about what Macedonian students in Slovenia truly needed — not just parties, but support, connection, and a community they could rely on.</p>
                            <p>Those early sessions gave birth to our mission and vision. We didn't yet call ourselves an “organization," but we were slowly becoming one. What kept us going was the same spirit that created the first party — the belief that, together, we could make student life in Slovenia easier, warmer, and more meaningful.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">November 2022</p>
                            <h3>The Founding Team</h3>
                            <p>From the energy of the first events, a smaller circle of the most dedicated volunteers decided to take things further. They realized that for MSOS to grow, it needed structure, direction, and continuity. That was the moment when the first coordinating body was born — the group that would soon become the founding team of the organization.</p>
                            <p>This first team was made up of: Kristijan Popovski, Bisera Nikoloska, Marko Arsov, Ksenija Kraljevska, Aleksandar Balkoski, Kiara Lazić, Evgenija Kolovska, Dijana Dimkovska, Hristijan Bogdanovski, and Stefan Gjurovski. Each one brought something unique to the table — from leadership and creativity to organizational skills and dedication.</p>
                            <p>Together, they laid down the mission and vision, drafted the first structure, and set the foundations of what would grow into the official Macedonian Student Organization in Slovenia. At that time, no one could have imagined how quickly MSOS would evolve, but this team ensured that the idea would not remain just one successful party — it would become a movement.</p>
                        </div>
                    </div>
                </div>

                <!-- Year 2023 -->
                <div class="timeline-item">
                    <div class="timeline-marker"></div>
                     <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-year">2023</p>
                            <h2>From Idea to Tradition</h2>
                            <p>The year 2023 marked the transformation of MSOS from an emerging initiative into a recognizable student network. In March, we stepped into the public eye and immediately expanded beyond Ljubljana to Maribor and Koper. By September, we had already crossed borders with our first major panel event in Skopje, connecting future students with those already studying in Slovenia. 2023 was the year when MSOS stopped being just an idea and began building traditions that continue to grow today.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">March 2023</p>
                            <h3>Going Public</h3>
                            <p>On March 5, 2023, we officially introduced MSOS to the public as a student initiative. What had begun as an idea and a few events was now ready to be presented as something bigger — a movement with a clear mission and vision.</p>
                            <p>The launch was more than just an announcement. It was the moment when Macedonian students in Slovenia realized they had their own platform, their own voice, and a community they could call home. Through social media, word of mouth, and our first public activities, we reached students who until then felt scattered and disconnected.</p>
                            <p>For us as organizers, this was a defining step: MSOS was no longer just an idea among friends, but a name and a promise that other students could recognize and join. From that day on, everything became more serious — new projects, structured communication, and the understanding that we had a responsibility to represent and support our community.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">March 2023</p>
                            <h3>Growing Beyond Ljubljana</h3>
                            <p>The public launch of MSOS in March 2023 did more than just make us visible — it sparked a wave of interest across Slovenia. Very quickly, students from Maribor and Koper reached out, asking how they could get involved. What began as individual messages soon grew into local teams, ready to bring the MSOS spirit to their own cities.</p>
                            <p>This moment showed us that the need for community wasn't limited to Ljubljana. Macedonian students everywhere were looking for connection, support, and a network they could trust. With Maribor and Koper on board, MSOS transformed from a local initiative into a nationwide student presence, active across Slovenia's major university centers.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">September 2023</p>
                            <h3>"Meet Student Slovenia 2023"</h3>
                            <p>In September 2023, MSOS took a bold step — for the first time, we organized a panel event outside Slovenia, in Skopje. The idea was simple but powerful: bring together future students and their parents, and connect them directly with those already living and studying in Slovenia.</p>
                            <p>The turnout exceeded all expectations. More than 100 participants filled the NLB Gallery, eager to hear real stories; not from brochures or officials, but from students themselves. They spoke about everyday challenges, from housing and paperwork to making friends and building a new life far from home. The honesty of their experiences created an atmosphere that felt more like a family gathering than a formal event.</p>
                            <p>For many of the attendees, this was the first time they realized they were not alone in their worries. Questions that had been weighing on them for months found clear answers, and fears were replaced with excitement. For us as organizers, it was proof that MSOS was fulfilling its mission: to be the bridge between Macedonia and Slovenia, offering support even before students set foot in their new city.</p>
                        </div>
                    </div>
                </div>

                <!-- Year 2024 -->
                <div class="timeline-item">
                    <div class="timeline-marker"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-year">2024</p>
                            <h2>From Recognition to Responsibility</h2>
                            <p>In 2024, MSOS grew into a fully recognized and nationwide student organization. We expanded to Nova Gorica, officially registered as an association on September 9, and organized our first international conference in Skopje. With Tour de Maribor on October 12, our local teams showed new energy and initiative, while on November 17 we signed a Memorandum of Cooperation with the Student Assembly of UKIM in Skopje. 2024 was the year MSOS gained legitimacy, broadened its reach, and strengthened its role as a bridge between students in Slovenia and Macedonia.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">May 2024</p>
                            <h3>Expanding to Nova Gorica</h3>
                            <p>By the spring of 2024, MSOS had already built a strong presence in Ljubljana, Maribor, and Koper. But one important piece was still missing: Nova Gorica. In May, we officially welcomed our first members from the University of Nova Gorica — students full of energy, motivation, and new perspectives.</p>
                            <p>For us, this expansion was more than just adding another city to the map. It symbolized the fact that MSOS was now present in all four major university centers in Slovenia. It meant that no matter where Macedonian students chose to study; from Ljubljana to the western border of the country, they could count on support, community, and a familiar face.</p>
                            <p>The arrival of the Nova Gorica team brought fresh energy and ideas into our organization, reminding us once again that MSOS is not only about structure, but about people who are ready to help each other and grow together.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">September 2024</p>
                            <h3>Official Registration</h3>
                            <p>On September 9, 2024, MSOS was officially registered in the Slovenian register of associations. This milestone marked a historic moment for us: from a student initiative built on enthusiasm and volunteer spirit, we became a legally recognized organization.</p>
                            <p>The registration gave us legitimacy to act as an institution, to run projects with legal backing, and to collaborate formally with universities, government bodies, and other organizations. For our team, it was more than a piece of paper — it was the confirmation that all the effort, countless volunteer hours, and shared vision had grown into something real and lasting.</p>
                            <p>That day we celebrated not just a legal status, but a sense of pride. MSOS was no longer just "our idea;" it became an organization that belongs to every Macedonian student in Slovenia.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <h3>First MSOS Conference</h3>
                            <p>Only a few weeks after our official registration, on September 25, 2024, MSOS took another bold step, organizing its first official conference in Skopje: "From Slovenia to North Macedonia: Synergy of Education and Business."</p>
                            <p>The event brought together three different worlds — students, government, and the business sector, around one shared question: How can young people educated abroad be motivated to return and contribute at home?</p>
                            <p>The program was divided into three panels:</p>
                            <ul>
                                <li><strong>Youth Panel</strong> – where students educated in Slovenia shared their hopes, challenges, and perspectives on returning to Macedonia.</li>
                                <li><strong>Government Panel</strong> – discussing policies for brain gain and the role of institutions in supporting young professionals.</li>
                                <li><strong>Business Panel</strong> – focusing on how companies can create opportunities and incentives for returning graduates.</li>
                            </ul>
                            <p>The discussions touched on education, career opportunities, fair pay, and quality of life, the very factors that shape whether young people see a future in their home country.</p>
                            <p>For MSOS, this conference was more than an event. It was proof that our organization can go beyond student parties and support groups, and become a credible voice in debates about youth, education, and the future of Macedonia. It was a moment when we showed that student initiatives can grow into platforms that connect countries, generations, and sectors.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">October 2024</p>
                            <h3>Tour de Maribor</h3>
                            <p>On October 12, 2024, our Maribor team organized its first event — Tour de Maribor. The idea was to welcome new students by turning the entire city into a playground. Teams of participants received maps with 10 checkpoints, each offering a fun challenge: solving quizzes, making TikToks, trading random items, or snapping creative photos with Maribor's landmarks.</p>
                            <p>The adventure lasted for more than five hours and ended with prizes, music, and new friendships. But what mattered most wasn't the competition — it was the atmosphere. Strangers became teammates, teammates became friends, and Maribor students felt the spirit of MSOS as their own.</p>
                            <p>That day, something bigger was born: the MSOS spirit in Maribor. A new strength and initiative emerged, showing once again that MSOS isn't just about one city — it's about students everywhere who want to build a community together.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">November 2024</p>
                            <h3>Memorandum of Cooperation</h3>
                            <p>On International Students' Day, November 17, 2024, MSOS and the University Student Assembly at Ss. Cyril and Methodius University in Skopje signed a Memorandum of Cooperation.</p>
                            <p>With this step, we confirmed our joint commitment to improving student standards, strengthening regional cooperation, and creating a bridge for sharing best practices between Macedonia and Slovenia.</p>
                            <p>The memorandum symbolized more than a formal agreement — it was a recognition that Macedonian students abroad and at home share the same challenges and hopes. By working together, we opened a path for stronger collaboration, exchange of experiences, and building a student voice that crosses borders.</p>
                        </div>
                    </div>
                </div>

                 <!-- Year 2025 -->
                <div class="timeline-item">
                    <div class="timeline-marker"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-year">2025</p>
                            <h2>A Year of Community and New Beginnings</h2>
                            <p>In 2025, MSOS strengthened its presence across Slovenia with the first independent events from our teams in Nova Gorica and Koper. We stood in solidarity with Macedonia through peaceful gatherings and humanitarian actions, proving that our community is about more than student life alone. And with the upcoming opening of our first Student Hub in Ljubljana, 2025 marks a year of both unity and exciting new beginnings.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">March 2025</p>
                            <h3>Paint & Wine in Nova Gorica</h3>
                            <p>On International Women's Day, March 8, 2025, our team in Nova Gorica organized its very first independent event — a creative and vibrant Paint & Wine evening. With canvases, brushes, and a glass of wine in hand, students painted while enjoying the sunset accompanied by a live DJ set.</p>
                            <p>The event was more than just art and music. It was a celebration of creativity, diversity, and the energy of young people coming together in a relaxed and inspiring setting. For MSOS, it was also a proud milestone: proof that our local teams are not only active, but able to design and carry out unique events that reflect their own spirit and community.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <h3>MSOS Koper's First Event – Handball Fan Zone</h3>
                            <p>On March 16, 2025, our MSOS Koper team organized its first event, a Fan Zone for the European Handball Championship qualification match between Macedonia and Slovenia. In cooperation with the Macedonian Handball Federation, we brought students together with face paints, red and yellow flags, Macedonian beer, and even arranged two buses from Ljubljana to Koper to cheer as one.</p>
                            <p>Sadly the event sadly stopped by the tragic news from Kochani. Despite this, the event showed the strength of our community and the passion of MSOS Koper in creating spaces where students unite and celebrate their identity.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">March-April 2025</p>
                            <h3>Solidarity for Kočani in difficult times</h3>
                            <p>In March and April 2025, MSOS stood together with the Macedonian community after the tragic events in Kočani. In Ljubljana, more than 700 people gathered in a peaceful vigil, filling the city square with candles and compassion. Soon after, our team in Maribor organized a charity basketball and football tournament, raising over €1,000 to support the families whose children were receiving treatment in Slovenia.</p>
                            <p>These moments reminded us that MSOS is not only about projects and events, but also about solidarity, empathy, and standing by our people in difficult times.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">October 2025</p>
                            <h3>Coming Soon – MSOS Student Hub in Ljubljana</h3>
                            <p>The next big step for MSOS is the opening of our first Student Hub in Ljubljana this October. It will be a space for students to meet, work on projects, socialize, and create new ideas together. The Hub is envisioned as the new heart of our organization — a symbol of the community we have built and continue to grow.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

</body>
</html>"""


"./en/about-us/timeline-and-milestones/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Timeline & Milestones - Macedonian Student Organisation in Slovenia</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- Timeline Header Section -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle" style="text-transform: uppercase;">About us</span>
                <h1>Timeline & Milestones</h1>
                <p class="page-description">Learn more about the company and the team behind it.</p>
            </div>
        </section>

        <!-- Timeline Banner -->
        <div class="timeline-banner">
            <img src="../../../images/about_us-timeline-milestones_img0.JPG" alt="MSOS Team Group Photo">
        </div>

        <!-- Timeline Section -->
        <section class="timeline-section">
            <div class="timeline-container">
                <!-- Year 2022 -->
                <div class="timeline-item">
                    <div class="timeline-marker"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-year">2022</p>
                            <h2>The Beginning of a Movement</h2>
                            <p>What started as a simple idea in the summer of 2022 quickly grew into something much bigger. From the spark at a wine tasting in Ljubljana, to the first Macedonian Student Party with over 500 attendees, and finally the creation of the founding team, 2022 was the year when MSOS was born. It was a year of enthusiasm, countless volunteer hours, and the first steps toward building a community that Macedonian students in Slovenia had long been waiting for.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                     <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">August 2022</p>
                            <h3>The Spark of an Idea</h3>
                            <p>It all started at a wine tasting event in the heart of Ljubljana. Among friends and good conversation, our founder Kristijan Popovski was encouraged by his Slovenian peers to organize something truly Macedonian. Inspired, he posted in a Facebook group of Macedonians living in Slovenia, calling for volunteers to help bring the idea to life.</p>
                            <p>Around 40 volunteers responded — a group of students who, without even realizing it, were laying the foundations of what would later become MSOS. Day after day, we worked side by side, sharing the same air, fueled by excitement and the desire to create something new. At that point, we weren't thinking about “founding an organization" — we were just a group of people trying to make one unforgettable event happen.</p>
                            <p>Two weeks later, the first Macedonian Student Party in Ljubljana came to life. Expectations were exceeded: sponsors and donors joined in, volunteers gave their all, and more than 500 people showed up.</p>
                            <p>That night made one thing very clear: Macedonian students in Slovenia needed a space to connect, celebrate, and support one another. And from that realization, MSOS was born.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">October 2022</p>
                            <h3>From One Event to a Bigger Vision</h3>
                            <p>After the success of the first Macedonian Student Party in Ljubljana, something changed. What began as a one-time event sparked a new energy among us. The group of volunteers who had worked side by side suddenly felt there was more to be done.</p>
                            <p>We started holding regular meetings and brainstorming sessions, often lasting late into the evening. In those small rooms, surrounded by notes and ideas scribbled on paper, we began to shape a bigger vision. We talked about what Macedonian students in Slovenia truly needed — not just parties, but support, connection, and a community they could rely on.</p>
                            <p>Those early sessions gave birth to our mission and vision. We didn't yet call ourselves an “organization," but we were slowly becoming one. What kept us going was the same spirit that created the first party — the belief that, together, we could make student life in Slovenia easier, warmer, and more meaningful.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">November 2022</p>
                            <h3>The Founding Team</h3>
                            <p>From the energy of the first events, a smaller circle of the most dedicated volunteers decided to take things further. They realized that for MSOS to grow, it needed structure, direction, and continuity. That was the moment when the first coordinating body was born — the group that would soon become the founding team of the organization.</p>
                            <p>This first team was made up of: Kristijan Popovski, Bisera Nikoloska, Marko Arsov, Ksenija Kraljevska, Aleksandar Balkoski, Kiara Lazić, Evgenija Kolovska, Dijana Dimkovska, Hristijan Bogdanovski, and Stefan Gjurovski. Each one brought something unique to the table — from leadership and creativity to organizational skills and dedication.</p>
                            <p>Together, they laid down the mission and vision, drafted the first structure, and set the foundations of what would grow into the official Macedonian Student Organization in Slovenia. At that time, no one could have imagined how quickly MSOS would evolve, but this team ensured that the idea would not remain just one successful party — it would become a movement.</p>
                        </div>
                    </div>
                </div>

                <!-- Year 2023 -->
                <div class="timeline-item">
                    <div class="timeline-marker"></div>
                     <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-year">2023</p>
                            <h2>From Idea to Tradition</h2>
                            <p>The year 2023 marked the transformation of MSOS from an emerging initiative into a recognizable student network. In March, we stepped into the public eye and immediately expanded beyond Ljubljana to Maribor and Koper. By September, we had already crossed borders with our first major panel event in Skopje, connecting future students with those already studying in Slovenia. 2023 was the year when MSOS stopped being just an idea and began building traditions that continue to grow today.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">March 2023</p>
                            <h3>Going Public</h3>
                            <p>On March 5, 2023, we officially introduced MSOS to the public as a student initiative. What had begun as an idea and a few events was now ready to be presented as something bigger — a movement with a clear mission and vision.</p>
                            <p>The launch was more than just an announcement. It was the moment when Macedonian students in Slovenia realized they had their own platform, their own voice, and a community they could call home. Through social media, word of mouth, and our first public activities, we reached students who until then felt scattered and disconnected.</p>
                            <p>For us as organizers, this was a defining step: MSOS was no longer just an idea among friends, but a name and a promise that other students could recognize and join. From that day on, everything became more serious — new projects, structured communication, and the understanding that we had a responsibility to represent and support our community.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">March 2023</p>
                            <h3>Growing Beyond Ljubljana</h3>
                            <p>The public launch of MSOS in March 2023 did more than just make us visible — it sparked a wave of interest across Slovenia. Very quickly, students from Maribor and Koper reached out, asking how they could get involved. What began as individual messages soon grew into local teams, ready to bring the MSOS spirit to their own cities.</p>
                            <p>This moment showed us that the need for community wasn't limited to Ljubljana. Macedonian students everywhere were looking for connection, support, and a network they could trust. With Maribor and Koper on board, MSOS transformed from a local initiative into a nationwide student presence, active across Slovenia's major university centers.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">September 2023</p>
                            <h3>"Meet Student Slovenia 2023"</h3>
                            <p>In September 2023, MSOS took a bold step — for the first time, we organized a panel event outside Slovenia, in Skopje. The idea was simple but powerful: bring together future students and their parents, and connect them directly with those already living and studying in Slovenia.</p>
                            <p>The turnout exceeded all expectations. More than 100 participants filled the NLB Gallery, eager to hear real stories; not from brochures or officials, but from students themselves. They spoke about everyday challenges, from housing and paperwork to making friends and building a new life far from home. The honesty of their experiences created an atmosphere that felt more like a family gathering than a formal event.</p>
                            <p>For many of the attendees, this was the first time they realized they were not alone in their worries. Questions that had been weighing on them for months found clear answers, and fears were replaced with excitement. For us as organizers, it was proof that MSOS was fulfilling its mission: to be the bridge between Macedonia and Slovenia, offering support even before students set foot in their new city.</p>
                        </div>
                    </div>
                </div>

                <!-- Year 2024 -->
                <div class="timeline-item">
                    <div class="timeline-marker"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-year">2024</p>
                            <h2>From Recognition to Responsibility</h2>
                            <p>In 2024, MSOS grew into a fully recognized and nationwide student organization. We expanded to Nova Gorica, officially registered as an association on September 9, and organized our first international conference in Skopje. With Tour de Maribor on October 12, our local teams showed new energy and initiative, while on November 17 we signed a Memorandum of Cooperation with the Student Assembly of UKIM in Skopje. 2024 was the year MSOS gained legitimacy, broadened its reach, and strengthened its role as a bridge between students in Slovenia and Macedonia.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">May 2024</p>
                            <h3>Expanding to Nova Gorica</h3>
                            <p>By the spring of 2024, MSOS had already built a strong presence in Ljubljana, Maribor, and Koper. But one important piece was still missing: Nova Gorica. In May, we officially welcomed our first members from the University of Nova Gorica — students full of energy, motivation, and new perspectives.</p>
                            <p>For us, this expansion was more than just adding another city to the map. It symbolized the fact that MSOS was now present in all four major university centers in Slovenia. It meant that no matter where Macedonian students chose to study; from Ljubljana to the western border of the country, they could count on support, community, and a familiar face.</p>
                            <p>The arrival of the Nova Gorica team brought fresh energy and ideas into our organization, reminding us once again that MSOS is not only about structure, but about people who are ready to help each other and grow together.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">September 2024</p>
                            <h3>Official Registration</h3>
                            <p>On September 9, 2024, MSOS was officially registered in the Slovenian register of associations. This milestone marked a historic moment for us: from a student initiative built on enthusiasm and volunteer spirit, we became a legally recognized organization.</p>
                            <p>The registration gave us legitimacy to act as an institution, to run projects with legal backing, and to collaborate formally with universities, government bodies, and other organizations. For our team, it was more than a piece of paper — it was the confirmation that all the effort, countless volunteer hours, and shared vision had grown into something real and lasting.</p>
                            <p>That day we celebrated not just a legal status, but a sense of pride. MSOS was no longer just "our idea;" it became an organization that belongs to every Macedonian student in Slovenia.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <h3>First MSOS Conference</h3>
                            <p>Only a few weeks after our official registration, on September 25, 2024, MSOS took another bold step, organizing its first official conference in Skopje: "From Slovenia to North Macedonia: Synergy of Education and Business."</p>
                            <p>The event brought together three different worlds — students, government, and the business sector, around one shared question: How can young people educated abroad be motivated to return and contribute at home?</p>
                            <p>The program was divided into three panels:</p>
                            <ul>
                                <li><strong>Youth Panel</strong> – where students educated in Slovenia shared their hopes, challenges, and perspectives on returning to Macedonia.</li>
                                <li><strong>Government Panel</strong> – discussing policies for brain gain and the role of institutions in supporting young professionals.</li>
                                <li><strong>Business Panel</strong> – focusing on how companies can create opportunities and incentives for returning graduates.</li>
                            </ul>
                            <p>The discussions touched on education, career opportunities, fair pay, and quality of life, the very factors that shape whether young people see a future in their home country.</p>
                            <p>For MSOS, this conference was more than an event. It was proof that our organization can go beyond student parties and support groups, and become a credible voice in debates about youth, education, and the future of Macedonia. It was a moment when we showed that student initiatives can grow into platforms that connect countries, generations, and sectors.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">October 2024</p>
                            <h3>Tour de Maribor</h3>
                            <p>On October 12, 2024, our Maribor team organized its first event — Tour de Maribor. The idea was to welcome new students by turning the entire city into a playground. Teams of participants received maps with 10 checkpoints, each offering a fun challenge: solving quizzes, making TikToks, trading random items, or snapping creative photos with Maribor's landmarks.</p>
                            <p>The adventure lasted for more than five hours and ended with prizes, music, and new friendships. But what mattered most wasn't the competition — it was the atmosphere. Strangers became teammates, teammates became friends, and Maribor students felt the spirit of MSOS as their own.</p>
                            <p>That day, something bigger was born: the MSOS spirit in Maribor. A new strength and initiative emerged, showing once again that MSOS isn't just about one city — it's about students everywhere who want to build a community together.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">November 2024</p>
                            <h3>Memorandum of Cooperation</h3>
                            <p>On International Students' Day, November 17, 2024, MSOS and the University Student Assembly at Ss. Cyril and Methodius University in Skopje signed a Memorandum of Cooperation.</p>
                            <p>With this step, we confirmed our joint commitment to improving student standards, strengthening regional cooperation, and creating a bridge for sharing best practices between Macedonia and Slovenia.</p>
                            <p>The memorandum symbolized more than a formal agreement — it was a recognition that Macedonian students abroad and at home share the same challenges and hopes. By working together, we opened a path for stronger collaboration, exchange of experiences, and building a student voice that crosses borders.</p>
                        </div>
                    </div>
                </div>

                 <!-- Year 2025 -->
                <div class="timeline-item">
                    <div class="timeline-marker"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-year">2025</p>
                            <h2>A Year of Community and New Beginnings</h2>
                            <p>In 2025, MSOS strengthened its presence across Slovenia with the first independent events from our teams in Nova Gorica and Koper. We stood in solidarity with Macedonia through peaceful gatherings and humanitarian actions, proving that our community is about more than student life alone. And with the upcoming opening of our first Student Hub in Ljubljana, 2025 marks a year of both unity and exciting new beginnings.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">March 2025</p>
                            <h3>Paint & Wine in Nova Gorica</h3>
                            <p>On International Women's Day, March 8, 2025, our team in Nova Gorica organized its very first independent event — a creative and vibrant Paint & Wine evening. With canvases, brushes, and a glass of wine in hand, students painted while enjoying the sunset accompanied by a live DJ set.</p>
                            <p>The event was more than just art and music. It was a celebration of creativity, diversity, and the energy of young people coming together in a relaxed and inspiring setting. For MSOS, it was also a proud milestone: proof that our local teams are not only active, but able to design and carry out unique events that reflect their own spirit and community.</p>
                        </div>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <h3>MSOS Koper's First Event – Handball Fan Zone</h3>
                            <p>On March 16, 2025, our MSOS Koper team organized its first event, a Fan Zone for the European Handball Championship qualification match between Macedonia and Slovenia. In cooperation with the Macedonian Handball Federation, we brought students together with face paints, red and yellow flags, Macedonian beer, and even arranged two buses from Ljubljana to Koper to cheer as one.</p>
                            <p>Sadly the event sadly stopped by the tragic news from Kochani. Despite this, the event showed the strength of our community and the passion of MSOS Koper in creating spaces where students unite and celebrate their identity.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">March-April 2025</p>
                            <h3>Solidarity for Kočani in difficult times</h3>
                            <p>In March and April 2025, MSOS stood together with the Macedonian community after the tragic events in Kočani. In Ljubljana, more than 700 people gathered in a peaceful vigil, filling the city square with candles and compassion. Soon after, our team in Maribor organized a charity basketball and football tournament, raising over €1,000 to support the families whose children were receiving treatment in Slovenia.</p>
                            <p>These moments reminded us that MSOS is not only about projects and events, but also about solidarity, empathy, and standing by our people in difficult times.</p>
                        </div>
                    </div>
                </div>
                 <div class="timeline-item">
                    <div class="timeline-marker milestone"></div>
                    <div class="timeline-entry">
                        <div class="timeline-content">
                            <p class="timeline-date">October 2025</p>
                            <h3>Coming Soon – MSOS Student Hub in Ljubljana</h3>
                            <p>The next big step for MSOS is the opening of our first Student Hub in Ljubljana this October. It will be a space for students to meet, work on projects, socialize, and create new ideas together. The Hub is envisioned as the new heart of our organization — a symbol of the community we have built and continue to grow.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

</body>
</html>"""


"./en/index.html" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Macedonian Student Organisation in Slovenia</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file (corrected path) -->
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../en/" class="logo-link">
                <img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main>
        <section class="hero-section">
            <div class="hero-background">
                <div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
                <div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
            </div>
            <div class="hero-overlay"></div>
            <div class="hero-content">
                <div class="heading-and-supporting-text">
                    <div class="badge-group">
                        <div class="badge-content">
                            <span class="message">First official MSOS</span>
                        </div>
                    </div>
                    <h1>Empowering young people with skills to change the world</h1>
                    <p>Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.</p>
                </div>
                <button class="btn btn-primary-orange">Become a Member</button>
            </div>
        </section>

        <section class="meet-the-team-section">
            <div class="video-container">
                <img src="../images/3.activites.webp" alt="Team members collaborating" class="video-thumbnail">
                <div class="video-overlay"></div>
                <button class="play-button" aria-label="Play video"></button>
            </div>
            <div class="team-content">
                <h2>Meet our incredible team!</h2>
                <p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
                <button class="btn btn-secondary">Learn more</button>
            </div>
        </section>

        <section class="activities-section">
            <div class="activities-header">
                <h2>Activities</h2>
                <p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
            </div>
            <div class="activities-content">
                <div class="activities-nav">
                    <ul>
                        <li class="active">Student representation</li>
                        <li>Education and culture</li>
                        <li>Entertainment and socializing</li>
                        <li>Student support</li>
                    </ul>
                    <button class="btn btn-primary-orange">Become a member</button>
                </div>
                <div class="activity-details">
                    <p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
                    <img src="../images/3.activites.webp" alt="A group of students smiling and collaborating">
                </div>
            </div>
        </section>

        <section class="latest-news-section">
            <div class="news-header">
                <h2>Latest news</h2>
                <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
            </div>
            <div class="news-articles">
                <article class="news-card">
                    <img src="../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak">
                    <div class="card-content">
                        <p class="author">Alec Whitten • 17 Jan 2022</p>
                        <h3>Bill Walsh leadership lessons</h3>
                        <p>Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl...</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team">
                    <div class="card-content">
                        <p class="author">Demi Wilkinson • 16 Jan 2022</p>
                        <h3>PM mental models</h3>
                        <p>Mental models are simple expressions of complex processes or relationships.</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/6-whatiswireframing.webp" alt="A modern computer desk setup with a large monitor, keyboard, and headphones">
                    <div class="card-content">
                        <p class="author">Candice Wu • 15 Jan 2022</p>
                        <h3>What is Wireframing?</h3>
                        <p>Introduction to Wireframing and its Principles. Learn from the best in the industry.</p>
                    </div>
                </article>
            </div>
            <button class="btn btn-secondary">See all</button>
        </section>

        <section class="testimonials-section">
            <div class="testimonials-intro">
                <h2>See what our partners say about us</h2>
                <p>Everything you need to know about the product and billing.</p>
            </div>
            <div class="testimonials-columns">
                <div class="testimonial-column">
                    <div class="testimonial-card">
                        <h3>How collaboration makes us better</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/7-graphicdesigner.webp" alt="Aleksandar Popovski">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Graphic designer at MSOS</p>
                            </div>
                        </div>
                    </div>
                     <div class="testimonial-card">
                        <h3>Consectetur vitae ac parturient massa</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
                        <div class="author-info">
                            <img src="../images/11-boy.webp" alt="Another team member">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Graphic designer at MSOS</p>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="testimonial-column column-offset">
                    <div class="testimonial-card">
                        <h3>Proud partners</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/12-girl2.webp" alt="Another partner">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Graphic designer at MSOS</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card">
                        <h3>Our collaboration experience</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                             <img src="../images/10-girl1.webp" alt="Another team member">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Graphic designer at MSOS</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="become-part-section">
            <div class="become-part-header">
                <h2>Become part of our amazing team</h2>
                <p>We're a 100% remote team spread all across the world. Join us!</p>
            </div>
            <img src="../images/9-becomepart.webp" alt="Our amazing team in a classroom setting" class="team-photo">
            
            <div class="contact-form-container">
                <form class="contact-form">
                    <div class="form-row">
                        <div class="form-group">
                            <label for="first-name">First name</label>
                            <input type="text" id="first-name" placeholder="First name">
                        </div>
                        <div class="form-group">
                            <label for="last-name">Last name</label>
                            <input type="text" id="last-name" placeholder="Last name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" id="email" placeholder="student@email.com">
                    </div>
                    <div class="form-group">
                         <label for="phone-number">Phone number</label>
                        <div class="phone-input">
                            <select id="country-code" aria-label="Country code">
                                <option>US</option>
                                <option>SI</option>
                                <option>MK</option>
                            </select>
                            <input type="tel" id="phone-number" placeholder="+1 (555) 000-0000">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="message">Message</label>
                        <textarea id="message" rows="5"></textarea>
                    </div>
                    <div class="form-group checkbox-group">
                        <input type="checkbox" id="privacy-policy">
                        <label for="privacy-policy">You agree to our friendly <a href="#">privacy policy</a>.</label>
                    </div>
                    <button type="submit" class="btn btn-primary">Send message</button>
                </form>
            </div>
        </section>

        <section class="faq-section">
            <div class="faq-header">
                <h2>Frequently asked questions</h2>
                <p>Everything you need to know about the product and billing.</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <div class="faq-icon-container"><i class="fas fa-heart"></i></div>
                    <h3>Is there a free trial available?</h3>
                    <p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
                    <h3>Can I change my plan later?</h3>
                    <p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-ban"></i></div>
                    <h3>What is your cancellation policy?</h3>
                    <p>We understand that things change. You can cancel your plan at any time and we’ll refund you the difference already paid.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
                    <h3>Can other info be added to an invoice?</h3>
                    <p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
                    <h3>How does billing work?</h3>
                    <p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
                </div>
                 <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
                    <h3>How do I change my account email?</h3>
                    <p>We understand that things change. You can cancel your plan at any time and we’ll refund you the difference.</p>
                </div>
            </div>
            <div class="faq-footer">
                <div class="avatar-group">
                     <img src="../images/11-boy.webp" alt="Avatar 1" class="avatar">
                     <img src="../images/10-girl1.webp" alt="Avatar 2" class="avatar large">
                     <img src="../images/12-girl2.webp" alt="Avatar 3" class="avatar">
                </div>
                <h3>Still have questions?</h3>
                <p>Can’t find the answer you’re looking for? Please chat to our friendly team.</p>
                <button class="btn btn-primary-orange">See all FAQs</button>
            </div>
        </section>

    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../main.js"></script>
</body>
</html>"""


"./en/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Macedonian Student Organisation in Slovenia</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file (corrected path) -->
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../en/" class="logo-link">
                <img src="../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main>
        <section class="hero-section">
            <div class="hero-background">
                <div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
                <div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
            </div>
            <div class="hero-overlay"></div>
            <div class="hero-content">
                <div class="heading-and-supporting-text">
                    <div class="badge-group">
                        <div class="badge-content">
                            <span class="message">First official MSOS</span>
                        </div>
                    </div>
                    <h1>Empowering young people with skills to change the world</h1>
                    <p>Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.</p>
                </div>
                <button class="btn btn-primary-orange">Become a Member</button>
            </div>
        </section>

        <section class="meet-the-team-section">
            <div class="video-container">
                <img src="../images/3.activites.webp" alt="Team members collaborating" class="video-thumbnail">
                <div class="video-overlay"></div>
                <button class="play-button" aria-label="Play video"></button>
            </div>
            <div class="team-content">
                <h2>Meet our incredible team!</h2>
                <p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
                <button class="btn btn-secondary">Learn more</button>
            </div>
        </section>

        <section class="activities-section">
            <div class="activities-header">
                <h2>Activities</h2>
                <p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
            </div>
            <div class="activities-content">
                <div class="activities-nav">
                    <ul>
                        <li class="active">Student representation</li>
                        <li>Education and culture</li>
                        <li>Entertainment and socializing</li>
                        <li>Student support</li>
                    </ul>
                    <button class="btn btn-primary-orange">Become a member</button>
                </div>
                <div class="activity-details">
                    <p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
                    <img src="../images/3.activites.webp" alt="A group of students smiling and collaborating">
                </div>
            </div>
        </section>

        <section class="latest-news-section">
            <div class="news-header">
                <h2>Latest news</h2>
                <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
            </div>
            <div class="news-articles">
                <article class="news-card">
                    <img src="../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak">
                    <div class="card-content">
                        <p class="author">Alec Whitten • 17 Jan 2022</p>
                        <h3>Bill Walsh leadership lessons</h3>
                        <p>Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl...</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team">
                    <div class="card-content">
                        <p class="author">Demi Wilkinson • 16 Jan 2022</p>
                        <h3>PM mental models</h3>
                        <p>Mental models are simple expressions of complex processes or relationships.</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/6-whatiswireframing.webp" alt="A modern computer desk setup with a large monitor, keyboard, and headphones">
                    <div class="card-content">
                        <p class="author">Candice Wu • 15 Jan 2022</p>
                        <h3>What is Wireframing?</h3>
                        <p>Introduction to Wireframing and its Principles. Learn from the best in the industry.</p>
                    </div>
                </article>
            </div>
            <button class="btn btn-secondary">See all</button>
        </section>

        <section class="testimonials-section">
            <div class="testimonials-intro">
                <h2>See what our partners say about us</h2>
                <p>Everything you need to know about the product and billing.</p>
            </div>
            <div class="testimonials-columns">
                <div class="testimonial-column">
                    <div class="testimonial-card">
                        <h3>How collaboration makes us better</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/7-graphicdesigner.webp" alt="Aleksandar Popovski">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Graphic designer at MSOS</p>
                            </div>
                        </div>
                    </div>
                     <div class="testimonial-card">
                        <h3>Consectetur vitae ac parturient massa</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
                        <div class="author-info">
                            <img src="../images/11-boy.webp" alt="Another team member">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Graphic designer at MSOS</p>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="testimonial-column column-offset">
                    <div class="testimonial-card">
                        <h3>Proud partners</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/12-girl2.webp" alt="Another partner">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Graphic designer at MSOS</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card">
                        <h3>Our collaboration experience</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                             <img src="../images/10-girl1.webp" alt="Another team member">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Graphic designer at MSOS</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="become-part-section">
            <div class="become-part-header">
                <h2>Become part of our amazing team</h2>
                <p>We're a 100% remote team spread all across the world. Join us!</p>
            </div>
            <img src="../images/9-becomepart.webp" alt="Our amazing team in a classroom setting" class="team-photo">
            
            <div class="contact-form-container">
                <form class="contact-form">
                    <div class="form-row">
                        <div class="form-group">
                            <label for="first-name">First name</label>
                            <input type="text" id="first-name" placeholder="First name">
                        </div>
                        <div class="form-group">
                            <label for="last-name">Last name</label>
                            <input type="text" id="last-name" placeholder="Last name">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" id="email" placeholder="student@email.com">
                    </div>
                    <div class="form-group">
                         <label for="phone-number">Phone number</label>
                        <div class="phone-input">
                            <select id="country-code" aria-label="Country code">
                                <option>US</option>
                                <option>SI</option>
                                <option>MK</option>
                            </select>
                            <input type="tel" id="phone-number" placeholder="+1 (555) 000-0000">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="message">Message</label>
                        <textarea id="message" rows="5"></textarea>
                    </div>
                    <div class="form-group checkbox-group">
                        <input type="checkbox" id="privacy-policy">
                        <label for="privacy-policy">You agree to our friendly <a href="#">privacy policy</a>.</label>
                    </div>
                    <button type="submit" class="btn btn-primary">Send message</button>
                </form>
            </div>
        </section>

        <section class="faq-section">
            <div class="faq-header">
                <h2>Frequently asked questions</h2>
                <p>Everything you need to know about the product and billing.</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <div class="faq-icon-container"><i class="fas fa-heart"></i></div>
                    <h3>Is there a free trial available?</h3>
                    <p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
                    <h3>Can I change my plan later?</h3>
                    <p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-ban"></i></div>
                    <h3>What is your cancellation policy?</h3>
                    <p>We understand that things change. You can cancel your plan at any time and we’ll refund you the difference already paid.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
                    <h3>Can other info be added to an invoice?</h3>
                    <p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
                    <h3>How does billing work?</h3>
                    <p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
                </div>
                 <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
                    <h3>How do I change my account email?</h3>
                    <p>We understand that things change. You can cancel your plan at any time and we’ll refund you the difference.</p>
                </div>
            </div>
            <div class="faq-footer">
                <div class="avatar-group">
                     <img src="../images/11-boy.webp" alt="Avatar 1" class="avatar">
                     <img src="../images/10-girl1.webp" alt="Avatar 2" class="avatar large">
                     <img src="../images/12-girl2.webp" alt="Avatar 3" class="avatar">
                </div>
                <h3>Still have questions?</h3>
                <p>Can’t find the answer you’re looking for? Please chat to our friendly team.</p>
                <button class="btn btn-primary-orange">See all FAQs</button>
            </div>
        </section>

    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../main.js"></script>
</body>
</html>"""


"./en/projects/index.html" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Projects - Macedonian Student Organisation in Slovenia</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../en/" class="logo-link">
                <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- Page Header Section -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle">Our projects</span>
                <h1>Projects</h1>
                <p class="page-description">Subscribe to learn about new product features, the latest in technology, solutions, and updates.</p>
                <form class="subscribe-form">
                    <input type="email" placeholder="Enter your email">
                    <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                </form>
                <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
            </div>
        </section>

        <!-- All Projects Section -->
        <section class="all-posts-section">
            <div class="container column-layout">
                <h2>All our projects</h2>
                <div class="posts-grid">
                    <!-- Project: Meet Student Slovenia 2024 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2024/" class="post-link">
                            <img src="../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Team • 16 Sep 2024 • Event</p>
                                <h3 class="post-title">Meet Student Slovenia 2024</h3>
                                <p class="post-excerpt">When student stories turn into the first step towards a new home.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Project: Morning Coffee in front of CTK – 2024 -->
                    <article class="post-card">
                        <a href="morning-coffee-in-front-of-ctk/" class="post-link">
                            <img src="../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Team • 8 Jun 2024 • Student Life</p>
                                <h3 class="post-title">Morning Coffee in front of CTK – 2024</h3>
                                <p class="post-excerpt">When exams somehow become easier with Saturday morning coffee, burek, and good company!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Project: Meet Student Slovenia 2023 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2023/" class="post-link">
                            <img src="../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Team • 18 Sep 2023 • Event</p>
                                <h3 class="post-title">Meet Student Slovenia 2023</h3>
                                <p class="post-excerpt">Through honest first-hand stories, future students received support for their first step towards their new home.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Project: Macedonian Student Night -->
                    <article class="post-card">
                        <a href="macedonian-student-night-in-ljubljana/" class="post-link">
                            <img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Kristijan Popovski • 8 Oct 2022 • Event</p>
                                <h3 class="post-title">Macedonian Student Night in Ljubljana</h3>
                                <p class="post-excerpt">From an idea to a party with 500 students – that's how our story began!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Placeholder Project 1 -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Alec Whitten • 17 Jan 2022 • Public announcement</p>
                                <h3 class="post-title">Bill Walsh leadership lessons</h3>
                                <p class="post-excerpt">Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl winning Dynasty?</p>
                            </div>
                        </a>
                    </article>
                    <!-- Placeholder Project 2 -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Student life</p>
                                <h3 class="post-title">PM mental models</h3>
                                <p class="post-excerpt">Mental models are simple expressions of complex processes or relationships.</p>
                            </div>
                        </a>
                    </article>
                </div>
                
                <!-- Pagination -->
                <nav class="pagination">
                    <a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a>
                    <div class="pagination-numbers">
                        <a href="#" class="page-number active">1</a>
                        <a href="#" class="page-number">2</a>
                        <a href="#" class="page-number">3</a>
                        <span class="page-dots">...</span>
                        <a href="#" class="page-number">8</a>
                        <a href="#" class="page-number">9</a>
                        <a href="#" class="page-number">10</a>
                    </div>
                    <a href="#" class="pagination-arrow">Next <i class="fas fa-arrow-right"></i></a>
                </nav>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    
</footer>
<!-- END_FOOTER -->

    <!-- Link to the main JS file -->
    
</body>
</html>"""


"./en/projects/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Projects - Macedonian Student Organisation in Slovenia</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../en/" class="logo-link">
                <img src="../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- Page Header Section -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle">Our projects</span>
                <h1>Projects</h1>
                <p class="page-description">Subscribe to learn about new product features, the latest in technology, solutions, and updates.</p>
                <form class="subscribe-form">
                    <input type="email" placeholder="Enter your email">
                    <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                </form>
                <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
            </div>
        </section>

        <!-- All Projects Section -->
        <section class="all-posts-section">
            <div class="container column-layout">
                <h2>All our projects</h2>
                <div class="posts-grid">
                    <!-- Project: Meet Student Slovenia 2024 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2024/" class="post-link">
                            <img src="../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Team • 16 Sep 2024 • Event</p>
                                <h3 class="post-title">Meet Student Slovenia 2024</h3>
                                <p class="post-excerpt">When student stories turn into the first step towards a new home.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Project: Morning Coffee in front of CTK – 2024 -->
                    <article class="post-card">
                        <a href="morning-coffee-in-front-of-ctk/" class="post-link">
                            <img src="../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Team • 8 Jun 2024 • Student Life</p>
                                <h3 class="post-title">Morning Coffee in front of CTK – 2024</h3>
                                <p class="post-excerpt">When exams somehow become easier with Saturday morning coffee, burek, and good company!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Project: Meet Student Slovenia 2023 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2023/" class="post-link">
                            <img src="../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Team • 18 Sep 2023 • Event</p>
                                <h3 class="post-title">Meet Student Slovenia 2023</h3>
                                <p class="post-excerpt">Through honest first-hand stories, future students received support for their first step towards their new home.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Project: Macedonian Student Night -->
                    <article class="post-card">
                        <a href="macedonian-student-night-in-ljubljana/" class="post-link">
                            <img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Kristijan Popovski • 8 Oct 2022 • Event</p>
                                <h3 class="post-title">Macedonian Student Night in Ljubljana</h3>
                                <p class="post-excerpt">From an idea to a party with 500 students – that's how our story began!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Placeholder Project 1 -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/4-billwalsh.webp" alt="Pink and blue tinted image of a snowy mountain peak" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Alec Whitten • 17 Jan 2022 • Public announcement</p>
                                <h3 class="post-title">Bill Walsh leadership lessons</h3>
                                <p class="post-excerpt">Like to know the secrets of transforming a 2-14 team into a 3x Super Bowl winning Dynasty?</p>
                            </div>
                        </a>
                    </article>
                    <!-- Placeholder Project 2 -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/5-pmmentals.webp" alt="A woman presenting in front of a whiteboard with sticky notes to a team" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Student life</p>
                                <h3 class="post-title">PM mental models</h3>
                                <p class="post-excerpt">Mental models are simple expressions of complex processes or relationships.</p>
                            </div>
                        </a>
                    </article>
                </div>
                
                <!-- Pagination -->
                <nav class="pagination">
                    <a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a>
                    <div class="pagination-numbers">
                        <a href="#" class="page-number active">1</a>
                        <a href="#" class="page-number">2</a>
                        <a href="#" class="page-number">3</a>
                        <span class="page-dots">...</span>
                        <a href="#" class="page-number">8</a>
                        <a href="#" class="page-number">9</a>
                        <a href="#" class="page-number">10</a>
                    </div>
                    <a href="#" class="pagination-arrow">Next <i class="fas fa-arrow-right"></i></a>
                </nav>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    
</footer>
<!-- END_FOOTER -->

    <!-- Link to the main JS file -->
    
</body>
</html>"""


"./en/projects/macedonian-student-night-in-ljubljana/index.html" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Macedonian Student Night in Ljubljana - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Correct path to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on October 8, 2022</p>
                <h1>Macedonian Student Night in Ljubljana</h1>
                <p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
            </figure>

            <div class="article-body">
                <p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p>
                
                <h2>How an idea for socializing became the start of a movement</h2>
                <p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
                    <figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
                </figure>
                
                <p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
                <p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
                    <figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
                    <footer>— Marko - first-year student (at the time)</footer>
                </blockquote>

                <h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
                <p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
                    <figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
                </figure>

                <p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
                    <figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
                </figure>

                <h2>Support from the Macedonian community and diplomacy</h2>
                <p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
                    <figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
                </figure>

                <p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p>
                <p>The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
                
                <blockquote class="article-quote">
                    <p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”</p>
                    <footer>— Hristijan - second-year student (at the time)</footer>
                </blockquote>

                <h2>A beginning to remember</h2>
                <p>That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
                <p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
                    <figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">President and Founder</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                        <div class="input-wrapper">
                             <input type="email" placeholder="Enter your email">
                        </div>
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./en/projects/macedonian-student-night-in-ljubljana/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Macedonian Student Night in Ljubljana - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Correct path to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on October 8, 2022</p>
                <h1>Macedonian Student Night in Ljubljana</h1>
                <p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
            </figure>

            <div class="article-body">
                <p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p>
                
                <h2>How an idea for socializing became the start of a movement</h2>
                <p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
                    <figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
                </figure>
                
                <p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
                <p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
                    <figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
                    <footer>— Marko - first-year student (at the time)</footer>
                </blockquote>

                <h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
                <p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
                    <figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
                </figure>

                <p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
                    <figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
                </figure>

                <h2>Support from the Macedonian community and diplomacy</h2>
                <p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
                    <figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
                </figure>

                <p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p>
                <p>The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
                
                <blockquote class="article-quote">
                    <p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”</p>
                    <footer>— Hristijan - second-year student (at the time)</footer>
                </blockquote>

                <h2>A beginning to remember</h2>
                <p>That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
                <p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
                    <figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">President and Founder</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                        <div class="input-wrapper">
                             <input type="email" placeholder="Enter your email">
                        </div>
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Македонска студентска вечер во Љубљана - МСОС</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na novo glavno CSS datoteko -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 8 октомври 2022</p>
                <h1>Македонска студентска вечер во Љубљана</h1>
                <p class="article-subtitle">Од идеја до журка со 500 студенти – вака започна нашата приказна!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../images/msnl-1.webp" alt="Атмосфера од македонската студентска вечер во Љубљана">
            </figure>

            <div class="article-body">
                <p>На 8 октомври 2022 година, во срцето на Студентскиот кампус во Љубљана, се одржа првата македонска студентска вечер во Словенија. Под мотото #FeelsLikeHome, повеќе од 500 млади уживаа во македонска музика, вкусна традиционална храна и атмосфера која потсетуваше на дома. Овој настан не беше само журка – беше почеток на една нова приказна, која подоцна ќе прерасне во Македонска студентска организација во Словенија (МСОС).</p>
                
                <h2>Како една идеја за дружење стана почеток на движење</h2>
                <p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-2.webp" alt="Подготовки и состаноци за македонската студентска вечер">
                    <figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
                </figure>
                
                <p>Од тој момент, секој слободен миг го поминувавме во канцелариите на студентската организација <strong>„Повезани“</strong>, кои ни дадоа голема поддршка во организирањето. Денови и ноќи правевме планови, одржувавме состаноци, пишувавме објави на социјалните мрежи – сè со цел да создадеме настан кој првично мислевме дека ќе привлече, ако имаме среќа, околу 100 посетители.</p>
                <p>Една недела пред настанот, секој ден објавувавме интересни факти за Македонија, нејзините национални богатства, музика и култура. Полека, но сигурно, ја градевме атмосферата и ентузијазмот, не само кај македонските студенти, туку и кај многу други кои сакаа да ја почувствуваат нашата енергија.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-3.webp" alt="Хамер со испишани кирилични и латинични букви">
                    <figcaption>Хамер со испишани кирилични и латинични букви. Словенците ја учат македонската азбука, додека македонците ги подучуваат.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>„Организирањето на првата МСОС журка беше уникатно искуство – без сон, амбициозни и вклучени во сè, од логистика до бришење на подот... Среќа што постои Red Bull 😉 (П.с. целиот фрижидер го испивме!)“</p>
                    <footer>— Марко – студент во прва година</footer>
                </blockquote>

                <h2>Вкусот и мирисот на Македонија во срцето на Љубљана</h2>
                <p>Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи <strong>„Македонија Трејд“</strong>, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-4.webp" alt="Штандови со македонски обележја, традиционална храна и пијалаци">
                    <figcaption>Фотографии од штандовите со македонски обележја, традиционална храна и пијалаци.</figcaption>
                </figure>

                <p>Покрај храната, посетителите можеа да разгледаат интересни факти за државата, фотографии од познати македонски дејци и културни знаменитости, како и да видат традиционални носии и <strong>гајда</strong> одблиску. Атмосферата беше топла и полна со љубопитност – како мала изложба во рамките на една голема студентска забава.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-5.webp" alt="Мини квиз со прашања за Македонија">
                    <figcaption>Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат</figcaption>
                </figure>

                <h2>Поддршка од македонската заедница и дипломатијата</h2>
                <p>Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи <strong>претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески</strong>, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-6.webp" alt="Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески">
                    <figcaption>Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот на Сојузот на македонски друштва, г-н Настески</figcaption>
                </figure>

                <p>Посебна чест ни беше да ја пречекаме и <strong>амбасадорката на Северна Македонија во Словенија, г-ѓа Сузана Зеленковска</strong>, која упати топли зборови на охрабрување и поддршка за младите. Нејзиното присуство и интерес за настанот беа дополнителен мотив да продолжиме со нашата мисија за поврзување и афирмација на македонската студентска заедница.</p>
                <p>Журката беше одлична, со супер енергија што се шири насекаде. Студенти на сите страни и во еден момент владееше мал, но контролиран хаос – вистинско место каде што успеавме да се избориме и да направиме еден навистина одличен настан. Иако ја завршивме журката малку порано, студентите не престанаа уште еден час да пеат заедно со нас, како што го расчистувавме местото. Навистина, ноќ за паметење!</p>
                
                <blockquote class="article-quote">
                    <p>„Бев дел од тимот за организација и требаше да одржувам ред и мир меѓу студентите, ама кога ми ја пуштија песната ‘Бисер Балкански’ не издржав – па им се приклучив и јас... Тоа беше мојот специјален момент таа вечер!“</p>
                    <footer>— Христијан – студент во втора година</footer>
                </blockquote>

                <h2>Почеток што ќе го паметиме</h2>
                <p>Таа вечер не беше само уште една студентска забава – беше моментот кога сфативме дека сме започнале нешто поголемо. Наместо очекуваните 100 гости, во клубот влегоа околу <strong>500 студенти</strong>, а енергијата беше неверојатна. Се создадоа нови пријателства, се слушаа песни што ги пеевме од срце, а македонската култура и традиција беа во прв план цела вечер.</p>
                <p>Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом – дури и кога се далеку од него.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-7.webp" alt="Посветениот тим на волонтери по завршувањето на настанот">
                    <figcaption>Фотографија направена во 4 часот наутро, по завршувањето и средувањето на просторот заедно со посветениот тим на волонтери</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Внесете ја вашата е-пошта">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    
</body>
</html>"""


"./en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Македонска студентска вечер во Љубљана - МСОС</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na novo glavno CSS datoteko -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 8 октомври 2022</p>
                <h1>Македонска студентска вечер во Љубљана</h1>
                <p class="article-subtitle">Од идеја до журка со 500 студенти – вака започна нашата приказна!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../images/msnl-1.webp" alt="Атмосфера од македонската студентска вечер во Љубљана">
            </figure>

            <div class="article-body">
                <p>На 8 октомври 2022 година, во срцето на Студентскиот кампус во Љубљана, се одржа првата македонска студентска вечер во Словенија. Под мотото #FeelsLikeHome, повеќе од 500 млади уживаа во македонска музика, вкусна традиционална храна и атмосфера која потсетуваше на дома. Овој настан не беше само журка – беше почеток на една нова приказна, која подоцна ќе прерасне во Македонска студентска организација во Словенија (МСОС).</p>
                
                <h2>Како една идеја за дружење стана почеток на движење</h2>
                <p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-2.webp" alt="Подготовки и состаноци за македонската студентска вечер">
                    <figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
                </figure>
                
                <p>Од тој момент, секој слободен миг го поминувавме во канцелариите на студентската организација <strong>„Повезани“</strong>, кои ни дадоа голема поддршка во организирањето. Денови и ноќи правевме планови, одржувавме состаноци, пишувавме објави на социјалните мрежи – сè со цел да создадеме настан кој првично мислевме дека ќе привлече, ако имаме среќа, околу 100 посетители.</p>
                <p>Една недела пред настанот, секој ден објавувавме интересни факти за Македонија, нејзините национални богатства, музика и култура. Полека, но сигурно, ја градевме атмосферата и ентузијазмот, не само кај македонските студенти, туку и кај многу други кои сакаа да ја почувствуваат нашата енергија.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-3.webp" alt="Хамер со испишани кирилични и латинични букви">
                    <figcaption>Хамер со испишани кирилични и латинични букви. Словенците ја учат македонската азбука, додека македонците ги подучуваат.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>„Организирањето на првата МСОС журка беше уникатно искуство – без сон, амбициозни и вклучени во сè, од логистика до бришење на подот... Среќа што постои Red Bull 😉 (П.с. целиот фрижидер го испивме!)“</p>
                    <footer>— Марко – студент во прва година</footer>
                </blockquote>

                <h2>Вкусот и мирисот на Македонија во срцето на Љубљана</h2>
                <p>Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи <strong>„Македонија Трејд“</strong>, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-4.webp" alt="Штандови со македонски обележја, традиционална храна и пијалаци">
                    <figcaption>Фотографии од штандовите со македонски обележја, традиционална храна и пијалаци.</figcaption>
                </figure>

                <p>Покрај храната, посетителите можеа да разгледаат интересни факти за државата, фотографии од познати македонски дејци и културни знаменитости, како и да видат традиционални носии и <strong>гајда</strong> одблиску. Атмосферата беше топла и полна со љубопитност – како мала изложба во рамките на една голема студентска забава.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-5.webp" alt="Мини квиз со прашања за Македонија">
                    <figcaption>Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат</figcaption>
                </figure>

                <h2>Поддршка од македонската заедница и дипломатијата</h2>
                <p>Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи <strong>претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески</strong>, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-6.webp" alt="Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески">
                    <figcaption>Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот на Сојузот на македонски друштва, г-н Настески</figcaption>
                </figure>

                <p>Посебна чест ни беше да ја пречекаме и <strong>амбасадорката на Северна Македонија во Словенија, г-ѓа Сузана Зеленковска</strong>, која упати топли зборови на охрабрување и поддршка за младите. Нејзиното присуство и интерес за настанот беа дополнителен мотив да продолжиме со нашата мисија за поврзување и афирмација на македонската студентска заедница.</p>
                <p>Журката беше одлична, со супер енергија што се шири насекаде. Студенти на сите страни и во еден момент владееше мал, но контролиран хаос – вистинско место каде што успеавме да се избориме и да направиме еден навистина одличен настан. Иако ја завршивме журката малку порано, студентите не престанаа уште еден час да пеат заедно со нас, како што го расчистувавме местото. Навистина, ноќ за паметење!</p>
                
                <blockquote class="article-quote">
                    <p>„Бев дел од тимот за организација и требаше да одржувам ред и мир меѓу студентите, ама кога ми ја пуштија песната ‘Бисер Балкански’ не издржав – па им се приклучив и јас... Тоа беше мојот специјален момент таа вечер!“</p>
                    <footer>— Христијан – студент во втора година</footer>
                </blockquote>

                <h2>Почеток што ќе го паметиме</h2>
                <p>Таа вечер не беше само уште една студентска забава – беше моментот кога сфативме дека сме започнале нешто поголемо. Наместо очекуваните 100 гости, во клубот влегоа околу <strong>500 студенти</strong>, а енергијата беше неверојатна. Се создадоа нови пријателства, се слушаа песни што ги пеевме од срце, а македонската култура и традиција беа во прв план цела вечер.</p>
                <p>Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом – дури и кога се далеку од него.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-7.webp" alt="Посветениот тим на волонтери по завршувањето на настанот">
                    <figcaption>Фотографија направена во 4 часот наутро, по завршувањето и средувањето на просторот заедно со посветениот тим на волонтери</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Внесете ја вашата е-пошта">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    
</body>
</html>"""


"./en/projects/meet-student-slovenia-2023/index.html" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meet Student Slovenia 2023 - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Correct path to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on September 18, 2023</p>
                <h1>Meet Student Slovenia 2023</h1>
                <p class="article-subtitle">Through honest first-hand stories, future students received support for their first step towards their new home.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event">
            </figure>

            <div class="article-body">
                <p>What does the first step towards student life in Slovenia look like? We tried to answer this question through the event "Meet Student Slovenia," which we organized on September 18, 2023, at the NLB Gallery in Skopje. The atmosphere was full of excitement – more than 100 future students and their families came with the same feeling: a desire to discover what awaits them where they will start their new chapter.</p>
                
                <h2>What lies behind student life in Slovenia?</h2>
                <p>Instead of dry information, students had the opportunity to hear real stories – from those who are already walking the same path. Students from Ljubljana, Maribor, and Koper talked about their challenges, first impressions, funny situations, and moments when community support was crucial. And the audience? They absorbed everything with great attention, because exactly those questions that are never written in brochures – here they received honest answers.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-2.webp" alt="Participants of the panel discussion">
                    <figcaption>Igor Arsov from the University of Primorska recounts his student experience at the Faculty of Management.</figcaption>
                </figure>
                
                <h2>Voices that inspire</h2>
                <p>Our members Kiara Lazić, Angel Naumov, Klimentina Čapovska, and Igor Arsov appeared on stage – each with their own story, their own faculty, their own city. Together with moderator Leon Šumanski and host Vasil Hanџiski, they transformed the panel into a real conversation that felt more like a friendly get-together than a formal discussion. They talked about exams, new friendships, life in student dorms, and how important it is not to give up even when things seem hardest.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-3.webp" alt="Vasil Hanџiski at the opening of the event">
                    <figcaption>Photograph from the opening of the event with the host Vasil Hanџiski.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-4.webp" alt="The audience at the event">
                    <figcaption>Photograph of the event participants. We were a little surprised by the interest, but somehow we managed to fit everyone!♡</figcaption>
                </figure>

                <h2>Behind the scenes – our supporters</h2>
                <p>The event would not have been possible without the support of the Embassy of the Republic of Slovenia in North Macedonia, NLB Bank Skopje, Capital Financial Center, Dijag, and Radio MOF. But the real strength came from MSOS members in preparing the event and the students with their questions, their energy, and their curiosity.</p>
                <p>At the event, we received significant support and assistance from Melita Sekulovska in organizing the space and Aleksandar Popovski in designing the organization's website. We sincerely thanked them for their dedicated work, as well as the event coordinator, Lea Janačkovska, who made this event extraordinary.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-5.webp" alt="Mr. Branko Gregović and H.E. Gregor Presker">
                    <img src="../../../images/event3-photo-6.webp" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska and Aleksandar Popovski with certificates of appreciation">
                    <figcaption>The top two pictures show Mr. Branko Greganović, Chairman of the Management Board of NLB Bank Skopje, and on the right is H.E. the Ambassador of the Republic of Slovenia in North Macedonia, Mr. Gregor Presker. The bottom pictures show the President Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska, and Aleksandar Popovski.</figcaption>
                </figure>
                
                <p>With the help of Dijag doo company, we prepared two plaques for the Embassy and NLB Bank as a sign of gratitude for all the help and support they provided.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-7.webp" alt="Plaques for NLB Bank Skopje and the Embassy of the Republic of Slovenia">
                    <figcaption>Photograph of the plaques we presented to NLB Bank Skopje and the Embassy of the Republic of Slovenia in North Macedonia.</figcaption>
                </figure>

                <h2>Why was it special?</h2>
                <p>Because this event was not just another presentation. It was a hand extended to future students – a message that they are not alone, that a community is already waiting for them. Some left with new friends, others with concrete answers to questions that had bothered them for months. But everyone left with the same feeling: that Slovenia is no longer an unknown place, but a new home where they will be part of something bigger.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-8.webp" alt="Attendees at the event">
                    <figcaption>Photographs of the attendees at the event!</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>“The event was a 'game changer' for me because I finally got information that really helped me get to know student Slovenia instead of just another pile of brochures. The panel was great, relaxed, with talks about the best places to go out, days stuck in the library, life in student dorms, and the classic 'I overslept before the exam' story... P.S. And the networking, the networking was top – no awkward silence.”</p>
                    <footer>— Borjan Jovanovski, future student and event participant</footer>
                </blockquote>

                <h2>Practical advice first-hand</h2>
                <p>A special moment of the event was the address by the Consul of the Embassy of the Republic of Slovenia in North Macedonia, Mr. Martin Glazar. He briefly presented the most important steps of the process for obtaining a temporary residence permit – one of the biggest concerns and challenges for all foreign students in Slovenia. In this way, future students gained a clearer picture of what awaits them and how to more easily deal with administrative procedures.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-9.webp" alt="The Consul introducing students to the process of obtaining a temporary residence permit">
                    <figcaption>Photograph of the consul introducing students in an interesting way to the process of obtaining a temporary residence permit!</figcaption>
                </figure>

                <h2>For those who were not physically present with us</h2>
                <p>Not everyone managed to be present in the hall, but that's why we made sure no one was left without this experience. We broadcast the event live through our Facebook page, and the recording is still available. If you want to experience the atmosphere and hear the stories first-hand, you can watch the entire event at this link here.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-10.webp" alt="Poster for the 'Meet Student Slovenia' event">
                    <figcaption>Photograph of the event poster!</figcaption>
                </figure>

                <h2>See you in Slovenia!</h2>
                <p>With "Meet Student Slovenia 2023," we managed to extend a hand to new students and show them that an exciting journey full of new friendships, challenges, and successes awaits them. We sincerely hope that next time we will meet right there – in the lecture halls, student dorms, and on the streets of Ljubljana, Maribor, and Koper.</p>
                <p>This event would not have been possible without the support of our partners and friends, to whom we extend our immense gratitude:</p>
                <ol>
                    <li>Embassy of the Republic of Slovenia in North Macedonia (partner)</li>
                    <li>NLB Bank Skopje (main sponsor and patron)</li>
                    <li>Capital Financial Center (sponsor)</li>
                    <li>Dijag doo (sponsor)</li>
                    <li>Radio MOF (media partner)</li>
                </ol>
                <p>Thanks to everyone who was part of this event – and to future students, we say: your story in Slovenia is just beginning, and we are here to be a part of it.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-11.png" alt="A small part of the MSOS team">
                    <figcaption>Photo of a small part of the team because we forgot to take a group photo!&#129322;</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">President and Founder</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Enter your email">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./en/projects/meet-student-slovenia-2023/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meet Student Slovenia 2023 - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Correct path to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on September 18, 2023</p>
                <h1>Meet Student Slovenia 2023</h1>
                <p class="article-subtitle">Through honest first-hand stories, future students received support for their first step towards their new home.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event3-photo-1.webp" alt="Panel discussion at the 'Meet Student Slovenia 2023' event">
            </figure>

            <div class="article-body">
                <p>What does the first step towards student life in Slovenia look like? We tried to answer this question through the event "Meet Student Slovenia," which we organized on September 18, 2023, at the NLB Gallery in Skopje. The atmosphere was full of excitement – more than 100 future students and their families came with the same feeling: a desire to discover what awaits them where they will start their new chapter.</p>
                
                <h2>What lies behind student life in Slovenia?</h2>
                <p>Instead of dry information, students had the opportunity to hear real stories – from those who are already walking the same path. Students from Ljubljana, Maribor, and Koper talked about their challenges, first impressions, funny situations, and moments when community support was crucial. And the audience? They absorbed everything with great attention, because exactly those questions that are never written in brochures – here they received honest answers.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-2.webp" alt="Participants of the panel discussion">
                    <figcaption>Igor Arsov from the University of Primorska recounts his student experience at the Faculty of Management.</figcaption>
                </figure>
                
                <h2>Voices that inspire</h2>
                <p>Our members Kiara Lazić, Angel Naumov, Klimentina Čapovska, and Igor Arsov appeared on stage – each with their own story, their own faculty, their own city. Together with moderator Leon Šumanski and host Vasil Hanџiski, they transformed the panel into a real conversation that felt more like a friendly get-together than a formal discussion. They talked about exams, new friendships, life in student dorms, and how important it is not to give up even when things seem hardest.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-3.webp" alt="Vasil Hanџiski at the opening of the event">
                    <figcaption>Photograph from the opening of the event with the host Vasil Hanџiski.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-4.webp" alt="The audience at the event">
                    <figcaption>Photograph of the event participants. We were a little surprised by the interest, but somehow we managed to fit everyone!♡</figcaption>
                </figure>

                <h2>Behind the scenes – our supporters</h2>
                <p>The event would not have been possible without the support of the Embassy of the Republic of Slovenia in North Macedonia, NLB Bank Skopje, Capital Financial Center, Dijag, and Radio MOF. But the real strength came from MSOS members in preparing the event and the students with their questions, their energy, and their curiosity.</p>
                <p>At the event, we received significant support and assistance from Melita Sekulovska in organizing the space and Aleksandar Popovski in designing the organization's website. We sincerely thanked them for their dedicated work, as well as the event coordinator, Lea Janačkovska, who made this event extraordinary.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-5.webp" alt="Mr. Branko Gregović and H.E. Gregor Presker">
                    <img src="../../../images/event3-photo-6.webp" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska and Aleksandar Popovski with certificates of appreciation">
                    <figcaption>The top two pictures show Mr. Branko Greganović, Chairman of the Management Board of NLB Bank Skopje, and on the right is H.E. the Ambassador of the Republic of Slovenia in North Macedonia, Mr. Gregor Presker. The bottom pictures show the President Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska, and Aleksandar Popovski.</figcaption>
                </figure>
                
                <p>With the help of Dijag doo company, we prepared two plaques for the Embassy and NLB Bank as a sign of gratitude for all the help and support they provided.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-7.webp" alt="Plaques for NLB Bank Skopje and the Embassy of the Republic of Slovenia">
                    <figcaption>Photograph of the plaques we presented to NLB Bank Skopje and the Embassy of the Republic of Slovenia in North Macedonia.</figcaption>
                </figure>

                <h2>Why was it special?</h2>
                <p>Because this event was not just another presentation. It was a hand extended to future students – a message that they are not alone, that a community is already waiting for them. Some left with new friends, others with concrete answers to questions that had bothered them for months. But everyone left with the same feeling: that Slovenia is no longer an unknown place, but a new home where they will be part of something bigger.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-8.webp" alt="Attendees at the event">
                    <figcaption>Photographs of the attendees at the event!</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>“The event was a 'game changer' for me because I finally got information that really helped me get to know student Slovenia instead of just another pile of brochures. The panel was great, relaxed, with talks about the best places to go out, days stuck in the library, life in student dorms, and the classic 'I overslept before the exam' story... P.S. And the networking, the networking was top – no awkward silence.”</p>
                    <footer>— Borjan Jovanovski, future student and event participant</footer>
                </blockquote>

                <h2>Practical advice first-hand</h2>
                <p>A special moment of the event was the address by the Consul of the Embassy of the Republic of Slovenia in North Macedonia, Mr. Martin Glazar. He briefly presented the most important steps of the process for obtaining a temporary residence permit – one of the biggest concerns and challenges for all foreign students in Slovenia. In this way, future students gained a clearer picture of what awaits them and how to more easily deal with administrative procedures.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-9.webp" alt="The Consul introducing students to the process of obtaining a temporary residence permit">
                    <figcaption>Photograph of the consul introducing students in an interesting way to the process of obtaining a temporary residence permit!</figcaption>
                </figure>

                <h2>For those who were not physically present with us</h2>
                <p>Not everyone managed to be present in the hall, but that's why we made sure no one was left without this experience. We broadcast the event live through our Facebook page, and the recording is still available. If you want to experience the atmosphere and hear the stories first-hand, you can watch the entire event at this link here.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-10.webp" alt="Poster for the 'Meet Student Slovenia' event">
                    <figcaption>Photograph of the event poster!</figcaption>
                </figure>

                <h2>See you in Slovenia!</h2>
                <p>With "Meet Student Slovenia 2023," we managed to extend a hand to new students and show them that an exciting journey full of new friendships, challenges, and successes awaits them. We sincerely hope that next time we will meet right there – in the lecture halls, student dorms, and on the streets of Ljubljana, Maribor, and Koper.</p>
                <p>This event would not have been possible without the support of our partners and friends, to whom we extend our immense gratitude:</p>
                <ol>
                    <li>Embassy of the Republic of Slovenia in North Macedonia (partner)</li>
                    <li>NLB Bank Skopje (main sponsor and patron)</li>
                    <li>Capital Financial Center (sponsor)</li>
                    <li>Dijag doo (sponsor)</li>
                    <li>Radio MOF (media partner)</li>
                </ol>
                <p>Thanks to everyone who was part of this event – and to future students, we say: your story in Slovenia is just beginning, and we are here to be a part of it.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-11.png" alt="A small part of the MSOS team">
                    <figcaption>Photo of a small part of the team because we forgot to take a group photo!&#129322;</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">President and Founder</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Enter your email">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./en/projects/meet-student-slovenia-2024/index.html" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meet Student Slovenia 2024 - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Correct path to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on September 16, 2024</p>
                <h1>Meet Student Slovenia 2024</h1>
                <p class="article-subtitle">When student stories turn into the first step towards a new home.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event">
            </figure>

            <div class="article-body">
                <p>Following the success in 2023, "Meet Student Slovenia" returned this year with even greater energy. On September 16, 2024, at the NLB Gallery in Skopje, we held the second edition of the event, which has become a true tradition. The interest was enormous – we had twice as many applications as the capacity of the venue. The atmosphere was full of excitement, questions, and a desire for new beginnings.</p>
                
                <h2>"Coffee chat" with future colleagues, but on a panel discussion</h2>
                <p>Our goal was never to create "dry presentations." Instead, we organized a panel – a real conversation with four students who are already living the Slovenian student life. Marija Koštrevska from the University of Ljubljana, Vasil Hanџiski from the University of Maribor, Sofija Matovska from the University of Nova Gorica, and Igor Arsov from the University of Primorska spoke about everything: the first days away from home, how to find accommodation, what student "boni" (subsidized meals) are, and what it's like to build a new circle of friends. Everyone shared something of their own, and the audience asked questions and participated – just like a coffee chat.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-2.webp" alt="Panel discussion with speakers">
                    <figcaption>Photograph of the moderator and panelists in the following order: Klimentina Čapovska (left, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov, and Sofija Matovska.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-3.webp" alt="Marija Koštrevska and Sofija Matovska sharing their student experiences in Slovenia.">
                    <figcaption>Marija Koštrevska (in the upper picture) and Sofija Matovska (in the lower picture) are recounting their student experiences in Slovenia.</figcaption>
                </figure>

                <h2>What remained behind us</h2>
                <p>This evening was not just an exchange of information. It was a moment when future students understood that they are not alone in their worries and fears. Every question received an answer from experience, every dilemma was resolved with a real-life example. Many left encouraged, with new friends, and with the feeling that Slovenia is no longer so distant and unknown.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, event host">
                    <figcaption>Marko Ivanovski, host of the event.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, event coordinator">
                    <figcaption>Lea Janačkovska, event coordinator.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-6.webp" alt="Marko Arsov, presenter">
                    <figcaption>Marko Arsov, presenter.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-7.webp" alt="Representatives of the Embassy, the Management Board of NLB Bank and the Management Board of MSOS.">
                    <figcaption>The bottom picture shows representatives of the Embassy, the Management Board of NLB Bank, and the Management Board of MSOS.</figcaption>
                </figure>

                <h2>The support that made a difference</h2>
                <p>"Meet Student Slovenia 2024" would not have looked this way without the help of our partners and friends. We extend great gratitude to the Embassy of the Republic of Slovenia in North Macedonia, NLB Bank Skopje as the patron and main sponsor of the entire event, and Capital Financial Center, who with their support made it possible for the event to be realized at this high level.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-8.webp" alt="Newly printed MSOS stickers">
                    <figcaption>Photograph of the newly printed MSOS stickers.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-9.webp" alt="Handing over flowers as a thank you to the Embassy, Capital Financial Center and NLB Bank Skopje">
                    <figcaption>Photograph from the handing over of flowers as a sign of gratitude to the Embassy, Capital Financial Center, and NLB Bank Skopje.</figcaption>
                </figure>
                
                <p>Special thanks go to the MSOS team, who worked tirelessly for weeks on preparations – from the initial idea to the last detail of the evening. Above all, great recognition goes to Lea Janačkovska, the event coordinator, who with her energy, patience, and organizational skills ensured that every piece fell into place.</p>
                <p>This time, the memories of the evening are thanks to Hristina Trakovska, who was the photographer and made sure all those moments were captured so we can relive them again through photographs.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-10.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>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Enter your email">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./en/projects/meet-student-slovenia-2024/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Meet Student Slovenia 2024 - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Correct path to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on September 16, 2024</p>
                <h1>Meet Student Slovenia 2024</h1>
                <p class="article-subtitle">When student stories turn into the first step towards a new home.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-img-1.webp" alt="A group of students at the 'Meet Student Slovenia 2024' event">
            </figure>

            <div class="article-body">
                <p>Following the success in 2023, "Meet Student Slovenia" returned this year with even greater energy. On September 16, 2024, at the NLB Gallery in Skopje, we held the second edition of the event, which has become a true tradition. The interest was enormous – we had twice as many applications as the capacity of the venue. The atmosphere was full of excitement, questions, and a desire for new beginnings.</p>
                
                <h2>"Coffee chat" with future colleagues, but on a panel discussion</h2>
                <p>Our goal was never to create "dry presentations." Instead, we organized a panel – a real conversation with four students who are already living the Slovenian student life. Marija Koštrevska from the University of Ljubljana, Vasil Hanџiski from the University of Maribor, Sofija Matovska from the University of Nova Gorica, and Igor Arsov from the University of Primorska spoke about everything: the first days away from home, how to find accommodation, what student "boni" (subsidized meals) are, and what it's like to build a new circle of friends. Everyone shared something of their own, and the audience asked questions and participated – just like a coffee chat.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-2.webp" alt="Panel discussion with speakers">
                    <figcaption>Photograph of the moderator and panelists in the following order: Klimentina Čapovska (left, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov, and Sofija Matovska.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-3.webp" alt="Marija Koštrevska and Sofija Matovska sharing their student experiences in Slovenia.">
                    <figcaption>Marija Koštrevska (in the upper picture) and Sofija Matovska (in the lower picture) are recounting their student experiences in Slovenia.</figcaption>
                </figure>

                <h2>What remained behind us</h2>
                <p>This evening was not just an exchange of information. It was a moment when future students understood that they are not alone in their worries and fears. Every question received an answer from experience, every dilemma was resolved with a real-life example. Many left encouraged, with new friends, and with the feeling that Slovenia is no longer so distant and unknown.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, event host">
                    <figcaption>Marko Ivanovski, host of the event.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, event coordinator">
                    <figcaption>Lea Janačkovska, event coordinator.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-6.webp" alt="Marko Arsov, presenter">
                    <figcaption>Marko Arsov, presenter.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-7.webp" alt="Representatives of the Embassy, the Management Board of NLB Bank and the Management Board of MSOS.">
                    <figcaption>The bottom picture shows representatives of the Embassy, the Management Board of NLB Bank, and the Management Board of MSOS.</figcaption>
                </figure>

                <h2>The support that made a difference</h2>
                <p>"Meet Student Slovenia 2024" would not have looked this way without the help of our partners and friends. We extend great gratitude to the Embassy of the Republic of Slovenia in North Macedonia, NLB Bank Skopje as the patron and main sponsor of the entire event, and Capital Financial Center, who with their support made it possible for the event to be realized at this high level.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-8.webp" alt="Newly printed MSOS stickers">
                    <figcaption>Photograph of the newly printed MSOS stickers.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-9.webp" alt="Handing over flowers as a thank you to the Embassy, Capital Financial Center and NLB Bank Skopje">
                    <figcaption>Photograph from the handing over of flowers as a sign of gratitude to the Embassy, Capital Financial Center, and NLB Bank Skopje.</figcaption>
                </figure>
                
                <p>Special thanks go to the MSOS team, who worked tirelessly for weeks on preparations – from the initial idea to the last detail of the evening. Above all, great recognition goes to Lea Janačkovska, the event coordinator, who with her energy, patience, and organizational skills ensured that every piece fell into place.</p>
                <p>This time, the memories of the evening are thanks to Hristina Trakovska, who was the photographer and made sure all those moments were captured so we can relive them again through photographs.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-10.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>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Enter your email">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./en/projects/morning-coffee-in-front-of-ctk/index.html" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Morning Coffee in front of CTK – 2024: Coffee, burek, and lots of smiles</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file using the correct relative path -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on June 8, 2024</p>
                <h1>Morning Coffee in front of CTK – 2024: Coffee, burek, and lots of smiles</h1>
                <p class="article-subtitle">When exams somehow become easier with Saturday morning coffee, burek, and good company in at CTK!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library.">
            </figure>

            <div class="article-body">
                <p>On June 8, 2024, from 9 to 12 AM, at the Central Technical Library of the University of Ljubljana (CTK), we organized our already traditional student break – Morning Coffee in at CTK together with the team from Skupina Povezani and CTK. This was the second year in a row that we gathered at the same place, but each time brings new moments to remember.</p>
                
                <h2>Beating Exam Stress with Coffee</h2>
                <p>The exam session always brings stress – hours and hours of studying, conversations revolving only around exams, first and second attempts, passed or not, some taking the exam for the first time, and some for the fifth time. That's why we decided to take a short break to catch our breath: to relax, to laugh, and to remind ourselves that we're in this study stress together.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image2.webp" alt="Students lining up in front of the CTK library building.">
                    <figcaption>Hundreds of students lined up in front of CTK, waiting even before opening to secure a spot in the library on time.</figcaption>
                </figure>
                
                <p>With a cup of hot coffee in hand, and thanks to <strong>Burek Olimpija</strong>, we enjoyed delicious burek with meat and with cheese. We also tried to bring in a bit of fun – we invited students to bring their own cups, and there was a prize for the most creative ones.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image3.webp" alt="A student smiling while eating a piece of burek.">
                    <figcaption>Free warm burek – the secret formula for solving even the toughest mathematical problems 😉</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image4.webp" alt="A group of students with hot coffee posing for the camera.">
                    <figcaption>A group of students with hot coffee, posing for the camera.</figcaption>
                </figure>

                <h2>We asked two questions that revealed a whole palette of student emotions</h2>
                <p>For an extra dose of interaction, we set up two big boards with questions that simply make you want to answer: <strong>“How do I survive the exam session?"</strong> and <strong>"Kako bi opisal počutje med izpitnem obdobjem?”</strong> (“How would you describe your feelings during the exam period?" in Slovenian).</p>
                <p>The reactions were instant – students rushed to write, and the answers were everything but boring: from "chaotic" and “We want to sleep! (not in CTK)!" to "chill", "stressed", "exhausted", "happy" and "sleepy". In other words – a whole spectrum of student emotions, honestly poured into just a few words.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image5.webp" alt="A white board with handwritten student answers about their feelings during the exam period.">
                    <figcaption>Witty and sincere answers on the big question boards at CTK.</figcaption>
                </figure>

                <h2>How we went from coffee to a flight simulator and 3D printing machines</h2>
                <p>As a bonus for students, in cooperation with the university's technical library, the program was enriched with a CTK exhibition, where a flight simulator, 3D printers, and other interesting equipment were presented. Students could try them out and then rent them for free at the CTK Creative Studio – part of their educational program.</p>
                
                <h2>Coffee and burek = motivation to get up every day and study for 12 hours</h2>
                <p>Around 150 people visited the joint stand of MSOS, Skupina Povezani, and CTK to hang out, have coffee, grab a snack, and exchange stories among books and deadlines. The event took place in an excellent atmosphere – lots of smiles, new acquaintances, and a small reminder that even in the most stressful periods, there's always time for coffee and good company.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image6.webp" alt="Students gathered at the joint stand during the event.">
                    <figcaption>Part of the atmosphere at the joint stand</figcaption>
                </figure>
                
                <p>See you again next year – even more relaxed and with even more coffee!</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image7.webp" alt="A collage of photos showing students, coffee cups, and burek.">
                    <figcaption>Good company, lots of memories, and exam stress overcome together.</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">President and Founder</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                        <input type="email" placeholder="Enter your email">
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./en/projects/morning-coffee-in-front-of-ctk/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Morning Coffee in front of CTK – 2024: Coffee, burek, and lots of smiles</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file using the correct relative path -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on June 8, 2024</p>
                <h1>Morning Coffee in front of CTK – 2024: Coffee, burek, and lots of smiles</h1>
                <p class="article-subtitle">When exams somehow become easier with Saturday morning coffee, burek, and good company in at CTK!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-image1.webp" alt="Students enjoying coffee and burek in front of CTK library.">
            </figure>

            <div class="article-body">
                <p>On June 8, 2024, from 9 to 12 AM, at the Central Technical Library of the University of Ljubljana (CTK), we organized our already traditional student break – Morning Coffee in at CTK together with the team from Skupina Povezani and CTK. This was the second year in a row that we gathered at the same place, but each time brings new moments to remember.</p>
                
                <h2>Beating Exam Stress with Coffee</h2>
                <p>The exam session always brings stress – hours and hours of studying, conversations revolving only around exams, first and second attempts, passed or not, some taking the exam for the first time, and some for the fifth time. That's why we decided to take a short break to catch our breath: to relax, to laugh, and to remind ourselves that we're in this study stress together.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image2.webp" alt="Students lining up in front of the CTK library building.">
                    <figcaption>Hundreds of students lined up in front of CTK, waiting even before opening to secure a spot in the library on time.</figcaption>
                </figure>
                
                <p>With a cup of hot coffee in hand, and thanks to <strong>Burek Olimpija</strong>, we enjoyed delicious burek with meat and with cheese. We also tried to bring in a bit of fun – we invited students to bring their own cups, and there was a prize for the most creative ones.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image3.webp" alt="A student smiling while eating a piece of burek.">
                    <figcaption>Free warm burek – the secret formula for solving even the toughest mathematical problems 😉</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image4.webp" alt="A group of students with hot coffee posing for the camera.">
                    <figcaption>A group of students with hot coffee, posing for the camera.</figcaption>
                </figure>

                <h2>We asked two questions that revealed a whole palette of student emotions</h2>
                <p>For an extra dose of interaction, we set up two big boards with questions that simply make you want to answer: <strong>“How do I survive the exam session?"</strong> and <strong>"Kako bi opisal počutje med izpitnem obdobjem?”</strong> (“How would you describe your feelings during the exam period?" in Slovenian).</p>
                <p>The reactions were instant – students rushed to write, and the answers were everything but boring: from "chaotic" and “We want to sleep! (not in CTK)!" to "chill", "stressed", "exhausted", "happy" and "sleepy". In other words – a whole spectrum of student emotions, honestly poured into just a few words.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image5.webp" alt="A white board with handwritten student answers about their feelings during the exam period.">
                    <figcaption>Witty and sincere answers on the big question boards at CTK.</figcaption>
                </figure>

                <h2>How we went from coffee to a flight simulator and 3D printing machines</h2>
                <p>As a bonus for students, in cooperation with the university's technical library, the program was enriched with a CTK exhibition, where a flight simulator, 3D printers, and other interesting equipment were presented. Students could try them out and then rent them for free at the CTK Creative Studio – part of their educational program.</p>
                
                <h2>Coffee and burek = motivation to get up every day and study for 12 hours</h2>
                <p>Around 150 people visited the joint stand of MSOS, Skupina Povezani, and CTK to hang out, have coffee, grab a snack, and exchange stories among books and deadlines. The event took place in an excellent atmosphere – lots of smiles, new acquaintances, and a small reminder that even in the most stressful periods, there's always time for coffee and good company.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image6.webp" alt="Students gathered at the joint stand during the event.">
                    <figcaption>Part of the atmosphere at the joint stand</figcaption>
                </figure>
                
                <p>See you again next year – even more relaxed and with even more coffee!</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image7.webp" alt="A collage of photos showing students, coffee cups, and burek.">
                    <figcaption>Good company, lots of memories, and exam stress overcome together.</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">President and Founder</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                        <input type="email" placeholder="Enter your email">
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./en/projects/testproject/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Macedonian Student Night in Ljubljana - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na novo glavno CSS datoteko -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on October 8, 2022</p>
                <h1>Macedonian Student Night in Ljubljana</h1>
                <p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
            </figure>

            <div class="article-body">
                <p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p>
                
                <h2>How an idea for socializing became the start of a movement</h2>
                <p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
                    <figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
                </figure>
                
                <p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
                <p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
                    <figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
                    <footer>— Marko - first-year student (at the time)</footer>
                </blockquote>

                <h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
                <p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
                    <figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
                </figure>

                <p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
                    <figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
                </figure>

                <h2>Support from the Macedonian community and diplomacy</h2>
                <p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
                    <figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
                </figure>

                <p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p>
                <p>The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
                
                <blockquote class="article-quote">
                    <p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”</p>
                    <footer>— Hristijan - second-year student (at the time)</footer>
                </blockquote>

                <h2>A beginning to remember</h2>
                <p>That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
                <p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
                    <figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">President and Founder</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                        <div class="input-wrapper">
                             <input type="email" placeholder="Enter your email">
                        </div>
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

   <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    
</body>
</html>"""


"./en/projects/testproject/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Macedonian Student Night in Ljubljana - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na novo glavno CSS datoteko -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../en/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Macedonia2025 Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="../../../en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- KLJUČNA SPREMEMBA: Ta blok je sedaj ZUNAJ .mobile-nav-panel -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <div class="mobile-nav-panel">
        <nav>
            <ul class="navigation mobile-nav">
                <li class="menu-item menu-item-has-children">
                    <a href="#">Who We Are</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Timeline & Milestones</a></li>
                        <li><a href="#">Our team, mission, vision & core values</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">What We Do</a>
                    <ul class="dropdown-menu">
                        <li><a href="../../../en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on October 8, 2022</p>
                <h1>Macedonian Student Night in Ljubljana</h1>
                <p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
            </figure>

            <div class="article-body">
                <p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p>
                
                <h2>How an idea for socializing became the start of a movement</h2>
                <p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
                    <figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
                </figure>
                
                <p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
                <p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
                    <figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
                    <footer>— Marko - first-year student (at the time)</footer>
                </blockquote>

                <h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
                <p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
                    <figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
                </figure>

                <p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
                    <figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
                </figure>

                <h2>Support from the Macedonian community and diplomacy</h2>
                <p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
                    <figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
                </figure>

                <p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p>
                <p>The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
                
                <blockquote class="article-quote">
                    <p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”</p>
                    <footer>— Hristijan - second-year student (at the time)</footer>
                </blockquote>

                <h2>A beginning to remember</h2>
                <p>That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
                <p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
                    <figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../images/11-boy.webp" alt="Avatar of Kristijan Popovski">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">President and Founder</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Copy link</button>
                        <a href="#" class="social-icon-btn" aria-label="Share on Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Share on LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Join 2,000+ subscribers</h2>
                    <p>Stay in the loop with everything you need to know.</p>
                    <form class="subscribe-form-bottom">
                        <div class="input-wrapper">
                             <input type="email" placeholder="Enter your email">
                        </div>
                        <button type="submit" class="btn btn-primary-orange">Subscribe</button>
                    </form>
                    <p class="privacy-note">We care about your data in our <a href="#">privacy policy</a></p>
                </div>
            </div>
        </section>
    </main>

   <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    
</body>
</html>"""


"./main.js" : 
"""
document.addEventListener('DOMContentLoaded', function() {

    /**
     * ===================================================================
     * 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE
     * Ta koda je ključna za delovanje mobilnega menija.
     * ===================================================================
     */

    // --- Odpiranje in zapiranje glavnega mobilnega panela ---
    try {
        const mobileMenuIcon = document.querySelector('.mobile-menu-icon');
        const body = document.querySelector('body');

        if (mobileMenuIcon && body) {
            mobileMenuIcon.addEventListener('click', () => {
                body.classList.toggle('nav-open');
            });
        } else {
            console.error('Mobile menu icon or body not found.');
        }
    } catch (error) {
        console.error('Error in Mobile Menu Toggle:', error);
    }

    // --- Mobilni Accordion podmeni ---
    try {
        const mobileNav = document.querySelector('.mobile-nav-panel .mobile-nav');
        if (mobileNav) {
            const menuItemsWithChildren = mobileNav.querySelectorAll('.menu-item-has-children');

            menuItemsWithChildren.forEach(item => {
                const link = item.querySelector('a');
                if (link) {
                    link.addEventListener('click', (event) => {
                        // Prepreči privzeto dejanje samo za glavne povezave, ki imajo podmeni
                        if (event.currentTarget.parentElement.classList.contains('menu-item-has-children')) {
                            event.preventDefault();
                        }

                        const parentLi = event.currentTarget.parentElement;

                        // Zapri ostale odprte podmenije (efekt harmonike)
                        menuItemsWithChildren.forEach(otherItem => {
                            if (otherItem !== parentLi && otherItem.classList.contains('open')) {
                                otherItem.classList.remove('open');
                            }
                        });

                        // Preklopi stanje trenutnega podmenija
                        parentLi.classList.toggle('open');
                    });
                }
            });
        }
    } catch (error) {
        console.error('Error in Mobile Accordion Menu:', error);
    }


    /**
     * ===================================================================
     * 2. DODATNE FUNKCIONALNOSTI (Jezik, FAQ, itd.)
     * Te skripte so ločene, da morebitne napake ne vplivajo na meni.
     * ===================================================================
     */

    // --- Preklopnik jezika (Language Switcher) ---
    try {
        const languageSelectors = document.querySelectorAll('.language-selector');
        if (languageSelectors.length > 0) {
            languageSelectors.forEach(selector => {
                const currentLang = selector.querySelector('.current-lang');
                if (currentLang) {
                    currentLang.addEventListener('click', (event) => {
                        event.stopPropagation();
                        const isActive = selector.classList.contains('active');
                        languageSelectors.forEach(s => s.classList.remove('active')); // Zapri vse
                        if (!isActive) {
                            selector.classList.add('active'); // Odpri samo trenutnega
                        }
                    });
                }
            });

            // Globalni listenerji za zapiranje
            window.addEventListener('click', () => {
                languageSelectors.forEach(s => s.classList.remove('active'));
            });
            window.addEventListener('keydown', (e) => {
                if (e.key === 'Escape') {
                    languageSelectors.forEach(s => s.classList.remove('active'));
                }
            });

            // Dinamično generiranje URL-jev
            const path = window.location.pathname;
            const pathParts = path.split('/').filter(Boolean);
            const validLangs = ['en', 'si', 'mk'];
            let currentLangCode = validLangs[0]; // Privzeto na 'en', če ni najden
            let relativePathAfterLang = path;

            for (const lang of validLangs) {
                if (pathParts.length > 0 && pathParts[0] === lang) {
                    currentLangCode = lang;
                    relativePathAfterLang = '/' + pathParts.slice(1).join('/');
                    break;
                }
            }
            
            languageSelectors.forEach(selector => {
                const langLinks = selector.querySelectorAll('.lang-dropdown a[data-lang]');
                langLinks.forEach(link => {
                    const targetLang = link.getAttribute('data-lang');
                    // Zgradi novo pot relativno glede na korensko mapo
                    const newUrl = `/${targetLang}${relativePathAfterLang === '/' ? '' : relativePathAfterLang}`;
                    link.setAttribute('href', newUrl);
                });
            });
        }
    } catch (error) {
        console.error('Error in Language Switcher:', error);
    }
    
    // --- FAQ Accordion ---
    try {
        const faqItems = document.querySelectorAll('.faq-item');
        if (faqItems.length > 0) {
            faqItems.forEach(item => {
                const header = item.querySelector('h3');
                if (header) {
                    header.addEventListener('click', () => {
                        const content = item.querySelector('p');
                        if (content) {
                            if (content.style.display === "none" || content.style.display === "") {
                                content.style.display = "block";
                            } else {
                                content.style.display = "none";
                            }
                        }
                    });
                }
            });
        }
    } catch (error) {
        console.error('Error in FAQ Accordion:', error);
    }

    // --- Activities Tab ---
    try {
        const activityNavItems = document.querySelectorAll('.activities-nav li');
        const activityDetailsText = document.querySelector('.activity-details p');
        
        if (activityNavItems.length > 0 && activityDetailsText) {
            const activitiesData = {
                'Študentsko predstavništvo': { text: 'Vsebina za študentsko predstavništvo...'},
                'Izobraževanje in kultura': { text: 'Vsebina za izobraževanje in kulturo...'},
                'Zabava in druženje': { text: 'Vsebina za zabavo in druženje...'},
                'Študentska podpora': { text: 'Vsebina za študentsko podoro...'},
                'Student representation': { text: 'Content for student representation...'},
                'Education and culture': { text: 'Content for education and culture...'},
                'Entertainment and socializing': { text: 'Content for entertainment and socializing...'},
                'Student support': { text: 'Content for student support...'},
                'Студентско претставување': { text: 'Содржина за студентско претставување...'},
                'Образование и култура': { text: 'Содржина за образование и култура...'},
                'Забава и дружење': { text: 'Содржина за забава и дружење...'},
                'Студентска поддршка': { text: 'Содржина за студентска поддршка...'}
            };

            activityNavItems.forEach(item => {
                item.addEventListener('click', () => {
                    activityNavItems.forEach(navItem => navItem.classList.remove('active'));
                    item.classList.add('active');
                    
                    const activityName = item.textContent.trim();
                    if (activitiesData[activityName]) {
                        activityDetailsText.textContent = activitiesData[activityName].text;
                    }
                });
            });
        }
    } catch (error) {
        console.error('Error in Activities Tab:', error);
    }
});"""


"./mk/index.html" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Македонска Студентска Организација во Словенија</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Поврзување до главната CSS-датотека (поправена патека) -->
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../mk/" class="logo-link">
                <img src="../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main>
        <section class="hero-section">
            <div class="hero-background">
                <div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
                <div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
            </div>
            <div class="hero-overlay"></div>
            <div class="hero-content">
                <div class="heading-and-supporting-text">
                    <div class="badge-group">
                        <div class="badge-content">
                            <span class="message">Прва официјална МСОС</span>
                        </div>
                    </div>
                    <h1>Ги зајакнуваме младите со вештини за да го променат светот</h1>
                    <p>Без разлика дали имате тим од 2 или 200 луѓе, нашите заеднички тимски сандачиња ги одржуваат сите на иста страна и во тек со случувањата.</p>
                </div>
                <button class="btn btn-primary-orange">Стани член</button>
            </div>
        </section>

        <section class="meet-the-team-section">
            <div class="video-container">
                <img src="../images/3.activites.webp" alt="Членови на тимот соработуваат" class="video-thumbnail">
                <div class="video-overlay"></div>
                <button class="play-button" aria-label="Пушти видео"></button>
            </div>
            <div class="team-content">
                <h2>Запознајте го нашиот неверојатен тим!</h2>
                <p>Нашата филозофија е едноставна — да вработиме тим од разновидни, страсни луѓе и да поттикнеме култура која ве овластува да ја вршите својата најдобра работа.</p>
                <button class="btn btn-secondary">Дознај повеќе</button>
            </div>
        </section>

        <section class="activities-section">
            <div class="activities-header">
                <h2>Активности</h2>
                <p>Нашата филозофија е едноставна — да вработиме тим од разновидни, страсни луѓе и да поттикнеме култура која ве овластува да ја вршите својата најдобра работа.</p>
            </div>
            <div class="activities-content">
                <div class="activities-nav">
                    <ul>
                        <li class="active">Студентско претставување</li>
                        <li>Образование и култура</li>
                        <li>Забава и дружење</li>
                        <li>Студентска поддршка</li>
                    </ul>
                    <button class="btn btn-primary-orange">Стани член</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="Група насмеани студенти соработуваат">
                </div>
            </div>
        </section>

        <section class="latest-news-section">
            <div class="news-header">
                <h2>Најнови вести</h2>
                <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
            </div>
            <div class="news-articles">
                <article class="news-card">
                    <img src="../images/4-billwalsh.webp" alt="Слика на снежен планински врв во розови и сини нијанси">
                    <div class="card-content">
                        <p class="author">Alec Whitten • 17 Јан 2022</p>
                        <h3>Лекции за лидерство од Бил Волш</h3>
                        <p>Сакате да ги дознаете тајните за трансформација на тим со резултат 2-14 во династија со 3x Супер Боул...</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/5-pmmentals.webp" alt="Жена презентира пред табла со лепливи белешки на тим">
                    <div class="card-content">
                        <p class="author">Demi Wilkinson • 16 Јан 2022</p>
                        <h3>ПМ ментални модели</h3>
                        <p>Менталните модели се едноставни изрази на сложени процеси или односи.</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/6-whatiswireframing.webp" alt="Модерно компјутерско биро со голем монитор, тастатура и слушалки">
                    <div class="card-content">
                        <p class="author">Candice Wu • 15 Јан 2022</p>
                        <h3>Што е Wireframing?</h3>
                        <p>Вовед во Wireframing и неговите принципи. Учете од најдобрите во индустријата.</p>
                    </div>
                </article>
            </div>
            <button class="btn btn-secondary">Види ги сите</button>
        </section>

        <section class="testimonials-section">
            <div class="testimonials-intro">
                <h2>Погледнете што велат нашите партнери за нас</h2>
                <p>Сè што треба да знаете за производот и наплатата.</p>
            </div>
            <div class="testimonials-columns">
                <div class="testimonial-column">
                    <div class="testimonial-card">
                        <h3>Како соработката нè прави подобри</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/7-graphicdesigner.webp" alt="Александар Поповски">
                            <div>
                                <h4>Александар Поповски</h4>
                                <p>Графички дизајнер во МСОС</p>
                            </div>
                        </div>
                    </div>
                     <div class="testimonial-card">
                        <h3>Consectetur vitae ac parturient massa</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
                        <div class="author-info">
                            <img src="../images/11-boy.webp" alt="Друг член на тимот">
                            <div>
                                <h4>Александар Поповски</h4>
                                <p>Графички дизајнер во МСОС</p>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="testimonial-column column-offset">
                    <div class="testimonial-card">
                        <h3>Горди партнери</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/12-girl2.webp" alt="Друг партнер">
                            <div>
                                <h4>Александра Поповска</h4>
                                <p>Графички дизајнер во МСОС</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card">
                        <h3>Нашето искуство со соработката</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                             <img src="../images/10-girl1.webp" alt="Друг член на тимот">
                            <div>
                                <h4>Ана Поповска</h4>
                                <p>Графички дизајнер во МСОС</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="become-part-section">
            <div class="become-part-header">
                <h2>Станете дел од нашиот неверојатен тим</h2>
                <p>Ние сме 100% тим на далечина, распространет низ целиот свет. Придружете ни се!</p>
            </div>
            <img src="../images/9-becomepart.webp" alt="Нашиот неверојатен тим во училница" class="team-photo">
            
            <div class="contact-form-container">
                <form class="contact-form">
                    <div class="form-row">
                        <div class="form-group">
                            <label for="first-name">Име</label>
                            <input type="text" id="first-name" placeholder="Име">
                        </div>
                        <div class="form-group">
                            <label for="last-name">Презиме</label>
                            <input type="text" id="last-name" placeholder="Презиме">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email">Е-пошта</label>
                        <input type="email" id="email" placeholder="student@email.com">
                    </div>
                    <div class="form-group">
                         <label for="phone-number">Телефонски број</label>
                        <div class="phone-input">
                            <select id="country-code" aria-label="Код на држава">
                                <option>MK</option>
                                <option>SI</option>
                                <option>US</option>
                            </select>
                            <input type="tel" id="phone-number" placeholder="+389 (00) 000-000">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="message">Порака</label>
                        <textarea id="message" rows="5"></textarea>
                    </div>
                    <div class="form-group checkbox-group">
                        <input type="checkbox" id="privacy-policy">
                        <label for="privacy-policy">Се согласувате со нашата пријателска <a href="#">политика за приватност</a>.</label>
                    </div>
                    <button type="submit" class="btn btn-primary">Испрати порака</button>
                </form>
            </div>
        </section>

        <section class="faq-section">
            <div class="faq-header">
                <h2>Често поставувани прашања</h2>
                <p>Сè што треба да знаете за производот и наплатата.</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <div class="faq-icon-container"><i class="fas fa-heart"></i></div>
                    <h3>Дали е достапен бесплатен пробен период?</h3>
                    <p>Да, можете да нè пробате бесплатно 30 дена. Нашиот пријателски тим ќе работи со вас за да ве подготви што е можно поскоро.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
                    <h3>Можам ли подоцна да го сменам мојот план?</h3>
                    <p>Секако. Нашите цени се прилагодуваат со вашата компанија. Разговарајте со нашиот пријателски тим за да најдете решение што ви одговара.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-ban"></i></div>
                    <h3>Каква е вашата политика за откажување?</h3>
                    <p>Разбираме дека работите се менуваат. Можете да го откажете вашиот план во секое време и ќе ви ја вратиме веќе платената разлика.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
                    <h3>Може ли да се додадат други информации на фактурата?</h3>
                    <p>Да, можете да нè пробате бесплатно 30 дена. Нашиот пријателски тим ќе работи со вас за да ве подготви што е можно поскоро.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
                    <h3>Како функционира наплатата?</h3>
                    <p>Секако. Нашите цени се прилагодуваат со вашата компанија. Разговарајте со нашиот пријателски тим за да најдете решение што ви одговара.</p>
                </div>
                 <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
                    <h3>Како да ја сменам е-поштата на мојата сметка?</h3>
                    <p>Разбираме дека работите се менуваат. Можете да го откажете вашиот план во секое време и ќе ви ја вратиме разликата.</p>
                </div>
            </div>
            <div class="faq-footer">
                <div class="avatar-group">
                     <img src="../images/11-boy.webp" alt="Аватар 1" class="avatar">
                     <img src="../images/10-girl1.webp" alt="Аватар 2" class="avatar large">
                     <img src="../images/12-girl2.webp" alt="Аватар 3" class="avatar">
                </div>
                <h3>Сè уште имате прашања?</h3>
                <p>Не можете да го најдете одговорот што го барате? Ве молиме разговарајте со нашиот пријателски тим.</p>
                <button class="btn btn-primary-orange">Види ги сите ЧПП</button>
            </div>
        </section>

    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../main.js"></script>
</body>
</html>"""


"./mk/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Македонска Студентска Организација во Словенија</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Поврзување до главната CSS-датотека (поправена патека) -->
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../mk/" class="logo-link">
                <img src="../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main>
        <section class="hero-section">
            <div class="hero-background">
                <div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
                <div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
            </div>
            <div class="hero-overlay"></div>
            <div class="hero-content">
                <div class="heading-and-supporting-text">
                    <div class="badge-group">
                        <div class="badge-content">
                            <span class="message">Прва официјална МСОС</span>
                        </div>
                    </div>
                    <h1>Ги зајакнуваме младите со вештини за да го променат светот</h1>
                    <p>Без разлика дали имате тим од 2 или 200 луѓе, нашите заеднички тимски сандачиња ги одржуваат сите на иста страна и во тек со случувањата.</p>
                </div>
                <button class="btn btn-primary-orange">Стани член</button>
            </div>
        </section>

        <section class="meet-the-team-section">
            <div class="video-container">
                <img src="../images/3.activites.webp" alt="Членови на тимот соработуваат" class="video-thumbnail">
                <div class="video-overlay"></div>
                <button class="play-button" aria-label="Пушти видео"></button>
            </div>
            <div class="team-content">
                <h2>Запознајте го нашиот неверојатен тим!</h2>
                <p>Нашата филозофија е едноставна — да вработиме тим од разновидни, страсни луѓе и да поттикнеме култура која ве овластува да ја вршите својата најдобра работа.</p>
                <button class="btn btn-secondary">Дознај повеќе</button>
            </div>
        </section>

        <section class="activities-section">
            <div class="activities-header">
                <h2>Активности</h2>
                <p>Нашата филозофија е едноставна — да вработиме тим од разновидни, страсни луѓе и да поттикнеме култура која ве овластува да ја вршите својата најдобра работа.</p>
            </div>
            <div class="activities-content">
                <div class="activities-nav">
                    <ul>
                        <li class="active">Студентско претставување</li>
                        <li>Образование и култура</li>
                        <li>Забава и дружење</li>
                        <li>Студентска поддршка</li>
                    </ul>
                    <button class="btn btn-primary-orange">Стани член</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="Група насмеани студенти соработуваат">
                </div>
            </div>
        </section>

        <section class="latest-news-section">
            <div class="news-header">
                <h2>Најнови вести</h2>
                <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
            </div>
            <div class="news-articles">
                <article class="news-card">
                    <img src="../images/4-billwalsh.webp" alt="Слика на снежен планински врв во розови и сини нијанси">
                    <div class="card-content">
                        <p class="author">Alec Whitten • 17 Јан 2022</p>
                        <h3>Лекции за лидерство од Бил Волш</h3>
                        <p>Сакате да ги дознаете тајните за трансформација на тим со резултат 2-14 во династија со 3x Супер Боул...</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/5-pmmentals.webp" alt="Жена презентира пред табла со лепливи белешки на тим">
                    <div class="card-content">
                        <p class="author">Demi Wilkinson • 16 Јан 2022</p>
                        <h3>ПМ ментални модели</h3>
                        <p>Менталните модели се едноставни изрази на сложени процеси или односи.</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/6-whatiswireframing.webp" alt="Модерно компјутерско биро со голем монитор, тастатура и слушалки">
                    <div class="card-content">
                        <p class="author">Candice Wu • 15 Јан 2022</p>
                        <h3>Што е Wireframing?</h3>
                        <p>Вовед во Wireframing и неговите принципи. Учете од најдобрите во индустријата.</p>
                    </div>
                </article>
            </div>
            <button class="btn btn-secondary">Види ги сите</button>
        </section>

        <section class="testimonials-section">
            <div class="testimonials-intro">
                <h2>Погледнете што велат нашите партнери за нас</h2>
                <p>Сè што треба да знаете за производот и наплатата.</p>
            </div>
            <div class="testimonials-columns">
                <div class="testimonial-column">
                    <div class="testimonial-card">
                        <h3>Како соработката нè прави подобри</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/7-graphicdesigner.webp" alt="Александар Поповски">
                            <div>
                                <h4>Александар Поповски</h4>
                                <p>Графички дизајнер во МСОС</p>
                            </div>
                        </div>
                    </div>
                     <div class="testimonial-card">
                        <h3>Consectetur vitae ac parturient massa</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
                        <div class="author-info">
                            <img src="../images/11-boy.webp" alt="Друг член на тимот">
                            <div>
                                <h4>Александар Поповски</h4>
                                <p>Графички дизајнер во МСОС</p>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="testimonial-column column-offset">
                    <div class="testimonial-card">
                        <h3>Горди партнери</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/12-girl2.webp" alt="Друг партнер">
                            <div>
                                <h4>Александра Поповска</h4>
                                <p>Графички дизајнер во МСОС</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card">
                        <h3>Нашето искуство со соработката</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                             <img src="../images/10-girl1.webp" alt="Друг член на тимот">
                            <div>
                                <h4>Ана Поповска</h4>
                                <p>Графички дизајнер во МСОС</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="become-part-section">
            <div class="become-part-header">
                <h2>Станете дел од нашиот неверојатен тим</h2>
                <p>Ние сме 100% тим на далечина, распространет низ целиот свет. Придружете ни се!</p>
            </div>
            <img src="../images/9-becomepart.png" alt="Нашиот неверојатен тим во училница" class="team-photo">
            
            <div class="contact-form-container">
                <form class="contact-form">
                    <div class="form-row">
                        <div class="form-group">
                            <label for="first-name">Име</label>
                            <input type="text" id="first-name" placeholder="Име">
                        </div>
                        <div class="form-group">
                            <label for="last-name">Презиме</label>
                            <input type="text" id="last-name" placeholder="Презиме">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email">Е-пошта</label>
                        <input type="email" id="email" placeholder="student@email.com">
                    </div>
                    <div class="form-group">
                         <label for="phone-number">Телефонски број</label>
                        <div class="phone-input">
                            <select id="country-code" aria-label="Код на држава">
                                <option>MK</option>
                                <option>SI</option>
                                <option>US</option>
                            </select>
                            <input type="tel" id="phone-number" placeholder="+389 (00) 000-000">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="message">Порака</label>
                        <textarea id="message" rows="5"></textarea>
                    </div>
                    <div class="form-group checkbox-group">
                        <input type="checkbox" id="privacy-policy">
                        <label for="privacy-policy">Се согласувате со нашата пријателска <a href="#">политика за приватност</a>.</label>
                    </div>
                    <button type="submit" class="btn btn-primary">Испрати порака</button>
                </form>
            </div>
        </section>

        <section class="faq-section">
            <div class="faq-header">
                <h2>Често поставувани прашања</h2>
                <p>Сè што треба да знаете за производот и наплатата.</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <div class="faq-icon-container"><i class="fas fa-heart"></i></div>
                    <h3>Дали е достапен бесплатен пробен период?</h3>
                    <p>Да, можете да нè пробате бесплатно 30 дена. Нашиот пријателски тим ќе работи со вас за да ве подготви што е можно поскоро.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
                    <h3>Можам ли подоцна да го сменам мојот план?</h3>
                    <p>Секако. Нашите цени се прилагодуваат со вашата компанија. Разговарајте со нашиот пријателски тим за да најдете решение што ви одговара.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-ban"></i></div>
                    <h3>Каква е вашата политика за откажување?</h3>
                    <p>Разбираме дека работите се менуваат. Можете да го откажете вашиот план во секое време и ќе ви ја вратиме веќе платената разлика.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
                    <h3>Може ли да се додадат други информации на фактурата?</h3>
                    <p>Да, можете да нè пробате бесплатно 30 дена. Нашиот пријателски тим ќе работи со вас за да ве подготви што е можно поскоро.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
                    <h3>Како функционира наплатата?</h3>
                    <p>Секако. Нашите цени се прилагодуваат со вашата компанија. Разговарајте со нашиот пријателски тим за да најдете решение што ви одговара.</p>
                </div>
                 <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
                    <h3>Како да ја сменам е-поштата на мојата сметка?</h3>
                    <p>Разбираме дека работите се менуваат. Можете да го откажете вашиот план во секое време и ќе ви ја вратиме разликата.</p>
                </div>
            </div>
            <div class="faq-footer">
                <div class="avatar-group">
                     <img src="../images/11-boy.webp" alt="Аватар 1" class="avatar">
                     <img src="../images/10-girl1.webp" alt="Аватар 2" class="avatar large">
                     <img src="../images/12-girl2.webp" alt="Аватар 3" class="avatar">
                </div>
                <h3>Сè уште имате прашања?</h3>
                <p>Не можете да го најдете одговорот што го барате? Ве молиме разговарајте со нашиот пријателски тим.</p>
                <button class="btn btn-primary-orange">Види ги сите ЧПП</button>
            </div>
        </section>

    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../main.js"></script>
</body>
</html>"""


"./mk/projects/index.html" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Проекти - Македонска Студентска Организација во Словенија</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Поврзување до главната CSS-датотека -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../mk/" class="logo-link">
                <img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- Секција со наслов на страницата -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle">Наши проекти</span>
                <h1>Проекти</h1>
                <p class="page-description">Претплатете се за да дознаете за новите функции на производите, најновите технологии, решенија и ажурирања.</p>
                <form class="subscribe-form">
                    <input type="email" placeholder="Внесете ја вашата е-пошта">
                    <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                </form>
                <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
            </div>
        </section>

        <!-- Секција со сите проекти -->
        <section class="all-posts-section">
            <div class="container column-layout">
                <h2>Сите наши проекти</h2>
                <div class="posts-grid">
                    <!-- Проект: Запознај ја студентска Словенија 2024 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2024/" class="post-link">
                            <img src="../../images/event4-img-1.webp" alt="Група студенти на настанот „Запознај ја студентска Словенија 2024“" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Тим на МСОС • 16 Сеп 2024 • Настан</p>
                                <h3 class="post-title">Запознај ја студентска Словенија 2024</h3>
                                <p class="post-excerpt">Кога студентските приказни се претвораат во првиот чекор кон новиот дом.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект: Утринско кафе пред ЦТК – 2024 -->
                    <article class="post-card">
                        <a href="morning-coffee-in-front-of-ctk/" class="post-link">
                            <img src="../../images/event4-image1.webp" alt="Студенти уживаат во кафе и бурек пред библиотеката ЦТК" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Тим на МСОС • 8 Јуни 2024 • Студентски живот</p>
                                <h3 class="post-title">Утринско кафе пред ЦТК – 2024</h3>
                                <p class="post-excerpt">Кога испитите некако ти стануваат полесни со саботно утринско кафе, бурек и добро друштво!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект: Запознај ја студентска Словенија 2023 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2023/" class="post-link">
                            <img src="../../images/event3-photo-1.webp" alt="Панел дискусија на настанот „Запознај ја студентска Словенија 2023“" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Тим на МСОС • 18 Сеп 2023 • Настан</p>
                                <h3 class="post-title">Запознај ја студентска Словенија 2023</h3>
                                <p class="post-excerpt">Преку искрени приказни од прва рака, идните студентите добија поддршка за првиот чекор кон нивниот нов дом.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект: Македонска студентска вечер во Љубљана -->
                    <article class="post-card">
                        <a href="macedonian-student-night-in-ljubljana/" class="post-link">
                            <img src="../../images/msnl-1.webp" alt="Атмосфера од македонската студентска вечер во Љубљана" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Кристијан Поповски • 8 Окт 2022 • Настан</p>
                                <h3 class="post-title">Македонска студентска вечер во Љубљана</h3>
                                <p class="post-excerpt">Од идеја до журка со 500 студенти – вака започна нашата приказна!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект 1 (Placeholder) -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/4-billwalsh.webp" alt="Слика на снежен планински врв во розови и сини нијанси" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Alec Whitten • 17 Јан 2022 • Јавна објава</p>
                                <h3 class="post-title">Лекции за лидерство од Бил Волш</h3>
                                <p class="post-excerpt">Сакате да ги дознаете тајните за трансформација на тим со резултат 2-14 во династија со 3x Супер Боул?</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект 2 (Placeholder) -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/5-pmmentals.webp" alt="Жена презентира пред табла со лепливи белешки на тим" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Demi Wilkinson • 16 Јан 2022 • Студентски живот</p>
                                <h3 class="post-title">ПМ ментални модели</h3>
                                <p class="post-excerpt">Менталните модели се едноставни изрази на сложени процеси или односи.</p>
                            </div>
                        </a>
                    </article>
                </div>
                
                <!-- Пагинација -->
                <nav class="pagination">
                    <a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Претходна</a>
                    <div class="pagination-numbers">
                        <a href="#" class="page-number active">1</a>
                        <a href="#" class="page-number">2</a>
                        <a href="#" class="page-number">3</a>
                        <span class="page-dots">...</span>
                        <a href="#" class="page-number">8</a>
                        <a href="#" class="page-number">9</a>
                        <a href="#" class="page-number">10</a>
                    </div>
                    <a href="#" class="pagination-arrow">Следна <i class="fas fa-arrow-right"></i></a>
                </nav>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    
</footer>
<!-- END_FOOTER -->

    <!-- Поврзување до главната JS-датотека -->
    
</body>
</html>"""


"./mk/projects/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Проекти - Македонска Студентска Организација во Словенија</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Поврзување до главната CSS-датотека -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../mk/" class="logo-link">
                <img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- Секција со наслов на страницата -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle">Наши проекти</span>
                <h1>Проекти</h1>
                <p class="page-description">Претплатете се за да дознаете за новите функции на производите, најновите технологии, решенија и ажурирања.</p>
                <form class="subscribe-form">
                    <input type="email" placeholder="Внесете ја вашата е-пошта">
                    <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                </form>
                <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
            </div>
        </section>

        <!-- Секција со сите проекти -->
        <section class="all-posts-section">
            <div class="container column-layout">
                <h2>Сите наши проекти</h2>
                <div class="posts-grid">
                    <!-- Проект: Запознај ја студентска Словенија 2024 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2024/" class="post-link">
                            <img src="../../images/event4-img-1.webp" alt="Група студенти на настанот „Запознај ја студентска Словенија 2024“" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Тим на МСОС • 16 Сеп 2024 • Настан</p>
                                <h3 class="post-title">Запознај ја студентска Словенија 2024</h3>
                                <p class="post-excerpt">Кога студентските приказни се претвораат во првиот чекор кон новиот дом.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект: Утринско кафе пред ЦТК – 2024 -->
                    <article class="post-card">
                        <a href="morning-coffee-in-front-of-ctk/" class="post-link">
                            <img src="../../images/event4-image1.webp" alt="Студенти уживаат во кафе и бурек пред библиотеката ЦТК" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Тим на МСОС • 8 Јуни 2024 • Студентски живот</p>
                                <h3 class="post-title">Утринско кафе пред ЦТК – 2024</h3>
                                <p class="post-excerpt">Кога испитите некако ти стануваат полесни со саботно утринско кафе, бурек и добро друштво!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект: Запознај ја студентска Словенија 2023 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2023/" class="post-link">
                            <img src="../../images/event3-photo-1.webp" alt="Панел дискусија на настанот „Запознај ја студентска Словенија 2023“" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Тим на МСОС • 18 Сеп 2023 • Настан</p>
                                <h3 class="post-title">Запознај ја студентска Словенија 2023</h3>
                                <p class="post-excerpt">Преку искрени приказни од прва рака, идните студентите добија поддршка за првиот чекор кон нивниот нов дом.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект: Македонска студентска вечер во Љубљана -->
                    <article class="post-card">
                        <a href="macedonian-student-night-in-ljubljana/" class="post-link">
                            <img src="../../images/msnl-1.webp" alt="Атмосфера од македонската студентска вечер во Љубљана" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Кристијан Поповски • 8 Окт 2022 • Настан</p>
                                <h3 class="post-title">Македонска студентска вечер во Љубљана</h3>
                                <p class="post-excerpt">Од идеја до журка со 500 студенти – вака започна нашата приказна!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект 1 (Placeholder) -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/4-billwalsh.webp" alt="Слика на снежен планински врв во розови и сини нијанси" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Alec Whitten • 17 Јан 2022 • Јавна објава</p>
                                <h3 class="post-title">Лекции за лидерство од Бил Волш</h3>
                                <p class="post-excerpt">Сакате да ги дознаете тајните за трансформација на тим со резултат 2-14 во династија со 3x Супер Боул?</p>
                            </div>
                        </a>
                    </article>
                    <!-- Проект 2 (Placeholder) -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/5-pmmentals.jpg" alt="Жена презентира пред табла со лепливи белешки на тим" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Demi Wilkinson • 16 Јан 2022 • Студентски живот</p>
                                <h3 class="post-title">ПМ ментални модели</h3>
                                <p class="post-excerpt">Менталните модели се едноставни изрази на сложени процеси или односи.</p>
                            </div>
                        </a>
                    </article>
                </div>
                
                <!-- Пагинација -->
                <nav class="pagination">
                    <a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Претходна</a>
                    <div class="pagination-numbers">
                        <a href="#" class="page-number active">1</a>
                        <a href="#" class="page-number">2</a>
                        <a href="#" class="page-number">3</a>
                        <span class="page-dots">...</span>
                        <a href="#" class="page-number">8</a>
                        <a href="#" class="page-number">9</a>
                        <a href="#" class="page-number">10</a>
                    </div>
                    <a href="#" class="pagination-arrow">Следна <i class="fas fa-arrow-right"></i></a>
                </nav>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    
</footer>
<!-- END_FOOTER -->

    <!-- Поврзување до главната JS-датотека -->
    
</body>
</html>"""


"./mk/projects/macedonian-student-night-in-ljubljana/index.html" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Македонска студентска вечер во Љубљана - МСОС</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Правилна патека до главната CSS-датотека -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../mk/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 8 октомври 2022</p>
                <h1>Македонска студентска вечер во Љубљана</h1>
                <p class="article-subtitle">Од идеја до журка со 500 студенти – вака започна нашата приказна!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/msnl-1.webp" alt="Атмосфера од македонската студентска вечер во Љубљана">
            </figure>

            <div class="article-body">
                <p>На 8 октомври 2022 година, во срцето на Студентскиот кампус во Љубљана, се одржа првата македонска студентска вечер во Словенија. Под мотото #FeelsLikeHome, повеќе од 500 млади уживаа во македонска музика, вкусна традиционална храна и атмосфера која потсетуваше на дома. Овој настан не беше само журка – беше почеток на една нова приказна, која подоцна ќе прерасне во Македонска студентска организација во Словенија (МСОС).</p>
                
                <h2>Како една идеја за дружење стана почеток на движење</h2>
                <p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-2.webp" alt="Подготовки и состаноци за македонската студентска вечер">
                    <figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
                </figure>
                
                <p>Од тој момент, секој слободен миг го поминувавме во канцелариите на студентската организација <strong>„Повезани“</strong>, кои ни дадоа голема поддршка во организирањето. Денови и ноќи правевме планови, одржувавме состаноци, пишувавме објави на социјалните мрежи – сè со цел да создадеме настан кој првично мислевме дека ќе привлече, ако имаме среќа, околу 100 посетители.</p>
                <p>Една недела пред настанот, секој ден објавувавме интересни факти за Македонија, нејзините национални богатства, музика и култура. Полека, но сигурно, ја градевме атмосферата и ентузијазмот, не само кај македонските студенти, туку и кај многу други кои сакаа да ја почувствуваат нашата енергија.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-3.webp" alt="Хамер со испишани кирилични и латинични букви">
                    <figcaption>Хамер со испишани кирилични и латинични букви. Словенците ја учат македонската азбука, додека македонците ги подучуваат.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>„Организирањето на првата МСОС журка беше уникатно искуство – без сон, амбициозни и вклучени во сè, од логистика до бришење на подот... Среќа што постои Red Bull 😉 (П.с. целиот фрижидер го испивме!)“</p>
                    <footer>— Марко – студент во прва година</footer>
                </blockquote>

                <h2>Вкусот и мирисот на Македонија во срцето на Љубљана</h2>
                <p>Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи <strong>„Македонија Трејд“</strong>, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-4.webp" alt="Штандови со македонски обележја, традиционална храна и пијалаци">
                    <figcaption>Фотографии од штандовите со македонски обележја, традиционална храна и пијалаци.</figcaption>
                </figure>

                <p>Покрај храната, посетителите можеа да разгледаат интересни факти за државата, фотографии од познати македонски дејци и културни знаменитости, како и да видат традиционални носии и <strong>гајда</strong> одблиску. Атмосферата беше топла и полна со љубопитност – како мала изложба во рамките на една голема студентска забава.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-5.webp" alt="Мини квиз со прашања за Македонија">
                    <figcaption>Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат</figcaption>
                </figure>

                <h2>Поддршка од македонската заедница и дипломатијата</h2>
                <p>Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи <strong>претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески</strong>, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-6.webp" alt="Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески">
                    <figcaption>Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот на Сојузот на македонски друштва, г-н Настески</figcaption>
                </figure>

                <p>Посебна чест ни беше да ја пречекаме и <strong>амбасадорката на Северна Македонија во Словенија, г-ѓа Сузана Зеленковска</strong>, која упати топли зборови на охрабрување и поддршка за младите. Нејзиното присуство и интерес за настанот беа дополнителен мотив да продолжиме со нашата мисија за поврзување и афирмација на македонската студентска заедница.</p>
                <p>Журката беше одлична, со супер енергија што се шири насекаде. Студенти на сите страни и во еден момент владееше мал, но контролиран хаос – вистинско место каде што успеавме да се избориме и да направиме еден навистина одличен настан. Иако ја завршивме журката малку порано, студентите не престанаа уште еден час да пеат заедно со нас, како што го расчистувавме местото. Навистина, ноќ за паметење!</p>
                
                <blockquote class="article-quote">
                    <p>„Бев дел од тимот за организација и требаше да одржувам ред и мир меѓу студентите, ама кога ми ја пуштија песната ‘Бисер Балкански’ не издржав – па им се приклучив и јас... Тоа беше мојот специјален момент таа вечер!“</p>
                    <footer>— Христијан – студент во втора година</footer>
                </blockquote>

                <h2>Почеток што ќе го паметиме</h2>
                <p>Таа вечер не беше само уште една студентска забава – беше моментот кога сфативме дека сме започнале нешто поголемо. Наместо очекуваните 100 гости, во клубот влегоа околу <strong>500 студенти</strong>, а енергијата беше неверојатна. Се создадоа нови пријателства, се слушаа песни што ги пеевме од срце, а македонската култура и традиција беа во прв план цела вечер.</p>
                <p>Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом – дури и кога се далеку од него.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-7.webp" alt="Посветениот тим на волонтери по завршувањето на настанот">
                    <figcaption>Фотографија направена во 4 часот наутро, по завршувањето и средувањето на просторот заедно со посветениот тим на волонтери</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Внесете ја вашата е-пошта">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./mk/projects/macedonian-student-night-in-ljubljana/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Македонска студентска вечер во Љубљана - МСОС</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Правилна патека до главната CSS-датотека -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../mk/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 8 октомври 2022</p>
                <h1>Македонска студентска вечер во Љубљана</h1>
                <p class="article-subtitle">Од идеја до журка со 500 студенти – вака започна нашата приказна!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/msnl-1.webp" alt="Атмосфера од македонската студентска вечер во Љубљана">
            </figure>

            <div class="article-body">
                <p>На 8 октомври 2022 година, во срцето на Студентскиот кампус во Љубљана, се одржа првата македонска студентска вечер во Словенија. Под мотото #FeelsLikeHome, повеќе од 500 млади уживаа во македонска музика, вкусна традиционална храна и атмосфера која потсетуваше на дома. Овој настан не беше само журка – беше почеток на една нова приказна, која подоцна ќе прерасне во Македонска студентска организација во Словенија (МСОС).</p>
                
                <h2>Како една идеја за дружење стана почеток на движење</h2>
                <p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-2.png" alt="Подготовки и состаноци за македонската студентска вечер">
                    <figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
                </figure>
                
                <p>Од тој момент, секој слободен миг го поминувавме во канцелариите на студентската организација <strong>„Повезани“</strong>, кои ни дадоа голема поддршка во организирањето. Денови и ноќи правевме планови, одржувавме состаноци, пишувавме објави на социјалните мрежи – сè со цел да создадеме настан кој првично мислевме дека ќе привлече, ако имаме среќа, околу 100 посетители.</p>
                <p>Една недела пред настанот, секој ден објавувавме интересни факти за Македонија, нејзините национални богатства, музика и култура. Полека, но сигурно, ја градевме атмосферата и ентузијазмот, не само кај македонските студенти, туку и кај многу други кои сакаа да ја почувствуваат нашата енергија.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-3.webp" alt="Хамер со испишани кирилични и латинични букви">
                    <figcaption>Хамер со испишани кирилични и латинични букви. Словенците ја учат македонската азбука, додека македонците ги подучуваат.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>„Организирањето на првата МСОС журка беше уникатно искуство – без сон, амбициозни и вклучени во сè, од логистика до бришење на подот... Среќа што постои Red Bull 😉 (П.с. целиот фрижидер го испивме!)“</p>
                    <footer>— Марко – студент во прва година</footer>
                </blockquote>

                <h2>Вкусот и мирисот на Македонија во срцето на Љубљана</h2>
                <p>Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи <strong>„Македонија Трејд“</strong>, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-4.webp" alt="Штандови со македонски обележја, традиционална храна и пијалаци">
                    <figcaption>Фотографии од штандовите со македонски обележја, традиционална храна и пијалаци.</figcaption>
                </figure>

                <p>Покрај храната, посетителите можеа да разгледаат интересни факти за државата, фотографии од познати македонски дејци и културни знаменитости, како и да видат традиционални носии и <strong>гајда</strong> одблиску. Атмосферата беше топла и полна со љубопитност – како мала изложба во рамките на една голема студентска забава.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-5.webp" alt="Мини квиз со прашања за Македонија">
                    <figcaption>Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат</figcaption>
                </figure>

                <h2>Поддршка од македонската заедница и дипломатијата</h2>
                <p>Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи <strong>претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески</strong>, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-6.webp" alt="Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески">
                    <figcaption>Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот на Сојузот на македонски друштва, г-н Настески</figcaption>
                </figure>

                <p>Посебна чест ни беше да ја пречекаме и <strong>амбасадорката на Северна Македонија во Словенија, г-ѓа Сузана Зеленковска</strong>, која упати топли зборови на охрабрување и поддршка за младите. Нејзиното присуство и интерес за настанот беа дополнителен мотив да продолжиме со нашата мисија за поврзување и афирмација на македонската студентска заедница.</p>
                <p>Журката беше одлична, со супер енергија што се шири насекаде. Студенти на сите страни и во еден момент владееше мал, но контролиран хаос – вистинско место каде што успеавме да се избориме и да направиме еден навистина одличен настан. Иако ја завршивме журката малку порано, студентите не престанаа уште еден час да пеат заедно со нас, како што го расчистувавме местото. Навистина, ноќ за паметење!</p>
                
                <blockquote class="article-quote">
                    <p>„Бев дел од тимот за организација и требаше да одржувам ред и мир меѓу студентите, ама кога ми ја пуштија песната ‘Бисер Балкански’ не издржав – па им се приклучив и јас... Тоа беше мојот специјален момент таа вечер!“</p>
                    <footer>— Христијан – студент во втора година</footer>
                </blockquote>

                <h2>Почеток што ќе го паметиме</h2>
                <p>Таа вечер не беше само уште една студентска забава – беше моментот кога сфативме дека сме започнале нешто поголемо. Наместо очекуваните 100 гости, во клубот влегоа околу <strong>500 студенти</strong>, а енергијата беше неверојатна. Се создадоа нови пријателства, се слушаа песни што ги пеевме од срце, а македонската култура и традиција беа во прв план цела вечер.</p>
                <p>Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом – дури и кога се далеку од него.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-7.webp" alt="Посветениот тим на волонтери по завршувањето на настанот">
                    <figcaption>Фотографија направена во 4 часот наутро, по завршувањето и средувањето на просторот заедно со посветениот тим на волонтери</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Внесете ја вашата е-пошта">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./mk/projects/meet-student-slovenia-2023/index.html" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Запознај ја студентска Словенија 2023 - МСОС</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Правилна патека до главната CSS-датотека -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../mk/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 18 септември 2023</p>
                <h1>Запознај ја студентска Словенија 2023</h1>
                <p class="article-subtitle">Преку искрени приказни од прва рака, идните студентите добија поддршка за првиот чекор кон нивниот нов дом.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event3-photo-1.webp" alt="Панел дискусија на настанот „Запознај ја студентска Словенија 2023“">
            </figure>

            <div class="article-body">
                <p>Како изгледа првиот чекор кон студентскиот живот во Словенија? На ова прашање се обидовме да дадеме одговор преку настанот „Запознај ја студентска Словенија“, кој го организиравме на 18 септември 2023 во НЛБ Галерија во Скопје. Атмосферата беше полна со возбуда – повеќе од 100 идни студенти и нивните семејства дојдоа со едно исто чувство: желба да откријат што ги чека таму каде што ќе го започнат своето ново поглавје.</p>
                
                <h2>Што се крие зад студентскиот живот во Словенија?</h2>
                <p>Наместо суви информации, студентите имаа можност да слушнат вистински приказни – од оние што веќе го минуваат истиот пат. Студенти од Љубљана, Марибор и Копер зборуваа за своите предизвици, првите впечатоци, смешни ситуации и моментите кога поддршката од заедницата била пресудна. А публиката? Со огромно внимание впиваше сè, бидејќи токму тие прашања што никогаш не ги пишува на брошурите – тука добија во вид на искрени одговори.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-2.webp" alt="Учесници на панел дискусијата">
                    <figcaption>Игор Арсов од Универзитетот во Приморска го раскажува своето студентско искуство на Факултетот за менаџмент.</figcaption>
                </figure>
                
                <h2>Гласови што инспирираат</h2>
                <p>На сцената се појавија нашите членови Киара Лазиќ, Ангел Наумов, Климентина Чаповска и Игор Арсов – секој со своја приказна, свој факултет, свој град. Заедно со модераторот Леон Шумански и водителот Васил Ханџиски, тие го претворија панелот во вистински разговор кој изгледаше повеќе како другарска дружба отколку како формална дискусија. Зборуваа за испити, за нови пријателства, за живот во студентски домови и за тоа колку е важно да не се откажуваш дури и кога ти изгледа најтешко.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-3.webp" alt="Васил Ханџиски на отворањето на настанот">
                    <figcaption>Фотографија од отварањето на настанот со водителот Васил Ханџиски.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-4.webp" alt="Публиката на настанот">
                    <figcaption>Фотографија од учесниците на настанот. Малку нè изненадија со интересот, ама некако ги сместивме сите!♡</figcaption>
                </figure>

                <h2>Зад сцената – нашите поддржувачи</h2>
                <p>Настанот не би бил можен без поддршката на Амбасадата на Република Словенија во Северна Македонија, НЛБ Банка Скопје, Капитал Финансиски Центар, Дијаг и Радио МОФ. Но вистинската сила ја дадоа МСОСци за подготвка на настанот и студентите со своите прашања, својата енергија и својата љубопитност.</p>
                <p>На настанот значајна поддршка и помош добивме и од Мелита Секуловска при организирањето на просторот и Александар Поповски при дизајнирање на веб страната на организација. Свечено им се заблагодаривме за нивната посветена работа, како и на работата на координаторката на настанот, Леа Јаначковска која го направи овој настан извонреден.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-5.webp" alt="Господин Бранко Грегановиќ и Н.Е. Грегор Прескер">
                    <img src="../../../images/event3-photo-6.webp" alt="Кристијан Поповски, Мелита Секуловска, Леа Јаначковска, Марија Коштревска и Александар Поповски со благодарници">
                    <figcaption>На горните две слики се господинот Бранко Грегановиќ, претседател на Управниот одбор на НЛБ Банка Скопје, на десната страна е Н.Е. амбасадор на Република Словенија во Северна Македонија, господинот Грегор Прескер. На долните слики се претставени претседателот Кристијан Поповски, Мелита Секуловска, Леа Јаначковска, Марија Коштревска и Александар Поповски.</figcaption>
                </figure>
                
                <p>На Амбасадата и на НЛБ Банка со помош на компанијата Дијаг доо им изработивме и две плаќети во знак на благодарност за сета помош и поддршка која ни ја пружија.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-7.webp" alt="Плакети за НЛБ Банка Скопје и Амбасадата на Република Словенија">
                    <figcaption>Фотографија од плакетите кои им ги подаривме на НЛБ Банка Скопје и Амбасадата на Република Словенија во Северна Македонија.</figcaption>
                </figure>

                <h2>Зошто беше посебно?</h2>
                <p>Затоа што овој настан не беше само уште една презентација. Тој беше рака подадена кон идните студенти – порака дека не се сами, дека веќе постои заедница што ги чека. Некои од нив заминаа со нови пријатели, други со конкретни одговори на прашања што ги мачеле со месеци. Но сите заминаа со исто чувство: дека Словенија повеќе не е непознато место, туку нов дом во кој ќе бидат дел од нешто поголемо.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-8.webp" alt="Присутните на настанот">
                    <figcaption>Фотографии од присутните на настанот!</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>„Настанот беше „game changer“ за мене бидејќи конечно добив информации што ми помогнаа навистина да ја запознаам студентска Словенија наместо уште едно купче брошури. Панелот беше супер, опуштен, со муабети за најдобрите места за излегување, денови заглавени во библиотека, животот во студентски домови и класичната „се успав пред испит“ приказна... П.С. А, нетворкингот, нетворкингот беше топ – без незгодно ќутење.”</p>
                    <footer>— Борјан Јовановски, иден студент и учесник на настанот</footer>
                </blockquote>

                <h2>Практични совети од прва рака</h2>
                <p>Посебен момент на настанот беше обраќањето на конзулот од Амбасадата на Република Словенија во Северна Македонија, господинот Мартин Глазар. Тој накратко ги претстави најважните чекори од процесот за добивање дозвола за привремен престој – една од најголемите грижи и предизвици за сите странски студенти во Словенија. На тој начин, идните студенти добија појасна слика за тоа што ги очекува и како полесно да се справат со административните процедури.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-9.webp" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
                    <figcaption>Фотографија од конзулот кој на интересен начин ги запознава студентите со процесот за добивање на привремена дозвола за престој!</figcaption>
                </figure>

                <h2>За оние што не беа физички присутни со нас</h2>
                <p>Не секој успеа да биде присутен во салата, но затоа се потрудивме никој да не остане без ова искуство. Настанот го пренесувавме во живо преку нашата Фејсбук страница, а снимката сè уште е достапна. Ако сакаш да ја доживееш атмосферата и да ги чуеш приказните од прва рака, можеш да го погледнеш целиот настан на овој линк тука.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-10.webp" alt="Постер за настанот „Запознај ја студентска Словенија“">
                    <figcaption>Фотографија од постерот за настанот!</figcaption>
                </figure>

                <h2>Се гледаме во Словенија!</h2>
                <p>Со „Запознај ја студентска Словенија 2023“ успеавме да им подадеме рака на новите студенти и да им покажеме дека пред нив стои возбудливо патување полно со нови пријателства, предизвици и успеси. Искрено се надеваме дека следниот пат ќе се сретнеме токму таму – во предавалните, студентските домови и улиците на Љубљана, Марибор и Копер.</p>
                <p>Овој настан немаше да биде можен без поддршката на нашите партнери и пријатели, на кои им упатуваме огромна благодарност:</p>
                <ol>
                    <li>Амбасада на Република Словенија во Северна Македонија (партнер)</li>
                    <li>НЛБ Банка Скопје (главен спонзор и покровител)</li>
                    <li>Капитал Финансиски Центар (спонзор)</li>
                    <li>Дијаг доо (спонзор)</li>
                    <li>Радио МОФ (медиа партнер)</li>
                </ol>
                <p>Благодарност до сите што беа дел од овој настан – а на идните студенти им порачуваме: вашата приказна во Словенија штотуку започнува и ние сме тука да бидеме дел од неа.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-11.png" alt="Мал дел од тимот на МСОС">
                    <figcaption>Фотографија од мал дел од тимот затоа што заборавивме да се сликаме сите заедно!&#129322;</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Внесете ја вашата е-пошта">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./mk/projects/meet-student-slovenia-2023/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Запознај ја студентска Словенија 2023 - МСОС</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Правилна патека до главната CSS-датотека -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../mk/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 18 септември 2023</p>
                <h1>Запознај ја студентска Словенија 2023</h1>
                <p class="article-subtitle">Преку искрени приказни од прва рака, идните студентите добија поддршка за првиот чекор кон нивниот нов дом.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event3-photo-1.webp" alt="Панел дискусија на настанот „Запознај ја студентска Словенија 2023“">
            </figure>

            <div class="article-body">
                <p>Како изгледа првиот чекор кон студентскиот живот во Словенија? На ова прашање се обидовме да дадеме одговор преку настанот „Запознај ја студентска Словенија“, кој го организиравме на 18 септември 2023 во НЛБ Галерија во Скопје. Атмосферата беше полна со возбуда – повеќе од 100 идни студенти и нивните семејства дојдоа со едно исто чувство: желба да откријат што ги чека таму каде што ќе го започнат своето ново поглавје.</p>
                
                <h2>Што се крие зад студентскиот живот во Словенија?</h2>
                <p>Наместо суви информации, студентите имаа можност да слушнат вистински приказни – од оние што веќе го минуваат истиот пат. Студенти од Љубљана, Марибор и Копер зборуваа за своите предизвици, првите впечатоци, смешни ситуации и моментите кога поддршката од заедницата била пресудна. А публиката? Со огромно внимание впиваше сè, бидејќи токму тие прашања што никогаш не ги пишува на брошурите – тука добија во вид на искрени одговори.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-2.webp" alt="Учесници на панел дискусијата">
                    <figcaption>Игор Арсов од Универзитетот во Приморска го раскажува своето студентско искуство на Факултетот за менаџмент.</figcaption>
                </figure>
                
                <h2>Гласови што инспирираат</h2>
                <p>На сцената се појавија нашите членови Киара Лазиќ, Ангел Наумов, Климентина Чаповска и Игор Арсов – секој со своја приказна, свој факултет, свој град. Заедно со модераторот Леон Шумански и водителот Васил Ханџиски, тие го претворија панелот во вистински разговор кој изгледаше повеќе како другарска дружба отколку како формална дискусија. Зборуваа за испити, за нови пријателства, за живот во студентски домови и за тоа колку е важно да не се откажуваш дури и кога ти изгледа најтешко.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-3.webp" alt="Васил Ханџиски на отворањето на настанот">
                    <figcaption>Фотографија од отварањето на настанот со водителот Васил Ханџиски.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-4.webp" alt="Публиката на настанот">
                    <figcaption>Фотографија од учесниците на настанот. Малку нè изненадија со интересот, ама некако ги сместивме сите!♡</figcaption>
                </figure>

                <h2>Зад сцената – нашите поддржувачи</h2>
                <p>Настанот не би бил можен без поддршката на Амбасадата на Република Словенија во Северна Македонија, НЛБ Банка Скопје, Капитал Финансиски Центар, Дијаг и Радио МОФ. Но вистинската сила ја дадоа МСОСци за подготвка на настанот и студентите со своите прашања, својата енергија и својата љубопитност.</p>
                <p>На настанот значајна поддршка и помош добивме и од Мелита Секуловска при организирањето на просторот и Александар Поповски при дизајнирање на веб страната на организација. Свечено им се заблагодаривме за нивната посветена работа, како и на работата на координаторката на настанот, Леа Јаначковска која го направи овој настан извонреден.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-5.webp" alt="Господин Бранко Грегановиќ и Н.Е. Грегор Прескер">
                    <img src="../../../images/event3-photo-6.webp" alt="Кристијан Поповски, Мелита Секуловска, Леа Јаначковска, Марија Коштревска и Александар Поповски со благодарници">
                    <figcaption>На горните две слики се господинот Бранко Грегановиќ, претседател на Управниот одбор на НЛБ Банка Скопје, на десната страна е Н.Е. амбасадор на Република Словенија во Северна Македонија, господинот Грегор Прескер. На долните слики се претставени претседателот Кристијан Поповски, Мелита Секуловска, Леа Јаначковска, Марија Коштревска и Александар Поповски.</figcaption>
                </figure>
                
                <p>На Амбасадата и на НЛБ Банка со помош на компанијата Дијаг доо им изработивме и две плаќети во знак на благодарност за сета помош и поддршка која ни ја пружија.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-7.webp" alt="Плакети за НЛБ Банка Скопје и Амбасадата на Република Словенија">
                    <figcaption>Фотографија од плакетите кои им ги подаривме на НЛБ Банка Скопје и Амбасадата на Република Словенија во Северна Македонија.</figcaption>
                </figure>

                <h2>Зошто беше посебно?</h2>
                <p>Затоа што овој настан не беше само уште една презентација. Тој беше рака подадена кон идните студенти – порака дека не се сами, дека веќе постои заедница што ги чека. Некои од нив заминаа со нови пријатели, други со конкретни одговори на прашања што ги мачеле со месеци. Но сите заминаа со исто чувство: дека Словенија повеќе не е непознато место, туку нов дом во кој ќе бидат дел од нешто поголемо.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-8.webp" alt="Присутните на настанот">
                    <figcaption>Фотографии од присутните на настанот!</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>„Настанот беше „game changer“ за мене бидејќи конечно добив информации што ми помогнаа навистина да ја запознаам студентска Словенија наместо уште едно купче брошури. Панелот беше супер, опуштен, со муабети за најдобрите места за излегување, денови заглавени во библиотека, животот во студентски домови и класичната „се успав пред испит“ приказна... П.С. А, нетворкингот, нетворкингот беше топ – без незгодно ќутење.”</p>
                    <footer>— Борјан Јовановски, иден студент и учесник на настанот</footer>
                </blockquote>

                <h2>Практични совети од прва рака</h2>
                <p>Посебен момент на настанот беше обраќањето на конзулот од Амбасадата на Република Словенија во Северна Македонија, господинот Мартин Глазар. Тој накратко ги претстави најважните чекори од процесот за добивање дозвола за привремен престој – една од најголемите грижи и предизвици за сите странски студенти во Словенија. На тој начин, идните студенти добија појасна слика за тоа што ги очекува и како полесно да се справат со административните процедури.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-9.png" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
                    <figcaption>Фотографија од конзулот кој на интересен начин ги запознава студентите со процесот за добивање на привремена дозвола за престој!</figcaption>
                </figure>

                <h2>За оние што не беа физички присутни со нас</h2>
                <p>Не секој успеа да биде присутен во салата, но затоа се потрудивме никој да не остане без ова искуство. Настанот го пренесувавме во живо преку нашата Фејсбук страница, а снимката сè уште е достапна. Ако сакаш да ја доживееш атмосферата и да ги чуеш приказните од прва рака, можеш да го погледнеш целиот настан на овој линк тука.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-10.webp" alt="Постер за настанот „Запознај ја студентска Словенија“">
                    <figcaption>Фотографија од постерот за настанот!</figcaption>
                </figure>

                <h2>Се гледаме во Словенија!</h2>
                <p>Со „Запознај ја студентска Словенија 2023“ успеавме да им подадеме рака на новите студенти и да им покажеме дека пред нив стои возбудливо патување полно со нови пријателства, предизвици и успеси. Искрено се надеваме дека следниот пат ќе се сретнеме токму таму – во предавалните, студентските домови и улиците на Љубљана, Марибор и Копер.</p>
                <p>Овој настан немаше да биде можен без поддршката на нашите партнери и пријатели, на кои им упатуваме огромна благодарност:</p>
                <ol>
                    <li>Амбасада на Република Словенија во Северна Македонија (партнер)</li>
                    <li>НЛБ Банка Скопје (главен спонзор и покровител)</li>
                    <li>Капитал Финансиски Центар (спонзор)</li>
                    <li>Дијаг доо (спонзор)</li>
                    <li>Радио МОФ (медиа партнер)</li>
                </ol>
                <p>Благодарност до сите што беа дел од овој настан – а на идните студенти им порачуваме: вашата приказна во Словенија штотуку започнува и ние сме тука да бидеме дел од неа.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-11.png" alt="Мал дел од тимот на МСОС">
                    <figcaption>Фотографија од мал дел од тимот затоа што заборавивме да се сликаме сите заедно!&#129322;</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Внесете ја вашата е-пошта">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./mk/projects/meet-student-slovenia-2024/index.html" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Запознај ја студентска Словенија 2024 - МСОС</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Правилна патека до главната CSS-датотека -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../mk/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 16 септември 2024</p>
                <h1>Запознај ја студентска Словенија 2024</h1>
                <p class="article-subtitle">Кога студентските приказни се претвораат во првиот чекор кон новиот дом.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-img-1.webp" alt="Група студенти на настанот „Запознај ја студентска Словенија 2024“">
            </figure>

            <div class="article-body">
                <p>По успехот во 2023 година, „Запознај ја студентска Словенија“ оваа година се врати со уште поголема енергија. На 16 септември 2024 година во НЛБ Галерија Скопје, го одржавме второто издание на настанот кој стана вистинска традиција. Интересот беше огромен – имавме двојно повеќе пријави од капацитетот на просторот. Атмосферата беше полна со возбуда, прашања и желба за нови почетоци.</p>
                
                <h2>„Кафе муабет“ со идни колеги, но на панел дискусија</h2>
                <p>Нашата цел никогаш не била да правиме „суви презентации“. Наместо тоа, организиравме панел – вистински муабет со четворица студенти кои веќе го живеат словенечкиот студентски живот. Марија Коштревска од Универзитетот во Љубљана, Васил Ханџиски од Универзитетот во Марибор, Софија Матовска од Универзитетот во Нова Горица и Игор Арсов од Универзитетот во Приморска зборуваа за се: првите денови далеку од дома, како е да се најде сместување, што се студентските „бони“ и како изгледа да се гради нов круг на пријатели. Секој сподели нешто свое, а публиката прашуваше и се вклучуваше – баш како муабет на кафе.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-2.webp" alt="Панел дискусија со говорници">
                    <figcaption>Фотографија од модераторот и панелистите по следниот редослед: Климентина Чаповска (лево, модератор), Васил Ханџиски, Марија Коштревска, Игор Арсов и Софија Матовска.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-3.webp" alt="Марија Коштревска и Софија Матовска го раскажуваат своето студентско искуство во Словенија.">
                    <figcaption>Марија Коштревска (на горната слика) и Софија Матовска (на долната слика) го раскажуваат своето студентско искуство во Словенија.</figcaption>
                </figure>

                <h2>Што остана зад нас</h2>
                <p>Оваа вечер не беше само размена на информации. Беше момент кога идните студенти разбраа дека не се сами во своите грижи и стравови. Секое прашање доби одговор од искуство, секоја дилема беше растопена со пример од реалноста. Многумина заминаа охрабрени со нови пријатели и со чувство дека Словенија веќе не е толку далечна и непозната.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-4.webp" alt="Марко Ивановски, водител на настанот">
                    <figcaption>Марко Ивановски, водител на настанот.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-5.webp" alt="Леа Јаначковска, координатор на настанот">
                    <figcaption>Леа Јаначковска, координатор на настанот.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-6.webp" alt="Марко Арсов, презентер">
                    <figcaption>Марко Арсов, презентер.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-7.webp" alt="Претставници на Амбасадата, Управниот одбор на НЛБ Банка и Управниот одбор на МСОС.">
                    <figcaption>На долната слика се претставниците на Амбасадата, Управниот одбор на НЛБ Банка и Управниот одбор на МСОС.</figcaption>
                </figure>

                <h2>Поддршката што ја направи разликата</h2>
                <p>„Запознај ја студентска Словенија 2024" немаше да изгледа вака без помошта на нашите партнери и пријатели. Голема благодарност упатуваме до Амбасадата на Република Словенија во Северна Македонија, НЛБ Банка Скопје како покровител и главен спонзор на целиот настан и Капитал Финансиски Центар, кои со својата поддршка овозможија настанот да се реализира на ова високо ниво.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-8.webp" alt="Новопечатени налепници на МСОС">
                    <figcaption>Фотографија од новопечатените налепници на МСОС.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-9.webp" alt="Врачување цвеќе како благодарност до Амбасадата, Капитал Финансиски центар и НЛБ Банка Скопје">
                    <figcaption>Фотографија од врачувањето на цвеќиња во знак на благодарност до Амбасадата, Капитал Финансиски центар и НЛБ Банка Скопје.</figcaption>
                </figure>
                
                <p>Посебна благодарност заслужува тимот на МСОС, кој неуморно работеше со недели за подготовките – од првичната идеја, па сè до последниот детаљ на вечерта. Над сè, големо признание за Леа Јаначковска, координаторка на настанот, која со својата енергија, трпение и организациски вештини се погрижи секоја коцка да биде на своето место.</p>
                <p>Овојпат спомените од вечерта ги должиме на Христина Траковска, која беше фотограф и се погрижи сите тие моменти да останат забележани и да можеме повторно да ги проживуваме преку фотографии.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-10.webp" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
                    <figcaption>Фотографија од поздравниот говор на Н.Е. амбасадор господинот Грегор Прескер.</figcaption>
                </figure>

                <h2>Зошто беше посебно?</h2>
                <p>Затоа што овој настан не беше само уште една презентација. Тој беше рака подадена кон идните студенти – порака дека не се сами, дека веќе постои заедница што ги чека. Некои од нив заминаа со нови пријатели, други со конкретни одговори на прашања што ги мачеле со месеци. Но сите заминаа со исто чувство: дека Словенија повеќе не е непознато место, туку нов дом во кој ќе бидат дел од нешто поголемо.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-11.webp" alt="Учесниците поставуваат прашања на панелистите">
                    <figcaption>Моменти кога учесниците им поставуваат прашања на панелистите!&#128522;✨</figcaption>
                </figure>

                <h2>За оние што не беа физички присутни со нас</h2>
                <p>Знаеме дека не секој успеа да присуствува во НЛБ Галерија, но затоа овозможивме квалитетен livestream. Настанот беше пренесуван во живо и сега е достапен за повторно гледање. Доколку сакате да ја почувствувате атмосферата и да ги чуете искрените приказни од панелот, можете да го погледнете на овој линк <a href="#">Погледни го видеото тука.</a></p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-12.webp" alt="Постер за настанот „Запознај ја студентска Словенија“">
                    <figcaption>Фотографија од постерот за настанот!</figcaption>
                </figure>

                <h2>Се гледаме во Словенија!</h2>
                <p>„Запознај ја студентска Словенија“ не е само настан. Тоа е место каде идните студенти го прават првиот чекор – со поддршка, со совети од прва рака и со чувство дека не се сами. И оваа година успеавме да го создадеме тоа чувство, а тоа е најголемата победа.</p>
                <p>Се гледаме повторно наредната година!</p>
                <p>П.С. Секоја година после успешно оранизираниот настан тимот на МСОС традиционално се упатува кон најблиската кафана, на вечер полна дружење, пеење и емоции! &#129322; Затоа вреди да си и ти дел од нашиот тим! Придружи ни се.</p>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Внесете ја вашата е-пошта">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./mk/projects/meet-student-slovenia-2024/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Запознај ја студентска Словенија 2024 - МСОС</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Правилна патека до главната CSS-датотека -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../mk/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 16 септември 2024</p>
                <h1>Запознај ја студентска Словенија 2024</h1>
                <p class="article-subtitle">Кога студентските приказни се претвораат во првиот чекор кон новиот дом.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-img-1.webp" alt="Група студенти на настанот „Запознај ја студентска Словенија 2024“">
            </figure>

            <div class="article-body">
                <p>По успехот во 2023 година, „Запознај ја студентска Словенија“ оваа година се врати со уште поголема енергија. На 16 септември 2024 година во НЛБ Галерија Скопје, го одржавме второто издание на настанот кој стана вистинска традиција. Интересот беше огромен – имавме двојно повеќе пријави од капацитетот на просторот. Атмосферата беше полна со возбуда, прашања и желба за нови почетоци.</p>
                
                <h2>„Кафе муабет“ со идни колеги, но на панел дискусија</h2>
                <p>Нашата цел никогаш не била да правиме „суви презентации“. Наместо тоа, организиравме панел – вистински муабет со четворица студенти кои веќе го живеат словенечкиот студентски живот. Марија Коштревска од Универзитетот во Љубљана, Васил Ханџиски од Универзитетот во Марибор, Софија Матовска од Универзитетот во Нова Горица и Игор Арсов од Универзитетот во Приморска зборуваа за се: првите денови далеку од дома, како е да се најде сместување, што се студентските „бони“ и како изгледа да се гради нов круг на пријатели. Секој сподели нешто свое, а публиката прашуваше и се вклучуваше – баш како муабет на кафе.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-2.webp" alt="Панел дискусија со говорници">
                    <figcaption>Фотографија од модераторот и панелистите по следниот редослед: Климентина Чаповска (лево, модератор), Васил Ханџиски, Марија Коштревска, Игор Арсов и Софија Матовска.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-3.webp" alt="Марија Коштревска и Софија Матовска го раскажуваат своето студентско искуство во Словенија.">
                    <figcaption>Марија Коштревска (на горната слика) и Софија Матовска (на долната слика) го раскажуваат своето студентско искуство во Словенија.</figcaption>
                </figure>

                <h2>Што остана зад нас</h2>
                <p>Оваа вечер не беше само размена на информации. Беше момент кога идните студенти разбраа дека не се сами во своите грижи и стравови. Секое прашање доби одговор од искуство, секоја дилема беше растопена со пример од реалноста. Многумина заминаа охрабрени со нови пријатели и со чувство дека Словенија веќе не е толку далечна и непозната.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-4.webp" alt="Марко Ивановски, водител на настанот">
                    <figcaption>Марко Ивановски, водител на настанот.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-5.webp" alt="Леа Јаначковска, координатор на настанот">
                    <figcaption>Леа Јаначковска, координатор на настанот.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-6.webp" alt="Марко Арсов, презентер">
                    <figcaption>Марко Арсов, презентер.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-7.webp" alt="Претставници на Амбасадата, Управниот одбор на НЛБ Банка и Управниот одбор на МСОС.">
                    <figcaption>На долната слика се претставниците на Амбасадата, Управниот одбор на НЛБ Банка и Управниот одбор на МСОС.</figcaption>
                </figure>

                <h2>Поддршката што ја направи разликата</h2>
                <p>„Запознај ја студентска Словенија 2024" немаше да изгледа вака без помошта на нашите партнери и пријатели. Голема благодарност упатуваме до Амбасадата на Република Словенија во Северна Македонија, НЛБ Банка Скопје како покровител и главен спонзор на целиот настан и Капитал Финансиски Центар, кои со својата поддршка овозможија настанот да се реализира на ова високо ниво.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-8.webp" alt="Новопечатени налепници на МСОС">
                    <figcaption>Фотографија од новопечатените налепници на МСОС.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-9.webp" alt="Врачување цвеќе како благодарност до Амбасадата, Капитал Финансиски центар и НЛБ Банка Скопје">
                    <figcaption>Фотографија од врачувањето на цвеќиња во знак на благодарност до Амбасадата, Капитал Финансиски центар и НЛБ Банка Скопје.</figcaption>
                </figure>
                
                <p>Посебна благодарност заслужува тимот на МСОС, кој неуморно работеше со недели за подготовките – од првичната идеја, па сè до последниот детаљ на вечерта. Над сè, големо признание за Леа Јаначковска, координаторка на настанот, која со својата енергија, трпение и организациски вештини се погрижи секоја коцка да биде на своето место.</p>
                <p>Овојпат спомените од вечерта ги должиме на Христина Траковска, која беше фотограф и се погрижи сите тие моменти да останат забележани и да можеме повторно да ги проживуваме преку фотографии.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-10.png" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
                    <figcaption>Фотографија од поздравниот говор на Н.Е. амбасадор господинот Грегор Прескер.</figcaption>
                </figure>

                <h2>Зошто беше посебно?</h2>
                <p>Затоа што овој настан не беше само уште една презентација. Тој беше рака подадена кон идните студенти – порака дека не се сами, дека веќе постои заедница што ги чека. Некои од нив заминаа со нови пријатели, други со конкретни одговори на прашања што ги мачеле со месеци. Но сите заминаа со исто чувство: дека Словенија повеќе не е непознато место, туку нов дом во кој ќе бидат дел од нешто поголемо.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-11.webp" alt="Учесниците поставуваат прашања на панелистите">
                    <figcaption>Моменти кога учесниците им поставуваат прашања на панелистите!&#128522;✨</figcaption>
                </figure>

                <h2>За оние што не беа физички присутни со нас</h2>
                <p>Знаеме дека не секој успеа да присуствува во НЛБ Галерија, но затоа овозможивме квалитетен livestream. Настанот беше пренесуван во живо и сега е достапен за повторно гледање. Доколку сакате да ја почувствувате атмосферата и да ги чуете искрените приказни од панелот, можете да го погледнете на овој линк <a href="#">Погледни го видеото тука.</a></p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-12.webp" alt="Постер за настанот „Запознај ја студентска Словенија“">
                    <figcaption>Фотографија од постерот за настанот!</figcaption>
                </figure>

                <h2>Се гледаме во Словенија!</h2>
                <p>„Запознај ја студентска Словенија“ не е само настан. Тоа е место каде идните студенти го прават првиот чекор – со поддршка, со совети од прва рака и со чувство дека не се сами. И оваа година успеавме да го создадеме тоа чувство, а тоа е најголемата победа.</p>
                <p>Се гледаме повторно наредната година!</p>
                <p>П.С. Секоја година после успешно оранизираниот настан тимот на МСОС традиционално се упатува кон најблиската кафана, на вечер полна дружење, пеење и емоции! &#129322; Затоа вреди да си и ти дел од нашиот тим! Придружи ни се.</p>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Внесете ја вашата е-пошта">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./mk/projects/morning-coffee-in-front-of-ctk/index.html" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Утринско кафе пред ЦТК – 2024: Кафе, бурек и многу насмевки</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../mk/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 8 јуни 2024</p>
                <h1>Утринско кафе пред ЦТК – 2024: Кафе, бурек и многу насмевки</h1>
                <p class="article-subtitle">Кога испитите некако ти стануваат полесни со саботно утринско кафе, бурек и добро друштво пред ЦТК!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-image1.webp" alt="Студенти уживаат во кафе и бурек пред ЦТК.">
            </figure>

            <div class="article-body">
                <p>На 8 јуни 2024, од 9 до 12 часот, пред Централната техничка библиотека на Универзитетот во Љубљана (ЦТК), ја организиравме нашата веќе традиционална студентска пауза – Утринско кафе пред ЦТК заедно со тимот на Скупина Повезани и ЦТК. Ова беше втора година по ред како се дружиме на истото место, но секој пат носи нови моменти за паметење.</p>
                
                <h2>Кафе против стресот</h2>
                <p>Испитната сесија секогаш носи стрес – часови и часови учење, разговори што се вртат само околу испити, први и втори рокови, положени или не, некои за прв пат, а некои и по петти пат. Затоа решивме да направиме мала пауза за воздишка: да се опуштиме, да се насмееме и да се потсетиме дека сме тука заедно во овој студиски стрес.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image2.webp" alt="Студенти чекаат во ред пред библиотеката ЦТК.">
                    <figcaption>Стотина студенти во ред пред ЦТК, чекаат уште пред отворање за да фатат место во библиотеката.</figcaption>
                </figure>
                
                <p>Со шолја топло кафе во рака, а благодарение на <strong>Бурек Олимпија</strong> уживавме во вкусен бурек со месо и сирење. Се потрудивме и да внесеме малку забава – ги поканивме студентите да донесат свои чашки, а за најкреативните имаше награда.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image3.webp" alt="Студент се смее додека јаде бурек.">
                    <figcaption>Бесплатен топол бурек – тајната формула за решавање и на најтешките математички проблеми 😉</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image4.webp" alt="Група студенти со топло кафе позираат пред ЦТК.">
                    <figcaption>Група студенти со топло кафе, насмеани пред ЦТК.</figcaption>
                </figure>

                <h2>Поставивме две прашања што ни открија цела палета студентски емоции</h2>
                <p>За дополнителна доза интеракција, поставивме две големи табли со прашања што едноставно те тераат да одговориш: <strong>„Како ја преживувам испитната сесија?“</strong> и <strong>„Kako bi opisal počutje med izpitnem obdobjem?“</strong>.</p>
                <p>Реакциите беа моментални – студентите се нафрлија да пишуваат, а одговорите беа сè, само не досадни: од „хаотично“ и „Сакаме да спиеме! (не во ЦТК)!" до „лагано“, „под стрес“, „исцрпено“, „среќно“ и „заспано“. Со други зборови – цел спектар на студентски емоции, искрено преточени во неколку зборови.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image5.webp" alt="Табла со рачно напишани одговори од студенти за нивните чувства за време на испитниот рок.">
                    <figcaption>Духовити и искрени одговори на големите табли со прашања пред ЦТК.</figcaption>
                </figure>

                <h2>Како стигнавме од кафе до симулатор на летање и принтери за ЗД моделирање</h2>
                <p>Како бонус за студентите во договор со универзитетската техничка библиотека, програмата беше збогатена и со изложба на ЦТК, каде што беа претставени симулатор за летање, ЗД принтери и друга интересна опрема која студентите можеа да ја пробаат, а потоа и бесплатно да ја изнајмат во Креативното студио на ЦТК – дел од нивната едукативна програма.</p>
                
                <h2>Кафе и бурек = желба да станувам секој ден за да учам по 12 часа</h2>
                <p>Околу 150 луѓе го посетија заедничкиот штанд на МСОС, Повезани и ЦТК за да се подружат, да се напијат кафе, да грицнат нешто и да си разменат приказни меѓу книгите и роковите. Настанот помина во одлична атмосфера – многу насмевки, нови познанства и еден мал потсетник дека и во најстресните периоди, секогаш има време за кафе и добро друштво.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image6.webp" alt="Студенти собрани на заедничкиот штанд за време на настанот.">
                    <figcaption>Дел од атмосферата на заедничкиот штанд</figcaption>
                </figure>
                
                <p>Се гледаме повторно и следната година – уште поопуштени и со уште повеќе кафе!</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image7.webp" alt="Колаж од фотографии на кои се прикажани студенти, шолји за кафе и бурек.">
                    <figcaption>Убава дружба, многу спомени и заеднички пребродени испитни стресови.</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                        <input type="email" placeholder="Внесете ја вашата е-пошта">
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./mk/projects/morning-coffee-in-front-of-ctk/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="mk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Утринско кафе пред ЦТК – 2024: Кафе, бурек и многу насмевки</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Link to the main CSS file -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../mk/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="../../../mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Објавено на 8 јуни 2024</p>
                <h1>Утринско кафе пред ЦТК – 2024: Кафе, бурек и многу насмевки</h1>
                <p class="article-subtitle">Кога испитите некако ти стануваат полесни со саботно утринско кафе, бурек и добро друштво пред ЦТК!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-image1.webp" alt="Студенти уживаат во кафе и бурек пред ЦТК.">
            </figure>

            <div class="article-body">
                <p>На 8 јуни 2024, од 9 до 12 часот, пред Централната техничка библиотека на Универзитетот во Љубљана (ЦТК), ја организиравме нашата веќе традиционална студентска пауза – Утринско кафе пред ЦТК заедно со тимот на Скупина Повезани и ЦТК. Ова беше втора година по ред како се дружиме на истото место, но секој пат носи нови моменти за паметење.</p>
                
                <h2>Кафе против стресот</h2>
                <p>Испитната сесија секогаш носи стрес – часови и часови учење, разговори што се вртат само околу испити, први и втори рокови, положени или не, некои за прв пат, а некои и по петти пат. Затоа решивме да направиме мала пауза за воздишка: да се опуштиме, да се насмееме и да се потсетиме дека сме тука заедно во овој студиски стрес.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image2.webp" alt="Студенти чекаат во ред пред библиотеката ЦТК.">
                    <figcaption>Стотина студенти во ред пред ЦТК, чекаат уште пред отворање за да фатат место во библиотеката.</figcaption>
                </figure>
                
                <p>Со шолја топло кафе во рака, а благодарение на <strong>Бурек Олимпија</strong> уживавме во вкусен бурек со месо и сирење. Се потрудивме и да внесеме малку забава – ги поканивме студентите да донесат свои чашки, а за најкреативните имаше награда.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image3.webp" alt="Студент се смее додека јаде бурек.">
                    <figcaption>Бесплатен топол бурек – тајната формула за решавање и на најтешките математички проблеми 😉</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image4.webp" alt="Група студенти со топло кафе позираат пред ЦТК.">
                    <figcaption>Група студенти со топло кафе, насмеани пред ЦТК.</figcaption>
                </figure>

                <h2>Поставивме две прашања што ни открија цела палета студентски емоции</h2>
                <p>За дополнителна доза интеракција, поставивме две големи табли со прашања што едноставно те тераат да одговориш: <strong>„Како ја преживувам испитната сесија?“</strong> и <strong>„Kako bi opisal počutje med izpitnem obdobjem?“</strong>.</p>
                <p>Реакциите беа моментални – студентите се нафрлија да пишуваат, а одговорите беа сè, само не досадни: од „хаотично“ и „Сакаме да спиеме! (не во ЦТК)!" до „лагано“, „под стрес“, „исцрпено“, „среќно“ и „заспано“. Со други зборови – цел спектар на студентски емоции, искрено преточени во неколку зборови.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image5.webp" alt="Табла со рачно напишани одговори од студенти за нивните чувства за време на испитниот рок.">
                    <figcaption>Духовити и искрени одговори на големите табли со прашања пред ЦТК.</figcaption>
                </figure>

                <h2>Како стигнавме од кафе до симулатор на летање и принтери за ЗД моделирање</h2>
                <p>Како бонус за студентите во договор со универзитетската техничка библиотека, програмата беше збогатена и со изложба на ЦТК, каде што беа претставени симулатор за летање, ЗД принтери и друга интересна опрема која студентите можеа да ја пробаат, а потоа и бесплатно да ја изнајмат во Креативното студио на ЦТК – дел од нивната едукативна програма.</p>
                
                <h2>Кафе и бурек = желба да станувам секој ден за да учам по 12 часа</h2>
                <p>Околу 150 луѓе го посетија заедничкиот штанд на МСОС, Повезани и ЦТК за да се подружат, да се напијат кафе, да грицнат нешто и да си разменат приказни меѓу книгите и роковите. Настанот помина во одлична атмосфера – многу насмевки, нови познанства и еден мал потсетник дека и во најстресните периоди, секогаш има време за кафе и добро друштво.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image6.webp" alt="Студенти собрани на заедничкиот штанд за време на настанот.">
                    <figcaption>Дел од атмосферата на заедничкиот штанд</figcaption>
                </figure>
                
                <p>Се гледаме повторно и следната година – уште поопуштени и со уште повеќе кафе!</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image7.png" alt="Колаж од фотографии на кои се прикажани студенти, шолји за кафе и бурек.">
                    <figcaption>Убава дружба, многу спомени и заеднички пребродени испитни стресови.</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
                        <div class="author-text">
                            <p class="author-name">Кристијан Поповски</p>
                            <p class="author-title">Претседател и основач</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Придружете се на 2.000+ претплатници</h2>
                    <p>Останете во тек со сè што треба да знаете.</p>
                    <form class="subscribe-form-bottom">
                        <input type="email" placeholder="Внесете ја вашата е-пошта">
                        <button type="submit" class="btn btn-primary-orange">Претплати се</button>
                    </form>
                    <p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./optimize_images.py" : 
"""
import os
import re
import argparse
import shutil
from PIL import Image

# --- Konfiguracija skripte ---
PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__)) # Predvideva, da je skripta v root direktoriju projekta

IMAGES_DIR_NAME = "images"
ORIGINAL_IMAGES_SUBDIR_NAME = "original" # Podmapa znotraj IMAGES_DIR_NAME
HTML_ROOT_DIRS = ['en', 'si', 'mk'] # Jezikovne mape, kjer se nahajajo HTML datoteke za posodobitev

WEBP_QUALITY = 80 # Kakovost kompresije za WebP (0-100). Višja številka = boljša kakovost, večja datoteka.
MAX_IMAGE_DIMENSION = 1920 # Maksimalna dimenzija (širina ali višina) za pomanjšanje, če je slika večja. Ohranijo se razmerja. Če je 0, se ne pomanjšuje.

IMAGE_EXTENSIONS_TO_OPTIMIZE = ['.jpg', '.jpeg', '.png', '.gif'] # Končnice datotek, ki jih želimo optimizirati
EXCLUDE_FILES_FROM_OPTIMIZATION = [
    '1-logo.png',       # Logotip, ki ga morda ne želimo spreminjati
    '13-whitelogo.png', # Beli logotip, ki ga morda ne želimo spreminjati
    'favicon.ico'       # Ikona, ki ni slikovni format, ki ga Pillow lahko enostavno pretvori v WebP
    # Dodaj še druga imena datotek, ki jih želiš izključiti iz optimizacije
]

# --- Pomožne funkcije ---

def optimize_image(image_path, output_path, quality, max_dim, dry_run=False):
    """
    Naloži sliko, jo po potrebi pomanjša, optimizira in pretvori v WebP format.
    """
    try:
        with Image.open(image_path) as img:
            original_size = img.size
            
            # Pretvorba v RGB, če je potrebno (WebP ne podpira npr. paletnih slik brez RGB pretvorbe)
            if img.mode in ('P', 'LA', 'RGBA'):
                if img.mode == 'RGBA':
                    # Za RGBA slike, ki so shranjene v WebP, se shrani z alfa kanalom.
                    # Če želimo brez alfa, bi morali ustvariti belo ozadje:
                    # new_img = Image.new("RGB", img.size, (255, 255, 255))
                    # new_img.paste(img, mask=img.split()[3])
                    # img = new_img
                    pass # Ohranimo RGBA za WebP z alfa kanalom
                else:
                    img = img.convert("RGB")
            
            # Pomanjšanje slike, če je prevelika
            if max_dim > 0 and (img.width > max_dim or img.height > max_dim):
                print(f"  Pomanjšujem sliko {os.path.basename(image_path)} iz {img.width}x{img.height} ...", end="")
                img.thumbnail((max_dim, max_dim), Image.LANCZOS) # Lanczos za kakovostno pomanjšanje
                print(f" na {img.width}x{img.height}")
            else:
                print(f"  Obdelujem sliko {os.path.basename(image_path)} ({img.width}x{img.height})...", end="")

            if not dry_run:
                # Shrani v WebP
                # Za RGBA WebP slike, `lossless=True` ali `quality` določita kompresijo.
                # `method` (0-6) nadzoruje hitrost/kakovost kodiranja. Višja = počasneje/boljše.
                img.save(output_path, "webp", quality=quality, method=6)
                print(f" Shrani v {os.path.basename(output_path)} (kvaliteta: {quality}).")
            else:
                print(f" DRY RUN: Shranil bi v {os.path.basename(output_path)} (kvaliteta: {quality}).")

            return True
    except FileNotFoundError:
        print(f"  Napaka: Izvorna slika '{image_path}' ni najdena.")
        return False
    except Exception as e:
        print(f"  Napaka pri optimizaciji slike '{image_path}': {e}")
        return False

def update_html_references(html_file_path, old_filename_with_ext, new_filename_with_ext, dry_run=False):
    """
    Poišče staro ime slike v HTML datoteki in ga zamenja z novim imenom WebP.
    """
    try:
        with open(html_file_path, 'r', encoding='utf-8') as f:
            content = f.read()
    except Exception as e:
        print(f"  Napaka pri branju HTML datoteke '{html_file_path}': {e}")
        return False

    original_content = content
    changed = False

    # Izdelava regularnega izraza, ki bo iskal staro ime datoteke znotraj poti
    # in ga zamenjal z novim. Poskrbimo, da ujemanje ni preveč široko.
    # Iščemo vzorce kot so src=".../staro_ime.ext", url('.../staro_ime.ext'), itd.
    
    # Prvi del ujame začetek atributa/URL-ja (npr. src=" ali url()...)
    # Drugi del ujame *katerokoli pot* pred imenom datoteke (npr. ../images/)
    # Tretji del ujame staro ime datoteke z razširitvijo
    # Četrti del ujame zaključek atributa/URL-ja
    
    # Regex pattern to match filename.ext in various HTML/CSS contexts
    # Example: 1-logo.png -> 1-logo.webp
    # It must replace only the filename, not parts of other filenames.
    
    # This pattern is specifically designed to handle common cases where image names appear
    # in src/srcset/href attributes or url() CSS functions.
    # It uses named groups for clarity and robustness.
    # Group `before_path` captures anything before the actual filename to ensure we only
    # target image references and not random text.
    # Group `path` captures the relative path (e.g., ../images/).

    # We need to escape the old filename for regex safety.
    escaped_old_filename = re.escape(old_filename_with_ext)
    
    # Pattern to find old_filename_with_ext in common image contexts.
    # This pattern looks for the filename preceded by either:
    # - `src="` or `srcset="` or `href="` followed by any path characters
    # - `url(` followed by optional quotes and any path characters
    # It attempts to capture the path prefix to preserve it.

    # This is a complex regex. Let's simplify the strategy slightly to avoid over-matching.
    # Iterate through potential contexts and replace just the filename within that context.
    
    # Contexts: src="...", srcset="...", url('...'), url("..."), url(...)
    
    patterns = [
        # For src, srcset, href attributes (usually contain path/filename.ext)
        re.compile(rf'(?P<attr>src|srcset|href)=["\'](?P<path>.*?){escaped_old_filename}(?P<end>["\'])', re.IGNORECASE),
        # For url() in CSS (can be with single, double quotes or no quotes)
        re.compile(rf'(url\([\'"]*)(?P<path>.*?){escaped_old_filename}([\'"]*\))', re.IGNORECASE)
    ]

    for pattern in patterns:
        content, num_replacements = pattern.subn(
            lambda m: f"{m.group('attr')}=\"{m.group('path')}{new_filename_with_ext}\"" if 'attr' in m.groupdict() else f"{m.group(1)}{m.group('path')}{new_filename_with_ext}{m.group(3)}",
            content
        )
        if num_replacements > 0:
            changed = True
            print(f"  Zamenjano {num_replacements} referenc za '{old_filename_with_ext}' z '{new_filename_with_ext}' v '{html_file_path}'.")

    if changed and not dry_run:
        backup_path = html_file_path + ".bak"
        try:
            shutil.copy2(html_file_path, backup_path)
            # print(f"  Varnostna kopija ustvarjena: {backup_path}") # Odkomentiraj za več izpisa
        except Exception as e:
            print(f"  Napaka pri ustvarjanju varnostne kopije za '{html_file_path}': {e}")
            return False

        try:
            with open(html_file_path, 'w', encoding='utf-8') as f:
                f.write(content)
            # print(f"  HTML datoteka posodobljena: {html_file_path}") # Odkomentiraj za več izpisa
            return True
        except Exception as e:
            print(f"  Napaka pri zapisovanju v HTML datoteko '{html_file_path}': {e}")
            return False
    elif changed and dry_run:
        print(f"  DRY RUN: HTML datoteka '{html_file_path}' bi bila posodobljena (reference za '{old_filename_with_ext}' z '{new_filename_with_ext}').")
        return True # Return true in dry_run if changes would have occurred
    else:
        # print(f"  Ni referenc za '{old_filename_with_ext}' v '{html_file_path}'.") # Odkomentiraj za več izpisa
        return False


def find_html_files(root_dir):
    """
    Rekurzivno poišče vse HTML datoteke v določenem korenskem imeniku.
    Vrne seznam absolutnih poti do datotek.
    """
    html_files = []
    for dirpath, _, filenames in os.walk(root_dir):
        for filename in filenames:
            if filename.endswith(".html"):
                html_files.append(os.path.join(dirpath, filename))
    return html_files

# --- Glavna funkcija ---

def main():
    parser = argparse.ArgumentParser(description="Skripta za optimizacijo slik (pretvorba v WebP) in posodobitev HTML referenc.")
    parser.add_argument("--dry-run", action="store_true", help="Izvede operacije, vendar ne spreminja datotek in ne premika originalnih slik.")
    args = parser.parse_args()

    images_full_path = os.path.join(PROJECT_ROOT, IMAGES_DIR_NAME)
    original_images_full_path = os.path.join(images_full_path, ORIGINAL_IMAGES_SUBDIR_NAME)

    if not os.path.isdir(images_full_path):
        print(f"Napaka: Mapa s slikami '{images_full_path}' ne obstaja. Preverite konfiguracijo.")
        return

    if not args.dry_run:
        # Ustvari mapo za originalne slike, če ne obstaja
        os.makedirs(original_images_full_path, exist_ok=True)
        print(f"Mapa za originalne slike: '{original_images_full_path}' (ustvarjena, če ni obstajala).")
    else:
        print(f"DRY RUN: Mapa za originalne slike bi bila '{original_images_full_path}'.")


    optimized_images_map = [] # Seznam slovarjev: {'old_name': 'slika.jpg', 'new_name': 'slika.webp', 'old_full_path': ..., 'new_full_path': ...}
    
    print("\n--- ZAČETEK OPTIMIZACIJE SLIK ---")
    for filename in os.listdir(images_full_path):
        if filename == ORIGINAL_IMAGES_SUBDIR_NAME:
            continue # Preskoči mapo za originalne slike
        
        file_path = os.path.join(images_full_path, filename)

        if os.path.isfile(file_path):
            name, ext = os.path.splitext(filename)
            ext = ext.lower()

            if filename in EXCLUDE_FILES_FROM_OPTIMIZATION:
                print(f"  Preskakujem izključeno datoteko: '{filename}'.")
                continue

            if ext in IMAGE_EXTENSIONS_TO_OPTIMIZE:
                new_filename = f"{name}.webp"
                new_file_path = os.path.join(images_full_path, new_filename)
                
                # Preveri, če WebP slika že obstaja in je starejša od originalne
                if os.path.exists(new_file_path) and os.path.getmtime(new_file_path) > os.path.getmtime(file_path):
                    print(f"  WebP različica '{new_filename}' že obstaja in je novejša od originala. Preskakujem optimizacijo.")
                    # Vseeno jo dodaj v mapo za posodobitev referenc
                    optimized_images_map.append({
                        'old_name': filename,
                        'new_name': new_filename,
                        'old_full_path': file_path,
                        'new_full_path': new_file_path
                    })
                    continue

                if optimize_image(file_path, new_file_path, WEBP_QUALITY, MAX_IMAGE_DIMENSION, args.dry_run):
                    optimized_images_map.append({
                        'old_name': filename,
                        'new_name': new_filename,
                        'old_full_path': file_path,
                        'new_full_path': new_file_path
                    })
                    if not args.dry_run:
                        # Premakni originalno sliko v 'original' mapo
                        try:
                            shutil.move(file_path, os.path.join(original_images_full_path, filename))
                            print(f"  Originalna slika premaknjena: '{filename}' -> '{ORIGINAL_IMAGES_SUBDIR_NAME}/'.")
                        except Exception as e:
                            print(f"  Napaka pri premikanju originalne slike '{filename}': {e}")
                    else:
                        print(f"  DRY RUN: Originalna slika '{filename}' bi bila premaknjena v '{ORIGINAL_IMAGES_SUBDIR_NAME}/'.")
                
            else:
                print(f"  Preskakujem datoteko (ni slika za optimizacijo): '{filename}'.")
        else:
            print(f"  Preskakujem (ni datoteka): '{filename}'.")

    if not optimized_images_map:
        print("\nNi slik za optimizacijo ali pa so že optimizirane. Preskakujem posodabljanje HTML referenc.")
        print("\n--- OPTIMIZACIJA SLIK ZAKLJUČENA ---")
        return

    print("\n--- ZAČETEK POSODABLJANJA HTML REFERENC ---")
    
    all_html_files = []
    for lang_dir_name in HTML_ROOT_DIRS:
        lang_full_path = os.path.join(PROJECT_ROOT, lang_dir_name)
        if os.path.isdir(lang_full_path):
            all_html_files.extend(find_html_files(lang_full_path))
        else:
            print(f"Opozorilo: Jezikovna mapa '{lang_full_path}' ne obstaja. Preskakujem iskanje HTML datotek v njej.")

    if not all_html_files:
        print("Ni najdenih HTML datotek za posodobitev referenc.")
        print("\n--- OPTIMIZACIJA SLIK ZAKLJUČENA ---")
        return

    updated_html_files_count = 0
    for html_file in all_html_files:
        file_changed = False
        for img_info in optimized_images_map:
            old_name = img_info['old_name']
            new_name = img_info['new_name']
            
            # Kliče update_html_references in preveri, ali je bila datoteka spremenjena
            if update_html_references(html_file, old_name, new_name, args.dry_run):
                file_changed = True
        
        if file_changed:
            updated_html_files_count += 1
            # print(f"  Posodobljene reference v: {html_file}") # Odkomentiraj za več izpisa
            
    print(f"\nPosodobljenih je bilo {updated_html_files_count} HTML datotek (vključno z DRY RUN).")
    print("\n--- OPTIMIZACIJA SLIK ZAKLJUČENA ---")

if __name__ == "__main__":
    main()"""


"./README.md" : 
"""
msos spletna stran
"""


"./si/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Makedonska Študentska Organizacija v Sloveniji</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko (popravljena pot) -->
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../si/" class="logo-link">
                <img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main>
        <section class="hero-section">
            <div class="hero-background">
                <div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
                <div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
            </div>
            <div class="hero-overlay"></div>
            <div class="hero-content">
                <div class="heading-and-supporting-text">
                    <div class="badge-group">
                        <div class="badge-content">
                            <span class="message">Prva uradna MSOS</span>
                        </div>
                    </div>
                    <h1>Opolnomočimo mlade z veščinami za spreminjanje sveta</h1>
                    <p>Ne glede na to, ali imate ekipo 2 ali 200 ljudi, naši skupni timski nabiralniki ohranjajo vse na isti strani in v koraku z dogajanjem.</p>
                </div>
                <button class="btn btn-primary-orange">Postani član</button>
            </div>
        </section>

        <section class="meet-the-team-section">
            <div class="video-container">
                <img src="../images/3.activites.webp" alt="Člani ekipe pri sodelovanju" class="video-thumbnail">
                <div class="video-overlay"></div>
                <button class="play-button" aria-label="Predvajaj video"></button>
            </div>
            <div class="team-content">
                <h2>Spoznajte našo izjemno ekipo!</h2>
                <p>Naša filozofija je preprosta — zaposliti ekipo raznolikih, strastnih ljudi in gojiti kulturo, ki vas opolnomoči, da opravite svoje najboljše delo.</p>
                <button class="btn btn-secondary">Več o tem</button>
            </div>
        </section>

        <section class="activities-section">
            <div class="activities-header">
                <h2>Aktivnosti</h2>
                <p>Naša filozofija je preprosta — zaposliti ekipo raznolikih, strastnih ljudi in gojiti kulturo, ki vas opolnomoči, da opravite svoje najboljše delo.</p>
            </div>
            <div class="activities-content">
                <div class="activities-nav">
                    <ul>
                        <li class="active">Študentsko predstavništvo</li>
                        <li>Izobraževanje in kultura</li>
                        <li>Zabava in druženje</li>
                        <li>Študentska podpora</li>
                    </ul>
                    <button class="btn btn-primary-orange">Postani član</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="Skupina nasmejanih študentov pri sodelovanju">
                </div>
            </div>
        </section>

        <section class="latest-news-section">
            <div class="news-header">
                <h2>Zadnje novice</h2>
                <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
            </div>
            <div class="news-articles">
                <article class="news-card">
                    <img src="../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore">
                    <div class="card-content">
                        <p class="author">Alec Whitten • 17 Jan 2022</p>
                        <h3>Lekcije vodenja Billa Walsha</h3>
                        <p>Bi radi izvedeli skrivnosti preoblikovanja ekipe z rezultatom 2-14 v trikratne zmagovalce Super Bowla...</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi">
                    <div class="card-content">
                        <p class="author">Demi Wilkinson • 16 Jan 2022</p>
                        <h3>Mentalni modeli za PM</h3>
                        <p>Mentalni modeli so preprosti izrazi kompleksnih procesov ali odnosov.</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/6-whatiswireframing.webp" alt="Moderna računalniška miza z velikim monitorjem, tipkovnico in slušalkami">
                    <div class="card-content">
                        <p class="author">Candice Wu • 15 Jan 2022</p>
                        <h3>Kaj je žični model (Wireframing)?</h3>
                        <p>Uvod v žično modeliranje in njegova načela. Učite se od najboljših v industriji.</p>
                    </div>
                </article>
            </div>
            <button class="btn btn-secondary">Poglej vse</button>
        </section>

        <section class="testimonials-section">
            <div class="testimonials-intro">
                <h2>Poglejte, kaj o nas pravijo naši partnerji</h2>
                <p>Vse, kar morate vedeti o produktu in zaračunavanju.</p>
            </div>
            <div class="testimonials-columns">
                <div class="testimonial-column">
                    <div class="testimonial-card">
                        <h3>Kako nas sodelovanje izboljša</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/7-graphicdesigner.webp" alt="Aleksandar Popovski">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Grafični oblikovalec pri MSOS</p>
                            </div>
                        </div>
                    </div>
                     <div class="testimonial-card">
                        <h3>Consectetur vitae ac parturient massa</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
                        <div class="author-info">
                            <img src="../images/11-boy.webp" alt="Drug član ekipe">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Grafični oblikovalec pri MSOS</p>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="testimonial-column column-offset">
                    <div class="testimonial-card">
                        <h3>Ponosni partnerji</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/12-girl2.webp" alt="Drug partner">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Grafični oblikovalec pri MSOS</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card">
                        <h3>Naša izkušnja sodelovanja</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                             <img src="../images/10-girl1.webp" alt="Druga članica ekipe">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Grafični oblikovalec pri MSOS</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="become-part-section">
            <div class="become-part-header">
                <h2>Postanite del naše izjemne ekipe</h2>
                <p>Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!</p>
            </div>
            <img src="../images/9-becomepart.webp" alt="Naša izjemna ekipa v učilnici" class="team-photo">
            
            <div class="contact-form-container">
                <form class="contact-form">
                    <div class="form-row">
                        <div class="form-group">
                            <label for="first-name">Ime</label>
                            <input type="text" id="first-name" placeholder="Ime">
                        </div>
                        <div class="form-group">
                            <label for="last-name">Priimek</label>
                            <input type="text" id="last-name" placeholder="Priimek">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email">E-pošta</label>
                        <input type="email" id="email" placeholder="student@email.com">
                    </div>
                    <div class="form-group">
                         <label for="phone-number">Telefonska številka</label>
                        <div class="phone-input">
                            <select id="country-code" aria-label="Klicna koda države">
                                <option>SI</option>
                                <option>MK</option>
                                <option>US</option>
                            </select>
                            <input type="tel" id="phone-number" placeholder="+386 (00) 000-000">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="message">Sporočilo</label>
                        <textarea id="message" rows="5"></textarea>
                    </div>
                    <div class="form-group checkbox-group">
                        <input type="checkbox" id="privacy-policy">
                        <label for="privacy-policy">Strinjate se z našo prijazno <a href="#">politiko zasebnosti</a>.</label>
                    </div>
                    <button type="submit" class="btn btn-primary">Pošlji sporočilo</button>
                </form>
            </div>
        </section>

        <section class="faq-section">
            <div class="faq-header">
                <h2>Pogosto zastavljena vprašanja</h2>
                <p>Vse, kar morate vedeti o produktu in zaračunavanju.</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <div class="faq-icon-container"><i class="fas fa-heart"></i></div>
                    <h3>Ali je na voljo brezplačen preizkus?</h3>
                    <p>Da, lahko nas brezplačno preizkušate 30 dni. Naša prijazna ekipa bo sodelovala z vami, da boste čim prej začeli.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
                    <h3>Ali lahko kasneje zamenjam svoj načrt?</h3>
                    <p>Seveda. Naše cene se prilagajajo vašemu podjetju. Poklepetajte z našo prijazno ekipo in poiščite rešitev, ki vam ustreza.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-ban"></i></div>
                    <h3>Kakšna je vaša politika odpovedi?</h3>
                    <p>Razumemo, da se stvari spreminjajo. Svoj načrt lahko kadar koli prekličete in povrnili vam bomo že plačano razliko.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
                    <h3>Ali se lahko na račun dodajo druge informacije?</h3>
                    <p>Da, lahko nas brezplačno preizkušate 30 dni. Naša prijazna ekipa bo sodelovala z vami, da boste čim prej začeli.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
                    <h3>Kako poteka zaračunavanje?</h3>
                    <p>Seveda. Naše cene se prilagajajo vašemu podjetju. Poklepetajte z našo prijazno ekipo in poiščite rešitev, ki vam ustreza.</p>
                </div>
                 <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
                    <h3>Kako spremenim e-pošto svojega računa?</h3>
                    <p>Razumemo, da se stvari spreminjajo. Svoj načrt lahko kadar koli prekličete in povrnili vam bomo razliko.</p>
                </div>
            </div>
            <div class="faq-footer">
                <div class="avatar-group">
                     <img src="../images/11-boy.webp" alt="Avatar 1" class="avatar">
                     <img src="../images/10-girl1.webp" alt="Avatar 2" class="avatar large">
                     <img src="../images/12-girl2.webp" alt="Avatar 3" class="avatar">
                </div>
                <h3>Imate še vprašanja?</h3>
                <p>Ne najdete odgovora, ki ga iščete? Prosimo, poklepetajte z našo prijazno ekipo.</p>
                <button class="btn btn-primary-orange">Poglej vsa vprašanja</button>
            </div>
        </section>

    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../main.js"></script>
</body>
</html>"""


"./si/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Makedonska Študentska Organizacija v Sloveniji</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko (popravljena pot) -->
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../si/" class="logo-link">
                <img src="../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main>
        <section class="hero-section">
            <div class="hero-background">
                <div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
                <div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
            </div>
            <div class="hero-overlay"></div>
            <div class="hero-content">
                <div class="heading-and-supporting-text">
                    <div class="badge-group">
                        <div class="badge-content">
                            <span class="message">Prva uradna MSOS</span>
                        </div>
                    </div>
                    <h1>Opolnomočimo mlade z veščinami za spreminjanje sveta</h1>
                    <p>Ne glede na to, ali imate ekipo 2 ali 200 ljudi, naši skupni timski nabiralniki ohranjajo vse na isti strani in v koraku z dogajanjem.</p>
                </div>
                <button class="btn btn-primary-orange">Postani član</button>
            </div>
        </section>

        <section class="meet-the-team-section">
            <div class="video-container">
                <img src="../images/3.activites.webp" alt="Člani ekipe pri sodelovanju" class="video-thumbnail">
                <div class="video-overlay"></div>
                <button class="play-button" aria-label="Predvajaj video"></button>
            </div>
            <div class="team-content">
                <h2>Spoznajte našo izjemno ekipo!</h2>
                <p>Naša filozofija je preprosta — zaposliti ekipo raznolikih, strastnih ljudi in gojiti kulturo, ki vas opolnomoči, da opravite svoje najboljše delo.</p>
                <button class="btn btn-secondary">Več o tem</button>
            </div>
        </section>

        <section class="activities-section">
            <div class="activities-header">
                <h2>Aktivnosti</h2>
                <p>Naša filozofija je preprosta — zaposliti ekipo raznolikih, strastnih ljudi in gojiti kulturo, ki vas opolnomoči, da opravite svoje najboljše delo.</p>
            </div>
            <div class="activities-content">
                <div class="activities-nav">
                    <ul>
                        <li class="active">Študentsko predstavništvo</li>
                        <li>Izobraževanje in kultura</li>
                        <li>Zabava in druženje</li>
                        <li>Študentska podpora</li>
                    </ul>
                    <button class="btn btn-primary-orange">Postani član</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="Skupina nasmejanih študentov pri sodelovanju">
                </div>
            </div>
        </section>

        <section class="latest-news-section">
            <div class="news-header">
                <h2>Zadnje novice</h2>
                <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
            </div>
            <div class="news-articles">
                <article class="news-card">
                    <img src="../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore">
                    <div class="card-content">
                        <p class="author">Alec Whitten • 17 Jan 2022</p>
                        <h3>Lekcije vodenja Billa Walsha</h3>
                        <p>Bi radi izvedeli skrivnosti preoblikovanja ekipe z rezultatom 2-14 v trikratne zmagovalce Super Bowla...</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi">
                    <div class="card-content">
                        <p class="author">Demi Wilkinson • 16 Jan 2022</p>
                        <h3>Mentalni modeli za PM</h3>
                        <p>Mentalni modeli so preprosti izrazi kompleksnih procesov ali odnosov.</p>
                    </div>
                </article>
                <article class="news-card">
                    <img src="../images/6-whatiswireframing.webp" alt="Moderna računalniška miza z velikim monitorjem, tipkovnico in slušalkami">
                    <div class="card-content">
                        <p class="author">Candice Wu • 15 Jan 2022</p>
                        <h3>Kaj je žični model (Wireframing)?</h3>
                        <p>Uvod v žično modeliranje in njegova načela. Učite se od najboljših v industriji.</p>
                    </div>
                </article>
            </div>
            <button class="btn btn-secondary">Poglej vse</button>
        </section>

        <section class="testimonials-section">
            <div class="testimonials-intro">
                <h2>Poglejte, kaj o nas pravijo naši partnerji</h2>
                <p>Vse, kar morate vedeti o produktu in zaračunavanju.</p>
            </div>
            <div class="testimonials-columns">
                <div class="testimonial-column">
                    <div class="testimonial-card">
                        <h3>Kako nas sodelovanje izboljša</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/7-graphicdesigner.webp" alt="Aleksandar Popovski">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Grafični oblikovalec pri MSOS</p>
                            </div>
                        </div>
                    </div>
                     <div class="testimonial-card">
                        <h3>Consectetur vitae ac parturient massa</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra.</p>
                        <div class="author-info">
                            <img src="../images/11-boy.webp" alt="Drug član ekipe">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Grafični oblikovalec pri MSOS</p>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="testimonial-column column-offset">
                    <div class="testimonial-card">
                        <h3>Ponosni partnerji</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                            <img src="../images/12-girl2.webp" alt="Drug partner">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Grafični oblikovalec pri MSOS</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card">
                        <h3>Naša izkušnja sodelovanja</h3>
                        <p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra. Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharetra feugiat.</p>
                        <div class="author-info">
                             <img src="../images/10-girl1.webp" alt="Druga članica ekipe">
                            <div>
                                <h4>Aleksandar Popovski</h4>
                                <p>Grafični oblikovalec pri MSOS</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="become-part-section">
            <div class="become-part-header">
                <h2>Postanite del naše izjemne ekipe</h2>
                <p>Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!</p>
            </div>
            <img src="../images/9-becomepart.png" alt="Naša izjemna ekipa v učilnici" class="team-photo">
            
            <div class="contact-form-container">
                <form class="contact-form">
                    <div class="form-row">
                        <div class="form-group">
                            <label for="first-name">Ime</label>
                            <input type="text" id="first-name" placeholder="Ime">
                        </div>
                        <div class="form-group">
                            <label for="last-name">Priimek</label>
                            <input type="text" id="last-name" placeholder="Priimek">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="email">E-pošta</label>
                        <input type="email" id="email" placeholder="student@email.com">
                    </div>
                    <div class="form-group">
                         <label for="phone-number">Telefonska številka</label>
                        <div class="phone-input">
                            <select id="country-code" aria-label="Klicna koda države">
                                <option>SI</option>
                                <option>MK</option>
                                <option>US</option>
                            </select>
                            <input type="tel" id="phone-number" placeholder="+386 (00) 000-000">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="message">Sporočilo</label>
                        <textarea id="message" rows="5"></textarea>
                    </div>
                    <div class="form-group checkbox-group">
                        <input type="checkbox" id="privacy-policy">
                        <label for="privacy-policy">Strinjate se z našo prijazno <a href="#">politiko zasebnosti</a>.</label>
                    </div>
                    <button type="submit" class="btn btn-primary">Pošlji sporočilo</button>
                </form>
            </div>
        </section>

        <section class="faq-section">
            <div class="faq-header">
                <h2>Pogosto zastavljena vprašanja</h2>
                <p>Vse, kar morate vedeti o produktu in zaračunavanju.</p>
            </div>
            <div class="faq-grid">
                <div class="faq-item">
                    <div class="faq-icon-container"><i class="fas fa-heart"></i></div>
                    <h3>Ali je na voljo brezplačen preizkus?</h3>
                    <p>Da, lahko nas brezplačno preizkušate 30 dni. Naša prijazna ekipa bo sodelovala z vami, da boste čim prej začeli.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
                    <h3>Ali lahko kasneje zamenjam svoj načrt?</h3>
                    <p>Seveda. Naše cene se prilagajajo vašemu podjetju. Poklepetajte z našo prijazno ekipo in poiščite rešitev, ki vam ustreza.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-ban"></i></div>
                    <h3>Kakšna je vaša politika odpovedi?</h3>
                    <p>Razumemo, da se stvari spreminjajo. Svoj načrt lahko kadar koli prekličete in povrnili vam bomo že plačano razliko.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
                    <h3>Ali se lahko na račun dodajo druge informacije?</h3>
                    <p>Da, lahko nas brezplačno preizkušate 30 dni. Naša prijazna ekipa bo sodelovala z vami, da boste čim prej začeli.</p>
                </div>
                <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
                    <h3>Kako poteka zaračunavanje?</h3>
                    <p>Seveda. Naše cene se prilagajajo vašemu podjetju. Poklepetajte z našo prijazno ekipo in poiščite rešitev, ki vam ustreza.</p>
                </div>
                 <div class="faq-item">
                     <div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
                    <h3>Kako spremenim e-pošto svojega računa?</h3>
                    <p>Razumemo, da se stvari spreminjajo. Svoj načrt lahko kadar koli prekličete in povrnili vam bomo razliko.</p>
                </div>
            </div>
            <div class="faq-footer">
                <div class="avatar-group">
                     <img src="../images/11-boy.webp" alt="Avatar 1" class="avatar">
                     <img src="../images/10-girl1.webp" alt="Avatar 2" class="avatar large">
                     <img src="../images/12-girl2.webp" alt="Avatar 3" class="avatar">
                </div>
                <h3>Imate še vprašanja?</h3>
                <p>Ne najdete odgovora, ki ga iščete? Prosimo, poklepetajte z našo prijazno ekipo.</p>
                <button class="btn btn-primary-orange">Poglej vsa vprašanja</button>
            </div>
        </section>

    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../main.js"></script>
</body>
</html>"""


"./si/projects/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Projekti - Makedonska Študentska Organizacija v Sloveniji</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../si/" class="logo-link">
                <img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- Sekcija z naslovom strani -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle">Naši projekti</span>
                <h1>Projekti</h1>
                <p class="page-description">Naročite se in bodite na tekočem z novimi funkcijami, najnovejšimi tehnologijami, rešitvami in posodobitvami.</p>
                <form class="subscribe-form">
                    <input type="email" placeholder="Vnesite svoj e-mail">
                    <button type="submit" class="btn btn-primary-orange">Naroči se</button>
                </form>
                <p class="privacy-note">Skrbimo za vaše podatke v naši <a href="#">politiki zasebnosti</a>.</p>
            </div>
        </section>

        <!-- Sekcija z vsemi projekti -->
        <section class="all-posts-section">
            <div class="container column-layout">
                <h2>Vsi naši projekti</h2>
                <div class="posts-grid">
                    <!-- Projekt: Spoznaj študentsko Slovenijo 2024 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2024/" class="post-link">
                            <img src="../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Ekipa • 16 Sep 2024 • Dogodek</p>
                                <h3 class="post-title">Spoznaj študentsko Slovenijo 2024</h3>
                                <p class="post-excerpt">Ko se študentske zgodbe spremenijo v prvi korak proti novemu domu.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Projekt: Jutranja kava pred CTK – 2024 -->
                    <article class="post-card">
                        <a href="morning-coffee-in-front-of-ctk/" class="post-link">
                            <img src="../../images/event4-image1.webp" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Ekipa MŠOS • 8 Jun 2024 • Študentsko življenje</p>
                                <h3 class="post-title">Jutranja kava pred CTK – 2024</h3>
                                <p class="post-excerpt">Ko izpiti postanejo lažji ob sobotni jutranji kavi, bureku in dobri družbi!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Projekt: Spoznaj študentsko Slovenijo 2023 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2023/" class="post-link">
                            <img src="../../images/event3-photo-1.webp" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Ekipa • 18 Sep 2023 • Dogodek</p>
                                <h3 class="post-title">Spoznaj študentsko Slovenijo 2023</h3>
                                <p class="post-excerpt">Preko iskrenih izkušenj iz prve roke so bodoči študenti prejeli podporo za prvi korak v njihov novi dom.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Projekt: Makedonska študentska noč v Ljubljani -->
                    <article class="post-card">
                        <a href="macedonian-student-night-in-ljubljana/" class="post-link">
                            <img src="../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Kristijan Popovski • 8 Okt 2022 • Dogodek</p>
                                <h3 class="post-title">Makedonska študentska noč v Ljubljani</h3>
                                <p class="post-excerpt">Od ideje do zabave s 500 študenti – tako se je začela naša zgodba!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Placeholder Project 1 -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Alec Whitten • 17 Jan 2022 • Javna objava</p>
                                <h3 class="post-title">Lekcije vodenja Billa Walsha</h3>
                                <p class="post-excerpt">Bi radi izvedeli skrivnosti preoblikovanja ekipe z rezultatom 2-14 v trikratne zmagovalce Super Bowla?</p>
                            </div>
                        </a>
                    </article>
                    <!-- Placeholder Project 2 -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/5-pmmentals.webp" alt="Ženska predstavlja pred belo tablo z listki ekipi" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Študentsko življenje</p>
                                <h3 class="post-title">Mentalni modeli za PM</h3>
                                <p class="post-excerpt">Mentalni modeli so preprosti izrazi kompleksnih procesov ali odnosov.</p>
                            </div>
                        </a>
                    </article>
                </div>
                
                <!-- Paginacija -->
                <nav class="pagination">
                    <a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Prejšnja</a>
                    <div class="pagination-numbers">
                        <a href="#" class="page-number active">1</a>
                        <a href="#" class="page-number">2</a>
                        <a href="#" class="page-number">3</a>
                        <span class="page-dots">...</span>
                        <a href="#" class="page-number">8</a>
                        <a href="#" class="page-number">9</a>
                        <a href="#" class="page-number">10</a>
                    </div>
                    <a href="#" class="pagination-arrow">Naslednja <i class="fas fa-arrow-right"></i></a>
                </nav>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    
</footer>
<!-- END_FOOTER -->

    <!-- Povezava do glavne JS datoteke -->
    
</body>
</html>"""


"./si/projects/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Projekti - Makedonska Študentska Organizacija v Sloveniji</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../si/" class="logo-link">
                <img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="page-content">
        <!-- Sekcija z naslovom strani -->
        <section class="page-header-section">
            <div class="container text-center">
                <span class="page-subtitle">Naši projekti</span>
                <h1>Projekti</h1>
                <p class="page-description">Naročite se in bodite na tekočem z novimi funkcijami, najnovejšimi tehnologijami, rešitvami in posodobitvami.</p>
                <form class="subscribe-form">
                    <input type="email" placeholder="Vnesite svoj e-mail">
                    <button type="submit" class="btn btn-primary-orange">Naroči se</button>
                </form>
                <p class="privacy-note">Skrbimo za vaše podatke v naši <a href="#">politiki zasebnosti</a>.</p>
            </div>
        </section>

        <!-- Sekcija z vsemi projekti -->
        <section class="all-posts-section">
            <div class="container column-layout">
                <h2>Vsi naši projekti</h2>
                <div class="posts-grid">
                    <!-- Projekt: Spoznaj študentsko Slovenijo 2024 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2024/" class="post-link">
                            <img src="../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Ekipa • 16 Sep 2024 • Dogodek</p>
                                <h3 class="post-title">Spoznaj študentsko Slovenijo 2024</h3>
                                <p class="post-excerpt">Ko se študentske zgodbe spremenijo v prvi korak proti novemu domu.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Projekt: Jutranja kava pred CTK – 2024 -->
                    <article class="post-card">
                        <a href="morning-coffee-in-front-of-ctk/" class="post-link">
                            <img src="../../images/event4-image1.webp" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Ekipa MŠOS • 8 Jun 2024 • Študentsko življenje</p>
                                <h3 class="post-title">Jutranja kava pred CTK – 2024</h3>
                                <p class="post-excerpt">Ko izpiti postanejo lažji ob sobotni jutranji kavi, bureku in dobri družbi!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Projekt: Spoznaj študentsko Slovenijo 2023 -->
                    <article class="post-card">
                        <a href="meet-student-slovenia-2023/" class="post-link">
                            <img src="../../images/event3-photo-1.webp" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">MSOS Ekipa • 18 Sep 2023 • Dogodek</p>
                                <h3 class="post-title">Spoznaj študentsko Slovenijo 2023</h3>
                                <p class="post-excerpt">Preko iskrenih izkušenj iz prve roke so bodoči študenti prejeli podporo za prvi korak v njihov novi dom.</p>
                            </div>
                        </a>
                    </article>
                    <!-- Projekt: Makedonska študentska noč v Ljubljani -->
                    <article class="post-card">
                        <a href="macedonian-student-night-in-ljubljana/" class="post-link">
                            <img src="../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Kristijan Popovski • 8 Okt 2022 • Dogodek</p>
                                <h3 class="post-title">Makedonska študentska noč v Ljubljani</h3>
                                <p class="post-excerpt">Od ideje do zabave s 500 študenti – tako se je začela naša zgodba!</p>
                            </div>
                        </a>
                    </article>
                    <!-- Placeholder Project 1 -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/4-billwalsh.webp" alt="Roza in modro obarvana podoba zasneženega vrha gore" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Alec Whitten • 17 Jan 2022 • Javna objava</p>
                                <h3 class="post-title">Lekcije vodenja Billa Walsha</h3>
                                <p class="post-excerpt">Bi radi izvedeli skrivnosti preoblikovanja ekipe z rezultatom 2-14 v trikratne zmagovalce Super Bowla?</p>
                            </div>
                        </a>
                    </article>
                    <!-- Placeholder Project 2 -->
                    <article class="post-card">
                        <a href="testproject/" class="post-link">
                            <img src="../../images/5-pmmentals.jpg" alt="Ženska predstavlja pred belo tablo z listki ekipi" class="post-image">
                            <div class="post-content">
                                <p class="post-meta">Demi Wilkinson • 16 Jan 2022 • Študentsko življenje</p>
                                <h3 class="post-title">Mentalni modeli za PM</h3>
                                <p class="post-excerpt">Mentalni modeli so preprosti izrazi kompleksnih procesov ali odnosov.</p>
                            </div>
                        </a>
                    </article>
                </div>
                
                <!-- Paginacija -->
                <nav class="pagination">
                    <a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Prejšnja</a>
                    <div class="pagination-numbers">
                        <a href="#" class="page-number active">1</a>
                        <a href="#" class="page-number">2</a>
                        <a href="#" class="page-number">3</a>
                        <span class="page-dots">...</span>
                        <a href="#" class="page-number">8</a>
                        <a href="#" class="page-number">9</a>
                        <a href="#" class="page-number">10</a>
                    </div>
                    <a href="#" class="pagination-arrow">Naslednja <i class="fas fa-arrow-right"></i></a>
                </nav>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    
</footer>
<!-- END_FOOTER -->

    <!-- Povezava do glavne JS datoteke -->
    
</body>
</html>"""


"./si/projects/macedonian-student-night-in-ljubljana/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Makedonska študentska noč v Ljubljani - MŠOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../si/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Objavljeno 8. oktobra 2022</p>
                <h1>Makedonska študentska noč v Ljubljani</h1>
                <p class="article-subtitle">Od ideje do zabave s 500 študenti – tako se je začela naša zgodba!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani">
            </figure>

            <div class="article-body">
                <p>8. oktobra 2022 se je v osrčju Študentskega kampusa v Ljubljani odvila prva Makedonska študentska noč v Sloveniji. Pod sloganom #FeelsLikeHome je več kot 500 mladih uživalo v makedonski glasbi, okusni tradicionalni hrani in vzdušju, ki je spominjalo na dom. Ta dogodek ni bil le zabava – bil je začetek nove zgodbe, ki bo kasneje prerasla v Makedonsko študentsko organizacijo v Sloveniji (MŠOS).</p>
                
                <h2>Kako je ideja o druženju postala začetek gibanja</h2>
                <p>Vse se je začelo s preprosto željo – da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-2.webp" alt="Priprave in sestanki za Makedonsko študentsko noč">
                    <figcaption>Fotografije s priprav in sestankov za organizacijo Makedonske študentske noči.</figcaption>
                </figure>
                
                <p>Od tistega trenutka naprej smo vsak prosti trenutek preživeli v pisarnah študentske organizacije <strong>Povezani</strong>, ki so nam nudili veliko podporo pri organizaciji. Dneve in noči smo načrtovali, imeli sestanke in pisali objave za družbena omrežja – vse z namenom, da ustvarimo dogodek, za katerega smo sprva mislili, da bomo pritegnili, če bomo imeli srečo, okoli 100 obiskovalcev.</p>
                <p>Teden dni pred dogodkom smo vsak dan objavljali zanimivosti o Makedoniji, njenih nacionalnih zakladih, glasbi in kulturi. Počasi, a vztrajno, smo gradili vzdušje in navdušenje, ne le med makedonskimi študenti, temveč tudi med mnogimi drugimi, ki so želeli občutiti našo energijo.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-3.webp" alt="Plakat, kjer se Slovenci učijo makedonsko abecedo">
                    <figcaption>Plakat s cirilico in latinico. Slovenci se učijo makedonsko abecedo, medtem ko jih Makedonci poučujejo.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>„Organizacija prve zabave MŠOS je bila edinstvena izkušnja – neprespana, ambiciozna in vključevala je vse, od logistike do pomivanja tal... Na srečo obstaja Red Bull 😉 (P.S. Spili smo celotno zalogo iz hladilnika!)“</p>
                    <footer>— Marko – študent prvega letnika</footer>
                </blockquote>

                <h2>Okus in vonj Makedonije v osrčju Ljubljane</h2>
                <p>Zabava se je začela ob 20. uri in je bila zasnovana v dveh delih. Prvi del je bil pravo gastronomsko in kulturno popotovanje po Makedoniji. Študentje so lahko poskusili kruhke z ajvarjem in sirom, makedonsko vino, okusne prigrizke in tradicionalne pijače. Mize so bile obložene tudi z drugimi avtentičnimi izdelki, ki so vse spominjali na dom. Vse te okuse in vonjave je omogočila podpora trgovine z makedonskimi izdelki <strong>"Makedonija Trade"</strong>, ki je nesebično prispevala k temu, da je bil ta del večera resnično doživetje.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-4.webp" alt="Stojnice z makedonskimi simboli, hrano in pijačo">
                    <figcaption>Fotografije stojnic z makedonskimi simboli, tradicionalno hrano in pijačo.</figcaption>
                </figure>

                <p>Poleg hrane so si obiskovalci lahko ogledali zanimivosti o državi, fotografije znanih makedonskih osebnosti in kulturnih znamenitosti ter si od blizu ogledali tradicionalne noše in <strong>gajdo</strong>. Vzdušje je bilo toplo in polno radovednosti – kot majhna razstava v sklopu velike študentske zabave.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-5.webp" alt="Mini kviz o Makedoniji">
                    <figcaption>Mini kviz z vprašanji o Makedoniji, kjer študenti v enem delu kluba tekmujejo.</figcaption>
                </figure>

                <h2>Podpora makedonske skupnosti in diplomacije</h2>
                <p>Večer je obogatila tudi prisotnost pomembnih gostov iz makedonske skupnosti v Sloveniji. Dogodku se nam je pridružil <strong>predsednik Zveze makedonskih kulturnih društev v Sloveniji, g. Blagoja Nasteski</strong>, ki je s svojo prisotnostjo potrdil pomen takšnih pobud za ohranjanje makedonskega duha in tradicije v diaspori.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-6.webp" alt="Kristijan in Bisera z veleposlanico Zelenkovsko in g. Nasteskim">
                    <figcaption>Kristijan in Bisera skupaj z veleposlanico Zelenkovsko in predsednikom Zveze makedonskih društev, g. Nasteskim.</figcaption>
                </figure>

                <p>Posebej smo bili počaščeni, da smo pozdravili <strong>veleposlanico Severne Makedonije v Sloveniji, go. Suzano Zelenkovsko</strong>, ki je mladim namenila tople besede spodbude in podpore. Njena prisotnost in zanimanje za dogodek sta bila dodatna motivacija za nadaljevanje našega poslanstva povezovanja in promocije makedonske študentske skupnosti.</p>
                <p>Zabava je imela odlično energijo, ki se je širila povsod – v nekem trenutku je vladal majhen, a nadzorovan kaos. Kljub temu, da se je dogodek končal nekoliko prej, so študenti še eno uro prepevali skupaj z nami, medtem ko smo pospravljali prostor. Resnično, noč za spomin!</p>
                
                <blockquote class="article-quote">
                    <p>„Bil sem del organizacijske ekipe in zadolžen za vzdrževanje reda med študenti, a ko so zaigrali pesem 'Biser Balkanski', se nisem mogel upreti – pridružil sem se tudi jaz... To je bil moj poseben trenutek tistega večera!“</p>
                    <footer>— Hristijan – študent drugega letnika</footer>
                </blockquote>

                <h2>Začetek, ki si ga bomo zapomnili</h2>
                <p>Tisti večer ni bil le še ena študentska zabava – bil je trenutek, ko smo spoznali, da smo začeli nekaj večjega. Namesto pričakovanih 100 gostov je v klub prišlo okoli <strong>500 študentov</strong>, energija pa je bila neverjetna. Stkala so se nova prijateljstva, pele so se pesmi iz srca, makedonska kultura in tradicija pa sta bili v ospredju cel večer.</p>
                <p>Ta noč je postavila temelje za Makedonsko študentsko organizacijo v Sloveniji in nam pokazala, da je z navdušenjem, enotnostjo in malo poguma mogoče ustvariti nekaj, kar združuje ljudi in jim daje občutek doma – tudi ko so daleč od njega.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-7.webp" alt="Predana ekipa prostovoljcev po končanem pospravljanju prizorišča.">
                    <figcaption>Fotografija, posneta ob 4. uri zjutraj, po končanem pospravljanju prostora skupaj s predano ekipo prostovoljcev.</figcaption>
                </figure>
            </div>

            <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./si/projects/macedonian-student-night-in-ljubljana/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Makedonska študentska noč v Ljubljani - MŠOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../si/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Objavljeno 8. oktobra 2022</p>
                <h1>Makedonska študentska noč v Ljubljani</h1>
                <p class="article-subtitle">Od ideje do zabave s 500 študenti – tako se je začela naša zgodba!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani">
            </figure>

            <div class="article-body">
                <p>8. oktobra 2022 se je v osrčju Študentskega kampusa v Ljubljani odvila prva Makedonska študentska noč v Sloveniji. Pod sloganom #FeelsLikeHome je več kot 500 mladih uživalo v makedonski glasbi, okusni tradicionalni hrani in vzdušju, ki je spominjalo na dom. Ta dogodek ni bil le zabava – bil je začetek nove zgodbe, ki bo kasneje prerasla v Makedonsko študentsko organizacijo v Sloveniji (MŠOS).</p>
                
                <h2>Kako je ideja o druženju postala začetek gibanja</h2>
                <p>Vse se je začelo s preprosto željo – da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-2.png" alt="Priprave in sestanki za Makedonsko študentsko noč">
                    <figcaption>Fotografije s priprav in sestankov za organizacijo Makedonske študentske noči.</figcaption>
                </figure>
                
                <p>Od tistega trenutka naprej smo vsak prosti trenutek preživeli v pisarnah študentske organizacije <strong>Povezani</strong>, ki so nam nudili veliko podporo pri organizaciji. Dneve in noči smo načrtovali, imeli sestanke in pisali objave za družbena omrežja – vse z namenom, da ustvarimo dogodek, za katerega smo sprva mislili, da bomo pritegnili, če bomo imeli srečo, okoli 100 obiskovalcev.</p>
                <p>Teden dni pred dogodkom smo vsak dan objavljali zanimivosti o Makedoniji, njenih nacionalnih zakladih, glasbi in kulturi. Počasi, a vztrajno, smo gradili vzdušje in navdušenje, ne le med makedonskimi študenti, temveč tudi med mnogimi drugimi, ki so želeli občutiti našo energijo.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-3.webp" alt="Plakat, kjer se Slovenci učijo makedonsko abecedo">
                    <figcaption>Plakat s cirilico in latinico. Slovenci se učijo makedonsko abecedo, medtem ko jih Makedonci poučujejo.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>„Organizacija prve zabave MŠOS je bila edinstvena izkušnja – neprespana, ambiciozna in vključevala je vse, od logistike do pomivanja tal... Na srečo obstaja Red Bull 😉 (P.S. Spili smo celotno zalogo iz hladilnika!)“</p>
                    <footer>— Marko – študent prvega letnika</footer>
                </blockquote>

                <h2>Okus in vonj Makedonije v osrčju Ljubljane</h2>
                <p>Zabava se je začela ob 20. uri in je bila zasnovana v dveh delih. Prvi del je bil pravo gastronomsko in kulturno popotovanje po Makedoniji. Študentje so lahko poskusili kruhke z ajvarjem in sirom, makedonsko vino, okusne prigrizke in tradicionalne pijače. Mize so bile obložene tudi z drugimi avtentičnimi izdelki, ki so vse spominjali na dom. Vse te okuse in vonjave je omogočila podpora trgovine z makedonskimi izdelki <strong>"Makedonija Trade"</strong>, ki je nesebično prispevala k temu, da je bil ta del večera resnično doživetje.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-4.webp" alt="Stojnice z makedonskimi simboli, hrano in pijačo">
                    <figcaption>Fotografije stojnic z makedonskimi simboli, tradicionalno hrano in pijačo.</figcaption>
                </figure>

                <p>Poleg hrane so si obiskovalci lahko ogledali zanimivosti o državi, fotografije znanih makedonskih osebnosti in kulturnih znamenitosti ter si od blizu ogledali tradicionalne noše in <strong>gajdo</strong>. Vzdušje je bilo toplo in polno radovednosti – kot majhna razstava v sklopu velike študentske zabave.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/msnl-5.webp" alt="Mini kviz o Makedoniji">
                    <figcaption>Mini kviz z vprašanji o Makedoniji, kjer študenti v enem delu kluba tekmujejo.</figcaption>
                </figure>

                <h2>Podpora makedonske skupnosti in diplomacije</h2>
                <p>Večer je obogatila tudi prisotnost pomembnih gostov iz makedonske skupnosti v Sloveniji. Dogodku se nam je pridružil <strong>predsednik Zveze makedonskih kulturnih društev v Sloveniji, g. Blagoja Nasteski</strong>, ki je s svojo prisotnostjo potrdil pomen takšnih pobud za ohranjanje makedonskega duha in tradicije v diaspori.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-6.webp" alt="Kristijan in Bisera z veleposlanico Zelenkovsko in g. Nasteskim">
                    <figcaption>Kristijan in Bisera skupaj z veleposlanico Zelenkovsko in predsednikom Zveze makedonskih društev, g. Nasteskim.</figcaption>
                </figure>

                <p>Posebej smo bili počaščeni, da smo pozdravili <strong>veleposlanico Severne Makedonije v Sloveniji, go. Suzano Zelenkovsko</strong>, ki je mladim namenila tople besede spodbude in podpore. Njena prisotnost in zanimanje za dogodek sta bila dodatna motivacija za nadaljevanje našega poslanstva povezovanja in promocije makedonske študentske skupnosti.</p>
                <p>Zabava je imela odlično energijo, ki se je širila povsod – v nekem trenutku je vladal majhen, a nadzorovan kaos. Kljub temu, da se je dogodek končal nekoliko prej, so študenti še eno uro prepevali skupaj z nami, medtem ko smo pospravljali prostor. Resnično, noč za spomin!</p>
                
                <blockquote class="article-quote">
                    <p>„Bil sem del organizacijske ekipe in zadolžen za vzdrževanje reda med študenti, a ko so zaigrali pesem 'Biser Balkanski', se nisem mogel upreti – pridružil sem se tudi jaz... To je bil moj poseben trenutek tistega večera!“</p>
                    <footer>— Hristijan – študent drugega letnika</footer>
                </blockquote>

                <h2>Začetek, ki si ga bomo zapomnili</h2>
                <p>Tisti večer ni bil le še ena študentska zabava – bil je trenutek, ko smo spoznali, da smo začeli nekaj večjega. Namesto pričakovanih 100 gostov je v klub prišlo okoli <strong>500 študentov</strong>, energija pa je bila neverjetna. Stkala so se nova prijateljstva, pele so se pesmi iz srca, makedonska kultura in tradicija pa sta bili v ospredju cel večer.</p>
                <p>Ta noč je postavila temelje za Makedonsko študentsko organizacijo v Sloveniji in nam pokazala, da je z navdušenjem, enotnostjo in malo poguma mogoče ustvariti nekaj, kar združuje ljudi in jim daje občutek doma – tudi ko so daleč od njega.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/msnl-7.webp" alt="Predana ekipa prostovoljcev po končanem pospravljanju prizorišča.">
                    <figcaption>Fotografija, posneta ob 4. uri zjutraj, po končanem pospravljanju prostora skupaj s predano ekipo prostovoljcev.</figcaption>
                </figure>
            </div>

            <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./si/projects/meet-student-slovenia-2023/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Spoznaj študentsko Slovenijo 2023 - MŠOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../si/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Objavljeno 18. septembra 2023</p>
                <h1>Spoznaj študentsko Slovenijo 2023</h1>
                <p class="article-subtitle">Preko iskrenih izkušenj iz prve roke so bodoči študenti prejeli podporo za prvi korak v njihov novi dom.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event3-photo-1.webp" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'">
            </figure>

            <div class="article-body">
                <p>Kako izgleda prvi korak v študentsko življenje v Sloveniji? Na to vprašanje smo poskušali odgovoriti z dogodkom »Spoznaj študentsko Slovenijo«, ki smo ga organizirali 18. septembra 2023 v NLB Galeriji v Skopju. Vzdušje je bilo polno navdušenja – več kot 100 bodočih študentov in njihovih družin je prišlo z enakim občutkom: željo odkriti, kaj jih čaka tam, kjer bodo začeli novo poglavje.</p>
                
                <h2>Kaj se skriva za študentskim življenjem v Sloveniji?</h2>
                <p>Namesto suhih informacij so študenti imeli priložnost slišati resnične zgodbe – od tistih, ki že hodijo po isti poti. Študenti iz Ljubljane, Maribora in Kopra so govorili o svojih izzivih, prvih vtisih, smešnih situacijah in trenutkih, ko je bila podpora skupnosti ključna. In občinstvo? Z ogromno pozornostjo so vpijali vse, saj so prav na ta vprašanja, ki jih nikoli ne piše na brošurah – tukaj dobili iskrene odgovore.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-2.webp" alt="Udeleženci panelne razprave">
                    <figcaption>Igor Arsov z Univerze na Primorskem pripoveduje o svoji študentski izkušnji na Fakulteti za management.</figcaption>
                </figure>
                
                <h2>Glasovi, ki navdihujejo</h2>
                <p>Na odru so se pojavili naši člani Kiara Lazić, Angel Naumov, Klimentina Čapovska in Igor Arsov – vsak s svojo zgodbo, svojo fakulteto, svojim mestom. Skupaj z moderatorjem Leonom Šumanskim in voditeljem Vasilom Hanџiskim so panel spremenili v pravi pogovor, ki je bolj spominjal na prijateljsko druženje kot na formalno diskusijo. Govorili so o izpitih, novih prijateljstvih, življenju v študentskih domovih in o tem, kako pomembno je, da ne obupaš, tudi ko se ti zdi najtežje.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-3.webp" alt="Vasil Hanџiski ob otvoritvi dogodka">
                    <figcaption>Fotografija z otvoritve dogodka z voditeljem Vasilom Hanџiskim.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-4.webp" alt="Občinstvo na dogodku">
                    <figcaption>Fotografija udeležencev dogodka. Zanimanje nas je malo presenetilo, a nekako smo se vsi stlačili!♡</figcaption>
                </figure>

                <h2>Za kulisami – naši podporniki</h2>
                <p>Dogodek ne bi bil mogoč brez podpore Veleposlaništva Republike Slovenije v Severni Makedoniji, NLB Banke Skopje, Capital Financial Centra, Dijaga in Radia MOF. A pravo moč so dali člani MŠOS pri pripravi dogodka in študenti s svojimi vprašanji, svojo energijo in svojo radovednostjo.</p>
                <p>Na dogodku smo dobili pomembno podporo in pomoč tudi od Melite Sekulovske pri organizaciji prostora in Aleksandra Popovskega pri oblikovanju spletne strani organizacije. Iskreno smo se jim zahvalili za njihovo predano delo, kot tudi koordinatorki dogodka, Lei Janačkovski, ki je ta dogodek naredila izjemen.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-5.webp" alt="Gospod Branko Greganović in N.E. Gregor Presker">
                    <img src="../../../images/event3-photo-6.webp" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski s priznanji">
                    <figcaption>Na zgornjih dveh slikah sta gospod Branko Greganović, predsednik Uprave NLB Banke Skopje, na desni pa N.E. veleposlanik Republike Slovenije v Severni Makedoniji, gospod Gregor Presker. Na spodnjih slikah so predsednik Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski.</figcaption>
                </figure>
                
                <p>Veleposlaništvu in NLB Banki smo s pomočjo podjetja Dijag doo izdelali tudi dve plaketi v znak hvaležnosti za vso pomoč in podporo, ki sta nam jo nudila.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-7.webp" alt="Plaketi za NLB Banko Skopje in Veleposlaništvo Republike Slovenije">
                    <figcaption>Fotografija plaket, ki smo jih podarili NLB Banki Skopje in Veleposlaništvu Republike Slovenije v Severni Makedoniji.</figcaption>
                </figure>

                <h2>Zakaj je bilo posebno?</h2>
                <p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-8.webp" alt="Udeleženci dogodka">
                    <figcaption>Fotografije prisotnih na dogodku!</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>»Dogodek je bil zame »game changer«, saj sem končno dobil informacije, ki so mi resnično pomagale spoznati študentsko Slovenijo namesto še enega kupa brošur. Panel je bil super, sproščen, s pogovori o najboljših mestih za izhode, dneh, preživetih v knjižnici, življenju v študentskih domovih in klasični zgodbi »zaspal sem pred izpitom«... P.S. In mreženje, mreženje je bilo vrhunsko – brez nerodne tišine.«</p>
                    <footer>— Borjan Jovanovski, bodoči študent in udeleženec dogodka</footer>
                </blockquote>

                <h2>Praktični nasveti iz prve roke</h2>
                <p>Poseben trenutek dogodka je bil nagovor konzula Veleposlaništva Republike Slovenije v Severni Makedoniji, gospoda Martina Glazarja. Na kratko je predstavil najpomembnejše korake postopka za pridobitev začasnega dovoljenja za prebivanje – eno največjih skrbi in izzivov za vse tuje študente v Sloveniji. Na ta način so bodoči študenti dobili jasnejšo sliko o tem, kaj jih čaka in kako se lažje spopasti z administrativnimi postopki.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-9.webp" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
                    <figcaption>Fotografija konzula, ki na zanimiv način seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje!</figcaption>
                </figure>

                <h2>Za tiste, ki niso bili fizično prisotni z nami</h2>
                <p>Ni vsem uspelo biti prisotnim v dvorani, zato smo se potrudili, da nihče ne bi ostal brez te izkušnje. Dogodek smo prenašali v živo preko naše Facebook strani, posnetek pa je še vedno na voljo. Če želite doživeti vzdušje in slišati zgodbe iz prve roke, si lahko celoten dogodek ogledate na tej povezavi tukaj.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-10.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
                    <figcaption>Fotografija plakata za dogodek!</figcaption>
                </figure>

                <h2>Se vidimo v Sloveniji!</h2>
                <p>Z »Spoznaj študentsko Slovenijo 2023« smo uspeli podati roko novim študentom in jim pokazati, da pred njimi stoji vznemirljivo potovanje, polno novih prijateljstev, izzivov in uspehov. Iskreno upamo, da se bomo naslednjič srečali prav tam – v predavalnicah, študentskih domovih in na ulicah Ljubljane, Maribora in Kopra.</p>
                <p>Ta dogodek ne bi bil mogoč brez podpore naših partnerjev in prijateljev, katerim izrekamo veliko zahvalo:</p>
                <ol>
                    <li>Veleposlaništvo Republike Slovenije v Severni Makedoniji (partner)</li>
                    <li>NLB Banka Skopje (glavni sponzor in pokrovitelj)</li>
                    <li>Capital Financial Center (sponzor)</li>
                    <li>Dijag doo (sponzor)</li>
                    <li>Radio MOF (medijski partner)</li>
                </ol>
                <p>Hvala vsem, ki ste bili del tega dogodka – in bodočim študentom sporočamo: vaša zgodba v Sloveniji se šele začenja in mi smo tukaj, da smo del nje.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-11.png" alt="Majhen del ekipe MŠOS">
                    <figcaption>Fotografija majhnega dela ekipe, ker smo pozabili, da se vsi skupaj slikamo!&#129322;</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Avatar Kristijana Popovskega">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">Predsednik in ustanovitelj</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Kopiraj povezavo</button>
                        <a href="#" class="social-icon-btn" aria-label="Deli na Twitterju"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Deli na Facebooku"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Deli na LinkedInu"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Pridružite se 2.000+ naročnikom</h2>
                    <p>Ostanite na tekočem z vsem, kar morate vedeti.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Vnesite svoj e-mail">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Naroči se</button>
                    </form>
                    <p class="privacy-note">Skrbimo za vaše podatke v naši <a href="#">politiki zasebnosti</a>.</p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./si/projects/meet-student-slovenia-2023/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Spoznaj študentsko Slovenijo 2023 - MŠOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../si/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Objavljeno 18. septembra 2023</p>
                <h1>Spoznaj študentsko Slovenijo 2023</h1>
                <p class="article-subtitle">Preko iskrenih izkušenj iz prve roke so bodoči študenti prejeli podporo za prvi korak v njihov novi dom.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event3-photo-1.webp" alt="Panelna razprava na dogodku 'Spoznaj študentsko Slovenijo 2023'">
            </figure>

            <div class="article-body">
                <p>Kako izgleda prvi korak v študentsko življenje v Sloveniji? Na to vprašanje smo poskušali odgovoriti z dogodkom »Spoznaj študentsko Slovenijo«, ki smo ga organizirali 18. septembra 2023 v NLB Galeriji v Skopju. Vzdušje je bilo polno navdušenja – več kot 100 bodočih študentov in njihovih družin je prišlo z enakim občutkom: željo odkriti, kaj jih čaka tam, kjer bodo začeli novo poglavje.</p>
                
                <h2>Kaj se skriva za študentskim življenjem v Sloveniji?</h2>
                <p>Namesto suhih informacij so študenti imeli priložnost slišati resnične zgodbe – od tistih, ki že hodijo po isti poti. Študenti iz Ljubljane, Maribora in Kopra so govorili o svojih izzivih, prvih vtisih, smešnih situacijah in trenutkih, ko je bila podpora skupnosti ključna. In občinstvo? Z ogromno pozornostjo so vpijali vse, saj so prav na ta vprašanja, ki jih nikoli ne piše na brošurah – tukaj dobili iskrene odgovore.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-2.webp" alt="Udeleženci panelne razprave">
                    <figcaption>Igor Arsov z Univerze na Primorskem pripoveduje o svoji študentski izkušnji na Fakulteti za management.</figcaption>
                </figure>
                
                <h2>Glasovi, ki navdihujejo</h2>
                <p>Na odru so se pojavili naši člani Kiara Lazić, Angel Naumov, Klimentina Čapovska in Igor Arsov – vsak s svojo zgodbo, svojo fakulteto, svojim mestom. Skupaj z moderatorjem Leonom Šumanskim in voditeljem Vasilom Hanџiskim so panel spremenili v pravi pogovor, ki je bolj spominjal na prijateljsko druženje kot na formalno diskusijo. Govorili so o izpitih, novih prijateljstvih, življenju v študentskih domovih in o tem, kako pomembno je, da ne obupaš, tudi ko se ti zdi najtežje.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-3.webp" alt="Vasil Hanџiski ob otvoritvi dogodka">
                    <figcaption>Fotografija z otvoritve dogodka z voditeljem Vasilom Hanџiskim.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-4.webp" alt="Občinstvo na dogodku">
                    <figcaption>Fotografija udeležencev dogodka. Zanimanje nas je malo presenetilo, a nekako smo se vsi stlačili!♡</figcaption>
                </figure>

                <h2>Za kulisami – naši podporniki</h2>
                <p>Dogodek ne bi bil mogoč brez podpore Veleposlaništva Republike Slovenije v Severni Makedoniji, NLB Banke Skopje, Capital Financial Centra, Dijaga in Radia MOF. A pravo moč so dali člani MŠOS pri pripravi dogodka in študenti s svojimi vprašanji, svojo energijo in svojo radovednostjo.</p>
                <p>Na dogodku smo dobili pomembno podporo in pomoč tudi od Melite Sekulovske pri organizaciji prostora in Aleksandra Popovskega pri oblikovanju spletne strani organizacije. Iskreno smo se jim zahvalili za njihovo predano delo, kot tudi koordinatorki dogodka, Lei Janačkovski, ki je ta dogodek naredila izjemen.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-5.webp" alt="Gospod Branko Greganović in N.E. Gregor Presker">
                    <img src="../../../images/event3-photo-6.webp" alt="Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski s priznanji">
                    <figcaption>Na zgornjih dveh slikah sta gospod Branko Greganović, predsednik Uprave NLB Banke Skopje, na desni pa N.E. veleposlanik Republike Slovenije v Severni Makedoniji, gospod Gregor Presker. Na spodnjih slikah so predsednik Kristijan Popovski, Melita Sekulovska, Lea Janačkovska, Marija Koštrevska in Aleksandar Popovski.</figcaption>
                </figure>
                
                <p>Veleposlaništvu in NLB Banki smo s pomočjo podjetja Dijag doo izdelali tudi dve plaketi v znak hvaležnosti za vso pomoč in podporo, ki sta nam jo nudila.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-7.webp" alt="Plaketi za NLB Banko Skopje in Veleposlaništvo Republike Slovenije">
                    <figcaption>Fotografija plaket, ki smo jih podarili NLB Banki Skopje in Veleposlaništvu Republike Slovenije v Severni Makedoniji.</figcaption>
                </figure>

                <h2>Zakaj je bilo posebno?</h2>
                <p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-8.webp" alt="Udeleženci dogodka">
                    <figcaption>Fotografije prisotnih na dogodku!</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>»Dogodek je bil zame »game changer«, saj sem končno dobil informacije, ki so mi resnično pomagale spoznati študentsko Slovenijo namesto še enega kupa brošur. Panel je bil super, sproščen, s pogovori o najboljših mestih za izhode, dneh, preživetih v knjižnici, življenju v študentskih domovih in klasični zgodbi »zaspal sem pred izpitom«... P.S. In mreženje, mreženje je bilo vrhunsko – brez nerodne tišine.«</p>
                    <footer>— Borjan Jovanovski, bodoči študent in udeleženec dogodka</footer>
                </blockquote>

                <h2>Praktični nasveti iz prve roke</h2>
                <p>Poseben trenutek dogodka je bil nagovor konzula Veleposlaništva Republike Slovenije v Severni Makedoniji, gospoda Martina Glazarja. Na kratko je predstavil najpomembnejše korake postopka za pridobitev začasnega dovoljenja za prebivanje – eno največjih skrbi in izzivov za vse tuje študente v Sloveniji. Na ta način so bodoči študenti dobili jasnejšo sliko o tem, kaj jih čaka in kako se lažje spopasti z administrativnimi postopki.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-9.png" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
                    <figcaption>Fotografija konzula, ki na zanimiv način seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje!</figcaption>
                </figure>

                <h2>Za tiste, ki niso bili fizično prisotni z nami</h2>
                <p>Ni vsem uspelo biti prisotnim v dvorani, zato smo se potrudili, da nihče ne bi ostal brez te izkušnje. Dogodek smo prenašali v živo preko naše Facebook strani, posnetek pa je še vedno na voljo. Če želite doživeti vzdušje in slišati zgodbe iz prve roke, si lahko celoten dogodek ogledate na tej povezavi tukaj.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-10.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
                    <figcaption>Fotografija plakata za dogodek!</figcaption>
                </figure>

                <h2>Se vidimo v Sloveniji!</h2>
                <p>Z »Spoznaj študentsko Slovenijo 2023« smo uspeli podati roko novim študentom in jim pokazati, da pred njimi stoji vznemirljivo potovanje, polno novih prijateljstev, izzivov in uspehov. Iskreno upamo, da se bomo naslednjič srečali prav tam – v predavalnicah, študentskih domovih in na ulicah Ljubljane, Maribora in Kopra.</p>
                <p>Ta dogodek ne bi bil mogoč brez podpore naših partnerjev in prijateljev, katerim izrekamo veliko zahvalo:</p>
                <ol>
                    <li>Veleposlaništvo Republike Slovenije v Severni Makedoniji (partner)</li>
                    <li>NLB Banka Skopje (glavni sponzor in pokrovitelj)</li>
                    <li>Capital Financial Center (sponzor)</li>
                    <li>Dijag doo (sponzor)</li>
                    <li>Radio MOF (medijski partner)</li>
                </ol>
                <p>Hvala vsem, ki ste bili del tega dogodka – in bodočim študentom sporočamo: vaša zgodba v Sloveniji se šele začenja in mi smo tukaj, da smo del nje.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event3-photo-11.png" alt="Majhen del ekipe MŠOS">
                    <figcaption>Fotografija majhnega dela ekipe, ker smo pozabili, da se vsi skupaj slikamo!&#129322;</figcaption>
                </figure>
            </div>

            <footer class="article-footer">
                <hr>
                <div class="author-share-section">
                    <div class="author-details">
                        <img src="../../../images/11-boy.webp" alt="Avatar Kristijana Popovskega">
                        <div class="author-text">
                            <p class="author-name">Kristijan Popovski</p>
                            <p class="author-title">Predsednik in ustanovitelj</p>
                        </div>
                    </div>
                    <div class="share-buttons">
                        <button class="btn btn-secondary"><i class="fas fa-link"></i> Kopiraj povezavo</button>
                        <a href="#" class="social-icon-btn" aria-label="Deli na Twitterju"><i class="fab fa-twitter"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Deli na Facebooku"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="social-icon-btn" aria-label="Deli na LinkedInu"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </footer>
        </article>

        <section class="newsletter-cta">
            <div class="container">
                <div class="cta-content">
                    <h2>Pridružite se 2.000+ naročnikom</h2>
                    <p>Ostanite na tekočem z vsem, kar morate vedeti.</p>
                    <form class="subscribe-form-bottom">
                         <div class="input-wrapper">
                            <input type="email" placeholder="Vnesite svoj e-mail">
                         </div>
                        <button type="submit" class="btn btn-primary-orange">Naroči se</button>
                    </form>
                    <p class="privacy-note">Skrbimo za vaše podatke v naši <a href="#">politiki zasebnosti</a>.</p>
                </div>
            </div>
        </section>
    </main>

    <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./si/projects/meet-student-slovenia-2024/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Spoznaj študentsko Slovenijo 2024 - MŠOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../si/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Objavljeno 16. septembra 2024</p>
                <h1>Spoznaj študentsko Slovenijo 2024</h1>
                <p class="article-subtitle">Ko se študentske zgodbe spremenijo v prvi korak proti novemu domu.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'">
            </figure>

            <div class="article-body">
                <p>Po uspehu v letu 2023 se je »Spoznaj študentsko Slovenijo« letos vrnil z še večjo energijo. 16. septembra 2024 smo v NLB Galeriji Skopje organizirali drugo izdajo dogodka, ki je postal prava tradicija. Zanimanje je bilo ogromno – imeli smo dvakrat več prijav, kot je zmogljivost prostora. Vzdušje je bilo polno navdušenja, vprašanj in želje po novih začetkih.</p>
                
                <h2>»Kofetkanje« z bodočimi kolegi, a na panelni razpravi</h2>
                <p>Naš cilj nikoli ni bil delati »suhih predstavitev«. Namesto tega smo organizirali panel – pravi pogovor s štirimi študenti, ki že živijo slovensko študentsko življenje. Marija Koštrevska z Univerze v Ljubljani, Vasil Hanџiski z Univerze v Mariboru, Sofija Matovska z Univerze v Novi Gorici in Igor Arsov z Univerze na Primorskem so govorili o vsem: o prvih dneh daleč od doma, o tem, kako najti nastanitev, kaj so študentski »boni« in kako izgleda gradnja novega kroga prijateljev. Vsak je delil nekaj svojega, občinstvo pa je spraševalo in se vključevalo – čisto kot kofetkanje.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-2.webp" alt="Panelna razprava z govorci">
                    <figcaption>Fotografija moderatorja in panelistov v naslednjem vrstnem redu: Klimentina Čapovska (levo, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov in Sofija Matovska.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-3.webp" alt="Marija Koštrevska in Sofija Matovska pripovedujeta o svojih študentskih izkušnjah v Sloveniji.">
                    <figcaption>Marija Koštrevska (na zgornji sliki) in Sofija Matovska (na spodnji sliki) pripovedujeta o svojih študentskih izkušnjah v Sloveniji.</figcaption>
                </figure>

                <h2>Kaj je ostalo za nami</h2>
                <p>Ta večer ni bila le izmenjava informacij. Bil je trenutek, ko so bodoči študenti razumeli, da niso sami v svojih skrbeh in strahovih. Vsako vprašanje je dobilo odgovor iz izkušenj, vsaka dilema je bila razrešena s primerom iz resničnega življenja. Mnogi so odšli opogumljeni, z novimi prijatelji in z občutkom, da Slovenija ni več tako oddaljena in neznana.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, voditelj dogodka">
                    <figcaption>Marko Ivanovski, voditelj dogodka.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, koordinatorka dogodka">
                    <figcaption>Lea Janačkovska, koordinatorka dogodka.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-6.webp" alt="Marko Arsov, predavatelj">
                    <figcaption>Marko Arsov, predavatelj.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-7.webp" alt="Predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.">
                    <figcaption>Na spodnji sliki so predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.</figcaption>
                </figure>

                <h2>Podpora, ki je naredila razliko</h2>
                <p>»Spoznaj študentsko Slovenijo 2024« ne bi bil takšen brez pomoči naših partnerjev in prijateljev. Veliko zahvalo izrekamo Veleposlaništvu Republike Slovenije v Severni Makedoniji, NLB Banki Skopje kot pokrovitelju in glavnemu sponzorju celotnega dogodka ter Capital Financial Centru, ki so s svojo podporo omogočili izvedbo dogodka na tako visoki ravni.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-8.webp" alt="Novo natisnjene nalepke MŠOS">
                    <figcaption>Fotografija novo natisnjenih nalepk MŠOS.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-9.webp" alt="Predaja cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje">
                    <figcaption>Fotografija s predaje cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje.</figcaption>
                </figure>
                
                <p>Posebno zahvalo si zasluži ekipa MŠOS, ki je tedne neutrudno delala na pripravah – od prvotne ideje do zadnje podrobnosti večera. Predvsem pa veliko priznanje Lei Janačkovski, koordinatorki dogodka, ki je s svojo energijo, potrpežljivostjo in organizacijskimi sposobnostmi poskrbela, da je vsak košček padel na svoje mesto.</p>
                <p>Tokratne spomine na večer dolgujemo Hristini Trakovski, ki je bila fotografinja in je poskrbela, da so vsi ti trenutki ostali zabeleženi in jih lahko ponovno podoživimo skozi fotografije.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-10.webp" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
                    <figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
                </figure>

                <h2>Zakaj je bilo posebno?</h2>
                <p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-11.webp" alt="Udeleženci postavljajo vprašanja panelistom">
                    <figcaption>Trenutki, ko udeleženci postavljajo vprašanja panelistom!😊✨</figcaption>
                </figure>

                <h2>Za tiste, ki niso bili fizično prisotni z nami</h2>
                <p>Vemo, da vsem ni uspelo biti prisotnim v NLB Galeriji, zato smo zagotovili kakovosten prenos v živo. Dogodek je bil prenašan v živo in je zdaj na voljo za ponovni ogled. Če želite občutiti vzdušje in slišati iskrene zgodbe s panela, si lahko celoten dogodek ogledate na tej povezavi <a href="#">Poglej video tukaj.</a></p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-12.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
                    <figcaption>Fotografija plakata za dogodek!</figcaption>
                </figure>

                <h2>Se vidimo v Sloveniji!</h2>
                <p>»Spoznaj študentsko Slovenijo« ni samo dogodek. Je prostor, kjer bodoči študenti naredijo prvi korak – s podporo, z nasveti iz prve roke in z občutkom, da niso sami. In letos nam je uspelo ustvariti ta občutek, kar je največja zmaga.</p>
                <p>Se vidimo ponovno prihodnje leto!</p>
                <p>P.S. Vsako leto se po uspešno organiziranem dogodku ekipa MŠOS tradicionalno odpravi v najbližjo gostilno, na večer, poln druženja, petja in čustev! 😊 Zato se splača biti del naše ekipe! Pridruži se nam.</p>
            </div>
            
            <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./si/projects/meet-student-slovenia-2024/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Spoznaj študentsko Slovenijo 2024 - MŠOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../si/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Objavljeno 16. septembra 2024</p>
                <h1>Spoznaj študentsko Slovenijo 2024</h1>
                <p class="article-subtitle">Ko se študentske zgodbe spremenijo v prvi korak proti novemu domu.</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'">
            </figure>

            <div class="article-body">
                <p>Po uspehu v letu 2023 se je »Spoznaj študentsko Slovenijo« letos vrnil z še večjo energijo. 16. septembra 2024 smo v NLB Galeriji Skopje organizirali drugo izdajo dogodka, ki je postal prava tradicija. Zanimanje je bilo ogromno – imeli smo dvakrat več prijav, kot je zmogljivost prostora. Vzdušje je bilo polno navdušenja, vprašanj in želje po novih začetkih.</p>
                
                <h2>»Kofetkanje« z bodočimi kolegi, a na panelni razpravi</h2>
                <p>Naš cilj nikoli ni bil delati »suhih predstavitev«. Namesto tega smo organizirali panel – pravi pogovor s štirimi študenti, ki že živijo slovensko študentsko življenje. Marija Koštrevska z Univerze v Ljubljani, Vasil Hanџiski z Univerze v Mariboru, Sofija Matovska z Univerze v Novi Gorici in Igor Arsov z Univerze na Primorskem so govorili o vsem: o prvih dneh daleč od doma, o tem, kako najti nastanitev, kaj so študentski »boni« in kako izgleda gradnja novega kroga prijateljev. Vsak je delil nekaj svojega, občinstvo pa je spraševalo in se vključevalo – čisto kot kofetkanje.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-2.webp" alt="Panelna razprava z govorci">
                    <figcaption>Fotografija moderatorja in panelistov v naslednjem vrstnem redu: Klimentina Čapovska (levo, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov in Sofija Matovska.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-3.webp" alt="Marija Koštrevska in Sofija Matovska pripovedujeta o svojih študentskih izkušnjah v Sloveniji.">
                    <figcaption>Marija Koštrevska (na zgornji sliki) in Sofija Matovska (na spodnji sliki) pripovedujeta o svojih študentskih izkušnjah v Sloveniji.</figcaption>
                </figure>

                <h2>Kaj je ostalo za nami</h2>
                <p>Ta večer ni bila le izmenjava informacij. Bil je trenutek, ko so bodoči študenti razumeli, da niso sami v svojih skrbeh in strahovih. Vsako vprašanje je dobilo odgovor iz izkušenj, vsaka dilema je bila razrešena s primerom iz resničnega življenja. Mnogi so odšli opogumljeni, z novimi prijatelji in z občutkom, da Slovenija ni več tako oddaljena in neznana.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, voditelj dogodka">
                    <figcaption>Marko Ivanovski, voditelj dogodka.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, koordinatorka dogodka">
                    <figcaption>Lea Janačkovska, koordinatorka dogodka.</figcaption>
                </figure>
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-6.webp" alt="Marko Arsov, predavatelj">
                    <figcaption>Marko Arsov, predavatelj.</figcaption>
                </figure>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-7.webp" alt="Predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.">
                    <figcaption>Na spodnji sliki so predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.</figcaption>
                </figure>

                <h2>Podpora, ki je naredila razliko</h2>
                <p>»Spoznaj študentsko Slovenijo 2024« ne bi bil takšen brez pomoči naših partnerjev in prijateljev. Veliko zahvalo izrekamo Veleposlaništvu Republike Slovenije v Severni Makedoniji, NLB Banki Skopje kot pokrovitelju in glavnemu sponzorju celotnega dogodka ter Capital Financial Centru, ki so s svojo podporo omogočili izvedbo dogodka na tako visoki ravni.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-8.webp" alt="Novo natisnjene nalepke MŠOS">
                    <figcaption>Fotografija novo natisnjenih nalepk MŠOS.</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-9.webp" alt="Predaja cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje">
                    <figcaption>Fotografija s predaje cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje.</figcaption>
                </figure>
                
                <p>Posebno zahvalo si zasluži ekipa MŠOS, ki je tedne neutrudno delala na pripravah – od prvotne ideje do zadnje podrobnosti večera. Predvsem pa veliko priznanje Lei Janačkovski, koordinatorki dogodka, ki je s svojo energijo, potrpežljivostjo in organizacijskimi sposobnostmi poskrbela, da je vsak košček padel na svoje mesto.</p>
                <p>Tokratne spomine na večer dolgujemo Hristini Trakovski, ki je bila fotografinja in je poskrbela, da so vsi ti trenutki ostali zabeleženi in jih lahko ponovno podoživimo skozi fotografije.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-10.png" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
                    <figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
                </figure>

                <h2>Zakaj je bilo posebno?</h2>
                <p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-11.webp" alt="Udeleženci postavljajo vprašanja panelistom">
                    <figcaption>Trenutki, ko udeleženci postavljajo vprašanja panelistom!😊✨</figcaption>
                </figure>

                <h2>Za tiste, ki niso bili fizično prisotni z nami</h2>
                <p>Vemo, da vsem ni uspelo biti prisotnim v NLB Galeriji, zato smo zagotovili kakovosten prenos v živo. Dogodek je bil prenašan v živo in je zdaj na voljo za ponovni ogled. Če želite občutiti vzdušje in slišati iskrene zgodbe s panela, si lahko celoten dogodek ogledate na tej povezavi <a href="#">Poglej video tukaj.</a></p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-img-12.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
                    <figcaption>Fotografija plakata za dogodek!</figcaption>
                </figure>

                <h2>Se vidimo v Sloveniji!</h2>
                <p>»Spoznaj študentsko Slovenijo« ni samo dogodek. Je prostor, kjer bodoči študenti naredijo prvi korak – s podporo, z nasveti iz prve roke in z občutkom, da niso sami. In letos nam je uspelo ustvariti ta občutek, kar je največja zmaga.</p>
                <p>Se vidimo ponovno prihodnje leto!</p>
                <p>P.S. Vsako leto se po uspešno organiziranem dogodku ekipa MŠOS tradicionalno odpravi v najbližjo gostilno, na večer, poln druženja, petja in čustev! 😊 Zato se splača biti del naše ekipe! Pridruži se nam.</p>
            </div>
            
            <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./si/projects/morning-coffee-in-front-of-ctk/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../si/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Objavljeno 8. junija 2024</p>
                <h1>Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov</h1>
                <p class="article-subtitle">Ko izpiti postanejo lažji ob sobotni jutranji kavi, bureku in dobri družbi pred CTK!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-image1.webp" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK.">
            </figure>

            <div class="article-body">
                <p>8. junija 2024, med 9. in 12. uro, smo pred Centralno tehniško knjižnico Univerze v Ljubljani (CTK) organizirali naš že tradicionalni študentski odmor – Jutranjo kavo pred CTK, skupaj z ekipo Skupine Povezani in CTK. To je bilo že drugo leto zapored, da smo se zbrali na istem mestu, a vsakič znova doživimo nove trenutke za spomin.</p>
                
                <h2>S kavo nad izpitni stres</h2>
                <p>Izpitno obdobje vedno prinaša stres – ure in ure učenja, pogovori, ki se vrtijo samo okoli izpitov, prvih in drugih rokov, opravljenih ali neopravljenih obveznosti. Nekateri se z izpitom srečajo prvič, drugi že petič. Zato smo se odločili, da si vzamemo kratek odmor za vdih: da se sprostimo, nasmejimo in se spomnimo, da smo v tem študijskem stresu skupaj.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image2.webp" alt="Študentje čakajo v vrsti pred stavbo knjižnice CTK.">
                    <figcaption>Stotine študentov v vrsti pred CTK, ki so čakali še pred odprtjem, da si zagotovijo svoje mesto v knjižnici.</figcaption>
                </figure>
                
                <p>S skodelico vroče kave v roki in po zaslugi <strong>Bureka Olimpija</strong> smo uživali v okusnem bureku z mesom in sirom. Poskrbeli smo tudi za kanček zabave – študente smo povabili, da prinesejo svoje skodelice, za najbolj kreativne pa smo pripravili nagrado.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image3.webp" alt="Študent se smeji medtem ko je kos bureka.">
                    <figcaption>Brezplačen topel burek – skrivna formula za reševanje tudi najtežjih matematičnih problemov 😉</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image4.webp" alt="Skupina študentov s toplo kavo pozira pred kamero.">
                    <figcaption>Skupina študentov s toplo kavo, nasmejani pred CTK.</figcaption>
                </figure>

                <h2>Dve vprašanji, ki sta razkrili celo paleto študentskih čustev</h2>
                <p>Za dodatno dozo interakcije smo postavili dve veliki tabli z vprašanji, ki kar kličeta po odgovoru: <strong>“How do I survive the exam session?"</strong> in <strong>"Kako bi opisal počutje med izpitnem obdobjem?”</strong>.</p>
                <p>Odzivi so bili takojšnji – študenti so hiteli pisat, odgovori pa so bili vse prej kot dolgočasni: od "kaotično" in "Hočemo spat! (ampak ne v CTK)!" do "chill", "pod stresom", "izčrpano", "srečno" in "zaspano". Z drugimi besedami – celoten spekter študentskih čustev, iskreno prelitih v nekaj besed.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image5.webp" alt="Bela tabla z ročno napisanimi odgovori študentov o njihovih občutkih med izpitnim obdobjem.">
                    <figcaption>Duhoviti in iskreni odgovori na velikih tablah s vprašanji pred CTK.</figcaption>
                </figure>

                <h2>Od kave do simulatorja letenja in 3D-tiskalnikov</h2>
                <p>Kot bonus za študente smo v sodelovanju s tehniško knjižnico univerze program obogatili z razstavo CTK, kjer so bili predstavljeni simulator letenja, 3D-tiskalniki in druga zanimiva oprema. Študenti so jo lahko preizkusili, nato pa si jo brezplačno izposodili v Kreativnem studiu CTK – delu njihovega izobraževalnega programa.</p>
                
                <h2>Kava in burek = motivacija za vsakdanje vstajanje in 12-urno učenje</h2>
                <p>Skupno stojnico MSOS, Skupine Povezani in CTK je obiskalo okoli 150 ljudi, ki so se prišli družit, spit kavo, prigriznit nekaj in si izmenjat zgodbe med knjigami in roki. Dogodek je potekal v odličnem vzdušju – veliko nasmehov, nova poznanstva in majhen opomnik, da je tudi v najbolj stresnih obdobjih vedno čas za kavo in dobro družbo.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image6.webp" alt="Študenti zbrani na skupni stojnici med dogodkom.">
                    <figcaption>Del vzdušja na skupni stojnici.</figcaption>
                </figure>
                
                <p>Se vidimo ponovno prihodnje leto – še bolj sproščeni in z še več kave!</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image7.webp" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
                    <figcaption>Dobra družba, veliko spominov in skupaj premagan izpitni stres.</figcaption>
                </figure>
            </div>

            <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./si/projects/morning-coffee-in-front-of-ctk/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na glavno CSS datoteko -->
    <link rel="stylesheet" href="../../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="../../../si/" class="logo-link">
                <img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="../../../si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Objavljeno 8. junija 2024</p>
                <h1>Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov</h1>
                <p class="article-subtitle">Ko izpiti postanejo lažji ob sobotni jutranji kavi, bureku in dobri družbi pred CTK!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../../images/event4-image1.webp" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK.">
            </figure>

            <div class="article-body">
                <p>8. junija 2024, med 9. in 12. uro, smo pred Centralno tehniško knjižnico Univerze v Ljubljani (CTK) organizirali naš že tradicionalni študentski odmor – Jutranjo kavo pred CTK, skupaj z ekipo Skupine Povezani in CTK. To je bilo že drugo leto zapored, da smo se zbrali na istem mestu, a vsakič znova doživimo nove trenutke za spomin.</p>
                
                <h2>S kavo nad izpitni stres</h2>
                <p>Izpitno obdobje vedno prinaša stres – ure in ure učenja, pogovori, ki se vrtijo samo okoli izpitov, prvih in drugih rokov, opravljenih ali neopravljenih obveznosti. Nekateri se z izpitom srečajo prvič, drugi že petič. Zato smo se odločili, da si vzamemo kratek odmor za vdih: da se sprostimo, nasmejimo in se spomnimo, da smo v tem študijskem stresu skupaj.</p>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image2.webp" alt="Študentje čakajo v vrsti pred stavbo knjižnice CTK.">
                    <figcaption>Stotine študentov v vrsti pred CTK, ki so čakali še pred odprtjem, da si zagotovijo svoje mesto v knjižnici.</figcaption>
                </figure>
                
                <p>S skodelico vroče kave v roki in po zaslugi <strong>Bureka Olimpija</strong> smo uživali v okusnem bureku z mesom in sirom. Poskrbeli smo tudi za kanček zabave – študente smo povabili, da prinesejo svoje skodelice, za najbolj kreativne pa smo pripravili nagrado.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image3.webp" alt="Študent se smeji medtem ko je kos bureka.">
                    <figcaption>Brezplačen topel burek – skrivna formula za reševanje tudi najtežjih matematičnih problemov 😉</figcaption>
                </figure>

                <figure class="article-inline-image">
                    <img src="../../../images/event4-image4.webp" alt="Skupina študentov s toplo kavo pozira pred kamero.">
                    <figcaption>Skupina študentov s toplo kavo, nasmejani pred CTK.</figcaption>
                </figure>

                <h2>Dve vprašanji, ki sta razkrili celo paleto študentskih čustev</h2>
                <p>Za dodatno dozo interakcije smo postavili dve veliki tabli z vprašanji, ki kar kličeta po odgovoru: <strong>“How do I survive the exam session?"</strong> in <strong>"Kako bi opisal počutje med izpitnem obdobjem?”</strong>.</p>
                <p>Odzivi so bili takojšnji – študenti so hiteli pisat, odgovori pa so bili vse prej kot dolgočasni: od "kaotično" in "Hočemo spat! (ampak ne v CTK)!" do "chill", "pod stresom", "izčrpano", "srečno" in "zaspano". Z drugimi besedami – celoten spekter študentskih čustev, iskreno prelitih v nekaj besed.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image5.webp" alt="Bela tabla z ročno napisanimi odgovori študentov o njihovih občutkih med izpitnim obdobjem.">
                    <figcaption>Duhoviti in iskreni odgovori na velikih tablah s vprašanji pred CTK.</figcaption>
                </figure>

                <h2>Od kave do simulatorja letenja in 3D-tiskalnikov</h2>
                <p>Kot bonus za študente smo v sodelovanju s tehniško knjižnico univerze program obogatili z razstavo CTK, kjer so bili predstavljeni simulator letenja, 3D-tiskalniki in druga zanimiva oprema. Študenti so jo lahko preizkusili, nato pa si jo brezplačno izposodili v Kreativnem studiu CTK – delu njihovega izobraževalnega programa.</p>
                
                <h2>Kava in burek = motivacija za vsakdanje vstajanje in 12-urno učenje</h2>
                <p>Skupno stojnico MSOS, Skupine Povezani in CTK je obiskalo okoli 150 ljudi, ki so se prišli družit, spit kavo, prigriznit nekaj in si izmenjat zgodbe med knjigami in roki. Dogodek je potekal v odličnem vzdušju – veliko nasmehov, nova poznanstva in majhen opomnik, da je tudi v najbolj stresnih obdobjih vedno čas za kavo in dobro družbo.</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image6.webp" alt="Študenti zbrani na skupni stojnici med dogodkom.">
                    <figcaption>Del vzdušja na skupni stojnici.</figcaption>
                </figure>
                
                <p>Se vidimo ponovno prihodnje leto – še bolj sproščeni in z še več kave!</p>
                
                <figure class="article-inline-image">
                    <img src="../../../images/event4-image7.png" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
                    <figcaption>Dobra družba, veliko spominov in skupaj premagan izpitni stres.</figcaption>
                </figure>
            </div>

            <!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    <script src="../../../main.js"></script>
</body>
</html>"""


"./si/projects/testproject/index.html" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Macedonian Student Night in Ljubljana - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na novo glavno CSS datoteko -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
    <header class="dropdown-header-navigation">
        <div class="container">
            <div class="header-content">
                <a href="../../" class="logo-link">
                    <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
                </a>
                <!-- Navigacija za namizje -->
                <nav class="navigation desktop-nav">
                    <a href="#">About us</a>
                    <a href="#">For Students</a>
                    <a href="../../projects/">Projects</a>
                </nav>
            </div>

            <!-- Gumbi za namizje -->
            <div class="navigation-actions">
                <button class="btn btn-secondary">Become a partner</button>
                <button class="btn btn-primary">Donate</button>
                <div class="language-selector">
                    <i class="fas fa-globe"></i>
                    <i class="fas fa-chevron-down"></i>
                </div>
            </div>

            <!-- Panel za mobilno navigacijo (združuje povezave in gumbe) -->
            <div class="mobile-nav-panel">
                <nav class="navigation mobile-nav">
                    <a href="#">About us</a>
                    <a href="#">For Students</a>
                    <a href="../../projects/">Projects</a>
                </nav>
                <div class="navigation-actions">
                    <button class="btn btn-secondary">Become a partner</button>
                    <button class="btn btn-primary">Donate</button>
                    <div class="language-selector">
                        <i class="fas fa-globe"></i>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
    </header>
    <!-- START_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on October 8, 2022</p>
                <h1>Macedonian Student Night in Ljubljana</h1>
                <p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
            </figure>

            <div class="article-body">
                <p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p>
                
                <h2>How an idea for socializing became the start of a movement</h2>
                <p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-2.webp" alt="Preparations and meetings for the Macedonian Student Night">
                    <figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
                </figure>
                
                <p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
                <p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
                    <figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
                    <footer>— Marko - first-year student (at the time)</footer>
                </blockquote>

                <h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
                <p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
                    <figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
                </figure>

                <p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
                    <figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
                </figure>

                <h2>Support from the Macedonian community and diplomacy</h2>
                <p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
                    <figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
                </figure>

                <p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p>
                <p>The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
                
                <blockquote class="article-quote">
                    <p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”</p>
                    <footer>— Hristijan - second-year student (at the time)</footer>
                </blockquote>

                <h2>A beginning to remember</h2>
                <p>That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
                <p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
                    <figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
                </figure>
            </div>

            <!-- 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="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    
</body>
</html>"""


"./si/projects/testproject/index.html.bak" : 
"""
<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Macedonian Student Night in Ljubljana - MSOS</title>
    
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Font Awesome (for icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Povezava na novo glavno CSS datoteko -->
    <link rel="stylesheet" href="../../css/main.css">
</head>
<body>

    <!-- START_HEADER -->
    <header class="dropdown-header-navigation">
        <div class="container">
            <div class="header-content">
                <a href="../../" class="logo-link">
                    <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
                </a>
                <!-- Navigacija za namizje -->
                <nav class="navigation desktop-nav">
                    <a href="#">About us</a>
                    <a href="#">For Students</a>
                    <a href="../../projects/">Projects</a>
                </nav>
            </div>

            <!-- Gumbi za namizje -->
            <div class="navigation-actions">
                <button class="btn btn-secondary">Become a partner</button>
                <button class="btn btn-primary">Donate</button>
                <div class="language-selector">
                    <i class="fas fa-globe"></i>
                    <i class="fas fa-chevron-down"></i>
                </div>
            </div>

            <!-- Panel za mobilno navigacijo (združuje povezave in gumbe) -->
            <div class="mobile-nav-panel">
                <nav class="navigation mobile-nav">
                    <a href="#">About us</a>
                    <a href="#">For Students</a>
                    <a href="../../projects/">Projects</a>
                </nav>
                <div class="navigation-actions">
                    <button class="btn btn-secondary">Become a partner</button>
                    <button class="btn btn-primary">Donate</button>
                    <div class="language-selector">
                        <i class="fas fa-globe"></i>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
    </header>
    <!-- START_HEADER -->

    <main class="article-page">
        <article class="article-container">
            <header class="article-header">
                <p class="article-publish-date">Published on October 8, 2022</p>
                <h1>Macedonian Student Night in Ljubljana</h1>
                <p class="article-subtitle">From an idea to a party with 500 students – that's how our story began!</p>
            </header>

            <figure class="article-main-image">
                <img src="../../images/msnl-1.webp" alt="Atmosphere from the Macedonian Student Night in Ljubljana">
            </figure>

            <div class="article-body">
                <p>On October 8, 2022, in the heart of the Student Campus in Ljubljana, the first Macedonian Student Night in Slovenia took place. Under the motto #FeelsLikeHome, more than 500 young people enjoyed Macedonian music, delicious traditional food, and an atmosphere that felt like home. This event was not just a party – it was the beginning of a new story, which would later grow into the Macedonian Student Organization in Slovenia (MSOS).</p>
                
                <h2>How an idea for socializing became the start of a movement</h2>
                <p>It all began with a simple wish – to gather, get to know each other, and feel Macedonia, even though we were far from it. Kristijan Popovski, then a student at the School of Economics and Business in Ljubljana, shared his idea with a few colleagues, and the response was incredible. In less than two weeks, over 40 students joined the organizing team. Everyone contributed their enthusiasm and time, and the shared spirit and desire to connect turned this spontaneous initiative into an event we would remember for a long time.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-2.png" alt="Preparations and meetings for the Macedonian Student Night">
                    <figcaption>Photos from the preparations and meetings for organizing the Macedonian Student Night.</figcaption>
                </figure>
                
                <p>From that moment on, we spent every free moment in the offices of the student organization <strong>Povezani</strong>, which gave us great support in organizing. Days and nights were spent planning, holding meetings, and writing social media posts – all with the goal of creating an event that we initially thought would attract, if we were lucky, about 100 visitors.</p>
                <p>A week before the event, we posted interesting facts about Macedonia every day – its national treasures, music, and culture. Slowly but surely, we built the atmosphere and excitement, not only among Macedonian students but also among many others who wanted to feel our energy.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-3.webp" alt="Poster where Slovenians learn the Macedonian alphabet">
                    <figcaption>Poster with Cyrillic and Latin letters. Slovenians are learning the Macedonian alphabet, while Macedonians are teaching them.</figcaption>
                </figure>

                <blockquote class="article-quote">
                    <p>“Organizing the first MSOS party was a one-of-a-kind experience – sleepless, ambitious, and involved in everything from logistics to mopping the floor... Thank goodness for Red Bull 😉 (P.S. We drank the entire fridge supply!)”</p>
                    <footer>— Marko - first-year student (at the time)</footer>
                </blockquote>

                <h2>The taste and smell of Macedonia in the heart of Ljubljana</h2>
                <p>The party started at 8:00 PM and was designed in two parts. The first part was a real gastronomic and cultural journey through Macedonia. Students could try bread with ajvar and white cheese, Macedonian wine, tasty snacks, and traditional drinks. The tables were also filled with other authentic products that reminded everyone of home. All these flavors and aromas were made possible thanks to the support of the Macedonian products store <strong>“Makedonija Trade,”</strong> which selflessly contributed to making this part of the evening truly enjoyable.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-4.webp" alt="Stands with Macedonian symbols, food, and drinks">
                    <figcaption>Photos of the stands with Macedonian symbols, traditional food, and drinks.</figcaption>
                </figure>

                <p>In addition to the food, visitors could explore interesting facts about the country, photos of famous Macedonian figures and cultural landmarks, and see traditional costumes and a <strong>gaida</strong> up close. The atmosphere was warm and full of curiosity – like a small exhibition within a large student party.</p>
                
                <figure class="article-inline-image">
                    <img src="../../images/msnl-5.webp" alt="Mini quiz about Macedonia">
                    <figcaption>Mini quiz with questions about Macedonia, where students in one part of the club are competing.</figcaption>
                </figure>

                <h2>Support from the Macedonian community and diplomacy</h2>
                <p>The evening was enriched by the presence of important guests from the Macedonian community in Slovenia. <strong>The President of the Union of Macedonian Cultural Associations in Slovenia, Mr. Blagoja Nasteski</strong>, joined the event, confirming the importance of such initiatives for preserving the Macedonian spirit and tradition in the diaspora.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-6.webp" alt="Kristijan and Bisera with Ambassador Zelenkovska and Mr. Nasteski">
                    <figcaption>Kristijan and Bisera together with Ambassador Zelenkovska and the President of the Union of Macedonian Associations, Mr. Nasteski</figcaption>
                </figure>

                <p>We were especially honored to <strong>welcome the Ambassador of North Macedonia to Slovenia, Mrs. Suzana Zelenkovska</strong>, who gave warm words of encouragement and support to the youth. Her presence and interest in the event were an additional motivation to continue our mission of connecting and promoting the Macedonian student community.</p>
                <p>The party had great energy spreading everywhere – at one point there was a small but controlled chaos. Even though the event ended slightly earlier than planned, the students kept singing together for another hour while we were cleaning up the place. Truly, a night to remember!</p>
                
                <blockquote class="article-quote">
                    <p>“I was part of the organizing team and was supposed to maintain order among the students, but when they played the song 'Biser Balkanski,' I couldn't resist – so I joined in as well... That was my special moment that night!”</p>
                    <footer>— Hristijan - second-year student (at the time)</footer>
                </blockquote>

                <h2>A beginning to remember</h2>
                <p>That night wasn't just another student party – it was the moment we realized we had started something bigger. Instead of the expected 100 guests, about <strong>500 students</strong> came to the club, and the energy was incredible. New friendships were made, songs were sung from the heart, and Macedonian culture and tradition took center stage for the entire evening.</p>
                <p>This night laid the foundation for the Macedonian Student Organization in Slovenia and showed us that with enthusiasm, unity, and a bit of courage, it's possible to create something that brings people together and gives them a sense of home – even when they are far away from it.</p>

                <figure class="article-inline-image">
                    <img src="../../images/msnl-7.webp" alt="The dedicated team of volunteers after cleaning up the venue">
                    <figcaption>Photo taken at 4:00 a.m., after finishing and cleaning up the venue together with the dedicated team of volunteers</figcaption>
                </figure>
            </div>

            <!-- 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="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="../../../main.js"></script>
</footer>
<!-- END_FOOTER -->

    
</body>
</html>"""


"./style.css" : 
"""
/* General Styles */
html, body {
    overflow-x: hidden; /* Preprečuje horizontalno drsenje na najvišji ravni */
}

body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    background-color: #FFFFFF;
    color: #101828;
}

/* Prepreči drsenje strani, ko je mobilni meni odprt */
body.nav-open {
    overflow: hidden;
}

.container {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 32px;
    box-sizing: border-box;
}

.btn {
    padding: 10px 18px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    border: 1px solid transparent;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-primary {
    background-color: #2D738C;
    color: #FFFFFF;
    border-color: #2D738C;
}

.btn-primary-orange {
    background: #FA7850;
    color: #FFFFFF;
    padding: 16px 28px;
    font-size: 18px;
    line-height: 28px;
}

.btn-secondary {
    background-color: #FFFFFF;
    color: #344054;
    border: 1px solid #D0D5DD;
}

/* Header */
.dropdown-header-navigation {
    position: absolute;
    width: 100%;
    height: 80px;
    background: #FFFFFF;
    border-bottom: 1px solid #F2F4F7;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.header-content {
    display: flex;
    align-items: center;
    gap: 40px;
}

.logo-link .logo-img {
   height: 32px;
   width: auto;
}

.navigation.desktop-nav {
    display: flex;
    gap: 32px;
}

.navigation a {
    text-decoration: none;
    color: #667085;
    font-weight: 600;
    font-size: 16px;
    padding: 4px 0;
}

.navigation-actions {
    display: flex;
    align-items: center;
    gap: 24px;
}

.language-selector {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #646E82;
    cursor: pointer;
}

.mobile-menu-icon {
    display: none;
    font-size: 24px;
    color: #101828;
    cursor: pointer;
    z-index: 1002; /* Nad vsem ostalim v glavi */
}

.mobile-menu-icon .fa-times {
    display: none;
}

body.nav-open .mobile-menu-icon .fa-bars {
    display: none;
}

body.nav-open .mobile-menu-icon .fa-times {
    display: block;
}

.mobile-nav-panel {
    display: none; /* Skrito na namizju */
}

/* Hero Section */
.hero-section {
    position: relative;
    height: 880px;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-image-left, .hero-image-right {
    position: absolute;
    top: -150px;
    height: 1030px;
    width: 50%;
    background-size: cover;
    background-position: center;
}

.hero-image-left {
    left: 0;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.hero-image-right {
    right: 0;
}

.hero-overlay {
    position: absolute;
    top: 79px;
    left: 0;
    height: 801px;
    width: 56.74%;
    background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%);
    border-radius: 0px 40px 40px 0px;
    backdrop-filter: blur(12px);
    z-index: 2;
}

.hero-content {
    position: relative;
    z-index: 3;
    color: #FFFFFF;
    padding-left: 120px;
    width: 605px;
}

.hero-content .badge-group {
    display: inline-flex;
    align-items: center;
    padding: 6px 16px;
    gap: 12px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 16px;
    margin-bottom: 32px;
}

.hero-content .message {
    font-weight: 500;
    font-size: 14px;
}

.hero-content h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 72px;
    letter-spacing: -0.02em;
    margin: 0 0 24px 0;
}

.hero-content p {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 72px 0;
}

/* Meet the Team Section */
.meet-the-team-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 128px 0;
    gap: 40px;
    background: #FFFFFF;
}

.video-container {
    position: relative;
    width: 619px;
    height: 360px;
}

.video-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(127.76deg, rgba(19, 49, 60, 0.92) -13.16%, rgba(39, 77, 90, 0.08) 98.5%);
    backdrop-filter: blur(6px);
    border-radius: 16px;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.56);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play-button::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 24px solid white;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    margin-left: 5px;
}

.team-content {
    width: 619px;
}

.team-content h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin: 0 0 20px 0;
}

.team-content p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    margin: 0 0 56px 0;
}

/* Activities Section */
.activities-section {
    padding: 128px 80px;
    background: #F9FAFB;
}

.activities-header {
    text-align: center;
    margin-bottom: 96px;
}

.activities-header h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin-bottom: 20px;
}

.activities-header p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    max-width: 768px;
    margin: 0 auto;
}

.activities-content {
    display: flex;
    gap: 109px;
    max-width: 1232px;
    margin: 0 auto;
}

.activities-nav {
    width: 302px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.activities-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.activities-nav li {
    font-size: 20px;
    color: #646E82;
    cursor: pointer;
    position: relative;
    padding-left: 48px;
}
.activities-nav li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 2px;
    background-color: #646E82;
}


.activities-nav li.active {
    font-size: 24px;
    font-weight: 600;
    color: #000000;
}

.activity-details {
    width: 821px;
}

.activity-details p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    margin-bottom: 40px;
}

.activity-details img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 24px;
}

/* Latest News Section */
.latest-news-section {
    padding: 128px 0;
    background: #2D738C;
    text-align: center;
}

.news-header {
    margin-bottom: 64px;
}

.news-header h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.news-header p {
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    max-width: 768px;
    margin: 0 auto;
}

.news-articles {
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-bottom: 64px;
}

.news-card {
    width: 405.33px;
    background: transparent;
    text-align: left;
}

.news-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 32px;
}

.news-card .card-content {
    color: #FFFFFF;
}

.news-card .author {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

.news-card h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
}

.news-card p {
    font-size: 16px;
    line-height: 24px;
}

/* Testimonials Section */
.testimonials-section {
    padding: 128px 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.testimonials-intro {
    width: 411px;
    flex-shrink: 0;
}

.testimonials-intro h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin-bottom: 24px;
}

.testimonials-intro p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
}

.testimonials-columns {
    display: flex;
    gap: 24px;
    width: 846px;
    height: 800px;
    overflow-y: scroll;
    padding-right: 15px;
}
.testimonials-columns::-webkit-scrollbar {
  width: 5px;
}
.testimonials-columns::-webkit-scrollbar-thumb {
  background: #D0D5DD;
  border-radius: 10px;
}

.testimonial-column {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 411px;
}
.column-offset {
    margin-top: 80px;
}


.testimonial-card {
    padding: 24px 24px 40px;
    border: 1px solid #D0D5DD;
    border-radius: 16px;
}
.testimonial-column .testimonial-card:nth-child(even) {
    background: #F9FAFB;
}

.testimonial-card h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 24px;
}

.testimonial-card p {
    font-size: 16px;
    line-height: 1.2;
    color: #646E82;
    margin-bottom: 24px;
}

.author-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.author-info img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}
.avatar-placeholder {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #2D738C;
}
.avatar-placeholder-gray {
     width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #646E82;
}

.author-info h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 6px 0;
    color: #000000;
}
.testimonial-card:nth-child(3) .author-info h4, .testimonial-card:nth-child(3) .author-info p {
    color: #2D738C;
}

.testimonial-column:nth-child(1) .testimonial-card:nth-child(2) .author-info h4,
.testimonial-column:nth-child(2) .testimonial-card:nth-child(2) .author-info h4,
.testimonial-column:nth-child(1) .testimonial-card:nth-child(2) .author-info p,
.testimonial-column:nth-child(2) .testimonial-card:nth-child(2) .author-info p {
    color: #646E82;
}


.author-info p {
    font-size: 16px;
    margin: 0;
    color: #2D738C;
}

/* Become Part Section */
.become-part-section {
    padding: 128px 0;
    background: #F9FAFB;
    text-align: center;
}

.become-part-header {
    margin-bottom: 64px;
}

.become-part-header h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin-bottom: 20px;
}

.become-part-header p {
    font-size: 20px;
    line-height: 30px;
    color: #646E82;
}

.team-photo {
    width: 1232px;
    height: 400px;
    object-fit: cover;
    border-radius: 24px;
    margin: 0 auto 96px;
    display: block;
}

.contact-form-container {
    max-width: 800px;
    margin: 0 auto;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: left;
}

.form-row {
    display: flex;
    gap: 32px;
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #344054;
    margin-bottom: 6px;
}

.form-group input,
.form-group textarea,
.form-group select {
    padding: 12px 16px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    font-size: 16px;
    background: #FFFFFF;
    color: #646E82;
    font-family: 'Inter', sans-serif;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #646E82;
}

.phone-input {
    display: flex;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.phone-input select {
    border: none;
    border-right: 1px solid #D0D5DD;
    border-radius: 0;
    box-shadow: none;
}
.phone-input input {
    border: none;
    flex-grow: 1;
    box-shadow: none;
}

.checkbox-group {
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.checkbox-group input {
    width: 20px;
    height: 20px;
}
.checkbox-group label {
    margin: 0;
    color: #646E82;
}
.checkbox-group label a {
    color: #2D738C;
}

.contact-form button {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
}

/* FAQ Section */
.faq-section {
    padding: 128px 0;
    text-align: center;
}

.faq-header {
    margin-bottom: 64px;
}

.faq-header h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #101828;
    margin-bottom: 20px;
}

.faq-header p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    max-width: 768px;
    margin: 0 auto;
}

.faq-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px 32px;
    max-width: 1232px;
    margin: 0 auto 64px;
    text-align: left;
}

.faq-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.faq-icon-container {
    width: 48px;
    height: 48px;
    background: rgba(39, 77, 90, 0.08);
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2D738C;
    font-size: 22px;
}

.faq-item h3 {
    font-size: 20px;
    font-weight: 600;
    color: #101828;
    margin: 0;
}

.faq-item p {
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    margin: 0;
}

.faq-footer {
    max-width: 1232px;
    margin: 0 auto;
    padding: 40px 32px;
    background: #F9FAFB;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.faq-footer h3 {
    font-size: 20px;
    font-weight: 500;
    color: #101828;
    margin: 16px 0 0 0;
}

.faq-footer p {
    font-size: 18px;
    color: #667085;
    margin: 0 0 32px 0;
}
.avatar-group {
    display: flex;
    position: relative;
    width: 120px;
    height: 56px;
}
.avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1.5px solid #FFFFFF;
    position: absolute;
    top: 8px;
    object-fit: cover;
}
.avatar:nth-child(1) { left: 0; z-index: 3;}
.avatar:nth-child(2) { left: 50%; transform: translateX(-50%); top:0; z-index: 2;}
.avatar:nth-child(3) { right: 0; z-index: 1;}
.avatar.large {
    width: 56px;
    height: 56px;
}

/* Footer */
footer {
    background: #2D738C;
    color: #FFFFFF;
    padding: 64px 0 88px;
}

.footer-container {
    width: 1280px;
    margin: 0 auto;
}

.footer-main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
}

.footer-info {
    width: 302px;
}

.footer-logo {
    margin-bottom: 48px;
}

.footer-logo img {
    height: auto;
    width: 200px; 
    object-fit: contain;
}

.footer-info p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 24px;
}

.social-icons {
    display: flex;
    gap: 24px;
}
.social-icons a {
    color: #FFFFFF;
    font-size: 24px;
    text-decoration: none;
}

.footer-links {
    display: flex;
    gap: 32px;
}

.links-column {
    width: 192px;
}

.links-column h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 24px 0;
}

.links-column a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 16px;
}

footer hr {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 0 24px 0;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.legal-links {
    display: flex;
    gap: 24px;
}

.legal-links a {
    color: #FFFFFF;
    text-decoration: none;
}

/* =================================== */
/* ====== PROJECTS PAGE STYLES ======= */
/* =================================== */
.page-content {
    padding-top: 80px;
}

.page-header-section {
    padding: 96px 0;
    background: #FFFFFF;
    text-align: center;
}

.page-header-section .container.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    max-width: 960px;
}

.page-subtitle {
    font-weight: 600;
    font-size: 16px;
    color: #FA7850;
}

.page-header-section h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.02em;
    color: #101828;
    margin: 0;
}

.page-description {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    max-width: 768px;
    margin: 0;
}

.subscribe-form {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}

.subscribe-form input {
    width: 360px;
    height: 48px;
    padding: 12px 16px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    font-size: 16px;
    box-sizing: border-box;
}

.subscribe-form .btn {
    height: 48px;
}

.privacy-note {
    font-size: 14px;
    color: #667085;
    margin-top: -8px;
}

.privacy-note a {
    color: #667085;
    font-weight: 500;
}

.all-posts-section {
    padding: 0 80px 96px;
}

.all-posts-section .container.column-layout {
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
}

.all-posts-section h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #101828;
    margin: 0;
}

.posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 32px;
    width: 100%;
}

.post-card {
    display: flex;
    flex-direction: column;
}

.post-link {
    text-decoration: none;
    color: inherit;
}

.post-image {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 32px;
}

.post-meta {
    font-size: 14px;
    font-weight: 600;
    color: #FA7850;
    margin: 0 0 12px;
}

.post-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #101828;
    margin: 0 0 12px;
}

.post-excerpt {
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    margin: 0;
}

.pagination {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #EAECF0;
}

.pagination-arrow {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #667085;
    text-decoration: none;
}

.pagination-numbers {
    display: flex;
    gap: 2px;
}

.page-number {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: #667085;
}

.page-number.active {
    background-color: rgba(102, 112, 133, 0.16);
    color: #2D738C;
}

.page-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #667085;
}

/* =================================== */
/* ===== SINGLE PROJECT PAGE STYLES ==== */
/* =================================== */

.article-page {
    padding-top: 80px;
    background: #FFFFFF;
}

.article-container {
    max-width: 1024px;
    margin: 0 auto;
    padding: 96px 32px;
}

.article-header {
    text-align: center;
    margin-bottom: 64px;
}

.article-publish-date {
    font-size: 16px;
    font-weight: 600;
    color: #FA7850;
    margin-bottom: 12px;
}

.article-header h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: -0.02em;
    color: #101828;
    margin: 0;
}

.article-subtitle {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    margin-top: 24px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.article-main-image {
    margin: 0 0 64px 0;
}

.article-main-image img {
    width: 100%;
    height: auto;
    max-height: 516px;
    object-fit: cover;
    border-radius: 24px;
    display: block;
    margin: 0 auto;
}

.article-body {
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.article-body p, .article-body ol li {
    font-size: 18px;
    line-height: 28px;
    color: #667085;
    margin: 0;
}

.article-body h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    color: #101828;
    margin: 16px 0;
}

.article-body ol {
    padding-left: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.article-inline-image {
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.article-inline-image img {
    width: 100%;
    border-radius: 16px;
}

.article-inline-image figcaption {
    font-size: 14px;
    color: #667085;
    text-align: center;
}

.article-quote {
    margin: 16px 0;
    padding-left: 20px;
    border-left: 2px solid #D0D5DD;
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: transparent;
}

.article-quote p {
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #101828;
    margin: 0;
}

.article-quote footer {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FA7850;
    background: transparent;
}

.article-footer {
    max-width: 720px;
    margin: 48px auto 0;
    background: transparent;
}
.article-footer hr {
    border: 0;
    height: 1px;
    background-color: #EAECF0;
    margin: 0 0 24px 0;
}

.author-share-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.author-details {
    display: flex;
    align-items: center;
    gap: 16px;
}

.author-details img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
}

.author-name {
    font-size: 18px;
    font-weight: 600;
    color: #101828;
    margin: 0;
}

.author-title {
    font-size: 16px;
    color: #667085;
    margin: 0;
}

.share-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
}

.social-icon-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    color: #98A2B3;
    font-size: 18px;
    text-decoration: none;
}

.newsletter-cta {
    padding: 0 32px 96px 32px;
}

.newsletter-cta .container {
    padding: 64px;
    background: #F9FAFB;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1216px;
    gap: 32px;
}

.newsletter-cta .cta-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1;
}
.newsletter-cta h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    color: #101828;
    margin: 0;
}
.newsletter-cta p {
    font-size: 20px;
    line-height: 30px;
    color: #667085;
    margin: 0;
}
.newsletter-cta .subscribe-form-bottom {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.subscribe-form-bottom .input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.subscribe-form-bottom input {
    width: 360px;
    height: 48px;
    padding: 12px 16px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    font-size: 16px;
    box-sizing: border-box;
}

.subscribe-form-bottom .btn-primary-orange {
    height: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* =================================== */
/* ========== MOBILE STYLES ========== */
/* =================================== */

@media (max-width: 768px) {
    body {
        padding-top: 60px;
    }
    
    .container {
        width: 100%;
        padding: 0 24px;
    }

    /* Mobile Header & Navigation */
    .dropdown-header-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 60px;
        padding: 0 24px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
        border-bottom: none;
        box-sizing: border-box;
    }
    
    .navigation.desktop-nav,
    .dropdown-header-navigation .container > .navigation-actions { /* Natančen selektor za gumbe na namizju */
        display: none;
    }
    
    .mobile-menu-icon {
        display: block;
    }
    
    .mobile-nav-panel {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 48px;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: calc(100vh - 60px);
        background: #FFFFFF;
        padding: 40px 24px;
        box-sizing: border-box;
        transform: translateX(100%);
        transition: transform 0.3s ease-in-out;
        z-index: 1001;
        overflow-y: auto;
    }

    body.nav-open .mobile-nav-panel {
        transform: translateX(0);
    }
    
    .mobile-nav-panel .navigation.mobile-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .mobile-nav-panel .navigation a {
        font-size: 20px;
        color: #101828;
    }

    .mobile-nav-panel .navigation-actions {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        width: 100%;
    }

    .mobile-nav-panel .navigation-actions .btn {
        width: 100%;
        max-width: 300px;
    }

    .mobile-nav-panel .language-selector {
        margin-top: 16px;
    }
    
    /* Mobile Hero Section */
    .hero-section {
        height: 600px;
        margin-top: 0;
        align-items: flex-start;
    }

    .hero-overlay, .hero-image-left, .hero-image-right {
        display: none;
    }

    .hero-background {
        background: url('../images/2.hero.jpg') no-repeat center center/cover;
    }
    
    .hero-background::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%);
    }

    .hero-content {
        padding: 64px 24px;
        width: 100%;
        box-sizing: border-box;
    }
    .hero-content h1 {
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -0.03em;
    }
    .hero-content p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 64px;
    }
    .hero-content .badge-group {
        border-radius: 37px;
    }
    .btn-primary-orange {
        width: auto;
        padding: 16px 28px;
        border-radius: 12px;
        font-size: 16px;
    }

    /* Mobile Meet the Team Section */
    .meet-the-team-section {
        flex-direction: column;
        padding: 64px 24px;
        gap: 40px;
    }
    .video-container, .team-content {
        width: 100%;
        max-width: 327px;
    }
    .video-container {
        height: 190px;
    }
    .play-button {
        width: 42px;
        height: 42px;
    }
    .play-button::after {
        border-left-width: 14px;
        border-top-width: 8px;
        border-bottom-width: 8px;
    }
    .team-content h2 {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
    }
    .team-content p {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 32px;
    }
    .team-content .btn-secondary {
        margin: 0 auto;
        display: block;
        width: 124px;
        height: 44px;
    }

    /* Mobile Activities Section */
    .activities-section {
        padding: 64px 0;
    }
    .activities-header {
        padding: 0 24px;
        margin-bottom: 48px;
    }
    .activities-header h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .activities-header p {
        font-size: 16px;
        line-height: 24px;
    }
    .activities-content {
        flex-direction: column;
        align-items: center;
        gap: 32px;
        padding: 0 24px;
    }
    .activities-nav {
        width: 100%;
        max-width: 326px;
        gap: 32px;
    }
    .activities-nav ul {
        width: 100%;
        gap: 16px;
    }
    .activities-nav li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        background: rgba(208, 213, 221, 0.5);
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }
    .activities-nav li::before {
        display: none;
    }
    .activities-nav li.active::after {
        content: ' ';
        display: inline-block;
        border: solid black;
        border-width: 0 2px 2px 0;
        padding: 4px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .activities-nav .btn-primary-orange {
        align-self: center;
    }
    .activity-details {
        width: 100%;
        max-width: 327px;
    }
    .activity-details p {
        font-size: 16px;
        line-height: 24px;
    }
    .activity-details img {
        height: 300px;
        border-radius: 16px;
    }

    /* Mobile Latest News Section */
    .latest-news-section {
        padding: 64px 24px;
    }
    .news-header, .news-articles {
        margin-bottom: 48px;
    }
    .news-header h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .news-header p {
        font-size: 16px;
        line-height: 24px;
    }
    .news-articles {
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }
    .news-card {
        width: 100%;
        max-width: 321px;
    }

    /* Mobile Testimonials Section */
    .testimonials-section {
        flex-direction: column;
        padding: 64px 0;
        align-items: center;
        gap: 32px;
    }
    .testimonials-intro {
        width: 100%;
        padding: 0 24px;
        text-align: center;
        box-sizing: border-box;
    }
    .testimonials-intro h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .testimonials-intro p {
        font-size: 16px;
        line-height: 24px;
    }
    .testimonials-columns {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 24px;
        box-sizing: border-box;
        scroll-snap-type: x mandatory;
    }
     .testimonials-columns::-webkit-scrollbar {
      display: none;
    }
    .testimonial-column {
        display: contents;
    }
    .testimonial-card {
        flex: 0 0 291px;
        scroll-snap-align: start;
        margin-right: 24px;
    }
    .column-offset {
        margin-top: 0;
    }

    /* Mobile Become Part Section */
    .become-part-section {
        padding: 64px 16px;
    }
    .become-part-header {
        margin-bottom: 48px;
    }
    .become-part-header h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .become-part-header p {
        font-size: 16px;
        line-height: 24px;
    }
    .team-photo {
        width: 100%;
        height: auto;
        margin-bottom: 48px;
    }
    .contact-form-container {
        width: 100%;
        padding: 0;
    }
    .form-row {
        flex-direction: column;
        gap: 24px;
    }

    /* Mobile FAQ Section */
    .faq-section {
        padding: 64px 16px;
    }
    .faq-header {
        margin-bottom: 48px;
    }
    .faq-header h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .faq-header p {
        font-size: 18px;
        line-height: 28px;
    }
    .faq-grid {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 0 8px;
    }
    .faq-item {
        align-items: center;
    }
    .faq-item h3, .faq-item p {
        text-align: center;
    }
    .faq-footer {
        width: 100%;
        box-sizing: border-box;
        padding: 32px 20px;
    }

    /* Mobile Footer */
    footer {
        padding: 0;
    }
    .footer-container {
        width: 100%;
        padding: 0 24px;
    }
    .footer-main {
        flex-direction: column;
        align-items: flex-start;
        padding: 48px 0;
        gap: 48px;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    .footer-info {
        width: 100%;
    }
    .footer-logo img {
        max-width: 161px;
        height: auto;
    }
    .footer-links {
        flex-direction: column;
        gap: 40px;
        width: 100%;
    }
    .links-column {
        width: 100%;
    }
    footer hr {
        display: none;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 32px;
        padding: 40px 0;
        align-items: flex-start;
    }
    .legal-links {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    /* Mobile Projects Page */
    .page-content {
        padding-top: 60px;
    }
    .page-header-section {
        padding: 64px 24px;
    }
    .page-header-section h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .page-description {
        font-size: 16px;
        line-height: 24px;
    }
    .subscribe-form {
        flex-direction: column;
        width: 100%;
    }
    .subscribe-form input {
        width: 100%;
    }
    .all-posts-section {
        padding: 48px 24px;
    }
    .all-posts-section .container.column-layout {
        gap: 32px;
    }
    .posts-grid {
        grid-template-columns: 1fr;
        gap: 48px;
    }
    .pagination {
        flex-direction: column;
        gap: 24px;
    }
    .pagination-numbers {
        order: -1;
    }

    /* Mobile Single Project Page */
    .article-page {
        padding-top: 60px;
    }
    .article-container {
        padding: 48px 24px;
    }
    .article-header {
        margin-bottom: 32px;
    }
    .article-header h1 {
        font-size: 32px;
        line-height: 40px;
    }
    .article-subtitle {
        font-size: 18px;
        line-height: 28px;
    }
    
    .article-main-image {
        margin: 0 0 32px 0;
        width: 100%;
        position: static;
        left: auto;
        right: auto;
    }
    .article-main-image img {
        border-radius: 16px;
    }

    .article-body {
        gap: 32px;
    }
    .article-body p {
        font-size: 16px;
        line-height: 26px;
    }
    .article-body h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .article-quote p {
        font-size: 20px;
        line-height: 30px;
    }
    .author-share-section {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
    .newsletter-cta {
        padding: 0 24px 64px 24px;
    }
    .newsletter-cta .container {
        flex-direction: column;
        padding: 32px;
        gap: 32px;
    }
    .newsletter-cta .cta-content,
    .newsletter-cta .cta-content p {
        align-items: center;
        text-align: center;
    }
     .newsletter-cta .subscribe-form-bottom {
        flex-direction: column;
        width: 100%;
        align-items: stretch;
    }
    .subscribe-form-bottom .input-wrapper {
        width: 100%;
    }
    .subscribe-form-bottom input {
        width: 100%;
    }
    .newsletter-cta .privacy-note {
        text-align: center;
    }
}"""


"./templates/en/footer.html" : 
"""
<!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="{{ROOT_PREFIX}}images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>For students</h4>
                    <a href="#">Blog</a>
                    <a href="#">Gallery</a>
                    <a href="#">FAQs</a>
                    <a href="#">Brochure</a>
                </div>
                <div class="links-column">
                    <h4>Projects</h4>
                    <a href="#">Upcoming</a>
                    <a href="#">Previous</a>
                </div>
                <div class="links-column">
                    <h4>Organisation</h4>
                    <a href="#">About us</a>
                    <a href="#">Contact</a>
                    <a href="#">Documentation</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MSOS org 2023 All rights reserved.</p>
            <div class="legal-links">
                <a href="#">Privacy policy</a>
                <a href="#">Cookie Policy</a>
                <a href="#">Legal Terms</a>
            </div>
        </div>
    </div>
    <script src="{{ROOT_PREFIX}}main.js"></script>
</footer>
<!-- END_FOOTER -->"""


"./templates/en/header.html" : 
"""
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="{{ROOT_PREFIX}}en/" class="logo-link">
                <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
            </a>
            <!-- Desktop Navigation -->
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Who We Are</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Timeline & Milestones</a></li>
                            <li><a href="#">Our team, mission, vision & core values</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">What We Do</a>
                        <ul class="dropdown-menu">
                            <li><a href="{{ROOT_PREFIX}}en/projects/">Event & Projects</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Gallery</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Get Involved</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Become a member</a></li>
                            <li><a href="#">Support MSOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">For Students</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Student Welcome Guide</a></li>
                            <li><a href="#">Mentorship Programme</a></li>
                            <li><a href="#">FAQs</a></li>
                            <li><a href="#">Get to know Slovenia</a></li>
                            <li><a href="#">Get to know North Macedonia</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">News</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Announcements</a></li>
                            <li><a href="#">Open calls</a></li>
                            <li><a href="#">Press releases</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>

        <!-- Desktop Buttons -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>

        <!-- Mobile Menu Icon (Hamburger/X) -->
        <!-- Ta element mora biti zunaj panela, da ostane viden! -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>

    <!-- Mobile Navigation Panel -->
    <!-- Ta element je zunaj .container, da se lahko razširi čez cel zaslon -->
    <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="{{ROOT_PREFIX}}en/projects/">Event & Projects</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">Gallery</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">Get Involved</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Become a member</a></li>
                        <li><a href="#">Support MSOS</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">For Students</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Student Welcome Guide</a></li>
                        <li><a href="#">Mentorship Programme</a></li>
                        <li><a href="#">FAQs</a></li>
                        <li><a href="#">Get to know Slovenia</a></li>
                        <li><a href="#">Get to know North Macedonia</a></li>
                    </ul>
                </li>
                <li class="menu-item menu-item-has-children">
                    <a href="#">News</a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Announcements</a></li>
                        <li><a href="#">Open calls</a></li>
                        <li><a href="#">Press releases</a></li>
                    </ul>
                </li>
            </ul>
        </nav>
        <div class="navigation-actions">
            <button class="btn btn-secondary">Become a member</button>
            <button class="btn btn-primary">Donate</button>
            <!-- Language Switcher (for mobile) -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code-mobile">EN</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="lang-dropdown">
                    <a href="#" data-lang="si">Slovenščina (SI)</a>
                    <a href="#" data-lang="en">English (EN)</a>
                    <a href="#" data-lang="mk">Македонски (MK)</a>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- END_HEADER -->"""


"./templates/mk/footer.html" : 
"""
<!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="{{ROOT_PREFIX}}images/13-whitelogo.png" alt="Лого на Македонска студентска организација во Словенија">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenia<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>За студенти</h4>
                    <a href="#">Блог</a>
                    <a href="#">Галерија</a>
                    <a href="#">ЧПП</a>
                    <a href="#">Брошура</a>
                </div>
                <div class="links-column">
                    <h4>Проекти</h4>
                    <a href="#">Претстојни</a>
                    <a href="#">Претходни</a>
                </div>
                <div class="links-column">
                    <h4>Организација</h4>
                    <a href="#">За нас</a>
                    <a href="#">Контакт</a>
                    <a href="#">Документација</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© МСОС орг 2023 Сите права се задржани.</p>
            <div class="legal-links">
                <a href="#">Политика за приватност</a>
                <a href="#">Политика за колачиња</a>
                <a href="#">Правни услови</a>
            </div>
        </div>
    </div>
    <script src="{{ROOT_PREFIX}}main.js"></script>
</footer>
<!-- END_FOOTER -->"""


"./templates/mk/header.html" : 
"""
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="{{ROOT_PREFIX}}mk/" class="logo-link">
                <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
            </a>
            <!-- Навигација за десктоп -->
            <nav class="navigation desktop-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
            </nav>
        </div>

        <!-- Копчиња за десктоп -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Стани партнер</button>
            <button class="btn btn-primary">Донирај</button>
            <!-- Преклопник за јазик -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">MK</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-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">За нас</a>
                <a href="#">За студенти</a>
                <a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Стани партнер</button>
                <button class="btn btn-primary">Донирај</button>
                <!-- Преклопник за јазик (за мобилен) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">MK</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>

             <!-- Икона за мобилно мени (Хамбургер/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->"""


"./templates/si/footer.html" : 
"""
<!-- START_FOOTER -->
<footer>
    <div class="footer-container">
        <div class="footer-main">
            <div class="footer-info">
                <div class="footer-logo">
                    <img src="{{ROOT_PREFIX}}images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
                </div>
                <p>
                    Masarykova cesta 24<br>
                    1000 Ljubljana, Slovenija<br>
                    +389 02 123 4567<br>
                    info.msosorg@gmail.com
                </p>
                <div class="social-icons">
                    <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                    <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                </div>
            </div>
            <div class="footer-links">
                <div class="links-column">
                    <h4>Za študente</h4>
                    <a href="#">Blog</a>
                    <a href="#">Galerija</a>
                    <a href="#">Pogosta vprašanja</a>
                    <a href="#">Brošura</a>
                </div>
                <div class="links-column">
                    <h4>Projekti</h4>
                    <a href="#">Prihajajoči</a>
                    <a href="#">Pretekli</a>
                </div>
                <div class="links-column">
                    <h4>Organizacija</h4>
                    <a href="#">O nas</a>
                    <a href="#">Kontakt</a>
                    <a href="#">Dokumentacija</a>
                </div>
            </div>
        </div>
        <hr>
        <div class="footer-bottom">
             <p>© MŠOS org 2023 Vse pravice pridržane.</p>
            <div class="legal-links">
                <a href="#">Politika zasebnosti</a>
                <a href="#">Politika piškotkov</a>
                <a href="#">Pravni pogoji</a>
            </div>
        </div>
    </div>
    <script src="{{ROOT_PREFIX}}main.js"></script>
</footer>
<!-- END_FOOTER -->"""


"./templates/si/header.html" : 
"""
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <div class="header-content">
            <a href="{{ROOT_PREFIX}}si/" class="logo-link">
                <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
            </a>
            <!-- Navigacija za namizje -->
            <nav class="navigation desktop-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
            </nav>
        </div>

        <!-- Gumbi za namizje -->
        <div class="navigation-actions">
            <button class="btn btn-secondary">Postanite partner</button>
            <button class="btn btn-primary">Donirajte</button>
            <!-- Zamenjan preklopnik jezika -->
            <div class="language-selector">
                <div class="current-lang">
                    <i class="fas fa-globe"></i>
                    <span id="current-lang-code">SI</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>

        <!-- Panel za mobilno navigacijo -->
        <div class="mobile-nav-panel">
            <nav class="navigation mobile-nav">
                <a href="#">O nas</a>
                <a href="#">Za študente</a>
                <a href="{{ROOT_PREFIX}}si/projects/">Projekti</a>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postanite partner</button>
                <button class="btn btn-primary">Donirajte</button>
                 <!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code-mobile">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (MK)</a>
                    </div>
                </div>
            </div>

             <!-- Ikona za mobilni meni (Hamburger/X) -->
            <div class="mobile-menu-icon">
                <i class="fas fa-bars"></i>
                <i class="fas fa-times"></i>
            </div>
        </div>
</header>
<!-- END_HEADER -->"""


"./update_html.py" : 
"""
import os
import re
import argparse
import shutil

# --- Konfiguracija skripte ---
PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__)) # Predvideva, da je skripta v root direktoriju projekta
TEMPLATES_DIR_NAME = "templates"
LANGUAGES = ['en', 'si', 'mk']

HEADER_TEMPLATE_NAME = "header.html"
FOOTER_TEMPLATE_NAME = "footer.html"

# Označevalci, ki jih skripta išče v HTML datotekah
HEADER_START_MARKER = "<!-- START_HEADER -->"
HEADER_END_MARKER = "<!-- END_HEADER -->"
FOOTER_START_MARKER = "<!-- START_FOOTER -->"
FOOTER_END_MARKER = "<!-- END_FOOTER -->"

# Placeholder za relativne poti v predlogah
ROOT_PREFIX_PLACEHOLDER = "{{ROOT_PREFIX}}"

# --- Pomožne funkcije ---

def load_template(lang, template_type):
    """
    Naloži vsebino predloge (header ali footer) za določen jezik.
    """
    template_path = os.path.join(PROJECT_ROOT, TEMPLATES_DIR_NAME, lang, f"{template_type}.html")
    try:
        with open(template_path, 'r', encoding='utf-8') as f:
            content = f.read()
        
        # Preveri, ali predloga vsebuje označevalce, ki jih bo skripta uporabljala
        if template_type == 'header' and not (HEADER_START_MARKER in content and HEADER_END_MARKER in content):
            raise ValueError(f"Predloga za glavo '{template_path}' mora vsebovati '{HEADER_START_MARKER}' in '{HEADER_END_MARKER}'.")
        if template_type == 'footer' and not (FOOTER_START_MARKER in content and FOOTER_END_MARKER in content):
            raise ValueError(f"Predloga za nogo '{template_path}' mora vsebovati '{FOOTER_START_MARKER}' in '{FOOTER_END_MARKER}'.")
            
        return content
    except FileNotFoundError:
        print(f"Napaka: Predloga '{template_path}' ni najdena.")
        return None
    except ValueError as e:
        print(f"Napaka pri predlogi: {e}")
        return None
    except Exception as e:
        print(f"Nepredvidena napaka pri nalaganju predloge '{template_path}': {e}")
        return None

def find_html_files(root_dir):
    """
    Rekurzivno poišče vse HTML datoteke v določenem korenskem imeniku.
    Vrne seznam absolutnih poti do datotek.
    """
    html_files = []
    for dirpath, _, filenames in os.walk(root_dir):
        for filename in filenames:
            if filename.endswith(".html"):
                html_files.append(os.path.join(dirpath, filename))
    return html_files

def calculate_root_prefix(file_path):
    """
    Izračuna relativno pot od dane HTML datoteke do korenskega imenika projekta.
    Npr. za /project_root/si/projects/article/index.html vrne '../../..'
    """
    relative_path = os.path.relpath(file_path, PROJECT_ROOT)
    
    # Izloči ime datoteke in jezikovno mapo, da dobimo globino
    path_parts = relative_path.split(os.sep)
    
    # Odštej 1 za jezikovno mapo (npr. 'si') in 1 za samo datoteko 'index.html'
    # path_parts = ['si', 'projects', 'article', 'index.html'] -> depth = 3
    # root_prefix = '../../..'
    depth = len(path_parts) - 1 # -1, ker ne štejemo 'index.html'
    
    if depth <= 0:
        return "./" # Datoteka je v korenski jezikovni mapi (npr. si/index.html)
    else:
        return "../" * depth

def process_file(file_path, lang_templates, dry_run=False):
    """
    Prebere HTML datoteko, nadomesti header in footer z vsebino predlog
    in zapiše spremenjeno datoteko.
    """
    print(f"Obdelujem datoteko: {file_path}")

    try:
        with open(file_path, 'r', encoding='utf-8') as f:
            content = f.read()
    except Exception as e:
        print(f"  Napaka pri branju datoteke '{file_path}': {e}")
        return

    original_content = content # Shrani originalno vsebino za primer, če se nič ne spremeni

    # Izlušči jezikovno kodo iz poti datoteke
    lang_code = file_path.split(os.sep)[-len(os.path.relpath(file_path, PROJECT_ROOT).split(os.sep))]
    
    # Pridobi predloge za trenutni jezik
    header_template = lang_templates.get(lang_code, {}).get('header')
    footer_template = lang_templates.get(lang_code, {}).get('footer')

    if not header_template or not footer_template:
        print(f"  Opozorilo: Predloge za jezik '{lang_code}' niso naložene ali so nepopolne. Preskakujem.")
        return

    # Izračunaj root prefix za to datoteko
    root_prefix = calculate_root_prefix(file_path)

    # Pripravi predloge z ustreznim root prefixom
    formatted_header = header_template.replace(ROOT_PREFIX_PLACEHOLDER, root_prefix)
    formatted_footer = footer_template.replace(ROOT_PREFIX_PLACEHOLDER, root_prefix)

    # --- Zamenjava Headerja ---
    header_pattern = re.compile(rf"{re.escape(HEADER_START_MARKER)}.*?{re.escape(HEADER_END_MARKER)}", re.DOTALL)
    if header_pattern.search(content):
        # formatted_header že vsebuje START in END markerje
        content = header_pattern.sub(formatted_header, content)
    else:
        print(f"  Opozorilo: Označevalcev za glavo (header) ni mogoče najti v '{file_path}'.")

    # --- Zamenjava Footerja ---
    footer_pattern = re.compile(rf"{re.escape(FOOTER_START_MARKER)}.*?{re.escape(FOOTER_END_MARKER)}", re.DOTALL)
    if footer_pattern.search(content):
        # formatted_footer že vsebuje START in END markerje
        content = footer_pattern.sub(formatted_footer, content)
    else:
        print(f"  Opozorilo: Označevalcev za nogo (footer) ni mogoče najti v '{file_path}'.")

    if content != original_content:
        if dry_run:
            print(f"  DRY RUN: Datoteka '{file_path}' bi bila spremenjena.")
            # Za dry run lahko izpišeš del spremenjene vsebine ali diff
            # print("--- Diff (prvih 20 vrstic) ---")
            # import difflib
            # diff = difflib.unified_diff(original_content.splitlines(keepends=True), content.splitlines(keepends=True), fromfile='original', tofile='modified')
            # for i, line in enumerate(diff):
            #     if i >= 20: break
            #     print(line.strip())
            # print("-----------------------------")
        else:
            # Ustvari varnostno kopijo pred spremembami
            backup_path = file_path + ".bak"
            try:
                shutil.copy2(file_path, backup_path)
                print(f"  Varnostna kopija ustvarjena: {backup_path}")
            except Exception as e:
                print(f"  Napaka pri ustvarjanju varnostne kopije za '{file_path}': {e}")

            try:
                with open(file_path, 'w', encoding='utf-8') as f:
                    f.write(content)
                print(f"  Datoteka uspešno posodobljena: {file_path}")
            except Exception as e:
                print(f"  Napaka pri zapisovanju v datoteko '{file_path}': {e}")
    else:
        print(f"  Datoteka '{file_path}' je že posodobljena ali ni potrebovala sprememb.")

# --- Glavna funkcija ---

def main():
    parser = argparse.ArgumentParser(description="Avtomatizirano posodabljanje headerja in footerja v HTML datotekah.")
    parser.add_argument("--dry-run", action="store_true", help="Izvede posodobitev, vendar ne zapisuje sprememb v datoteke.")
    args = parser.parse_args()

    # Naloži vse predloge za vse jezike
    all_lang_templates = {}
    for lang in LANGUAGES:
        header_template = load_template(lang, 'header')
        footer_template = load_template(lang, 'footer')
        if header_template and footer_template:
            all_lang_templates[lang] = {'header': header_template, 'footer': footer_template}
        else:
            print(f"Opozorilo: Predloge za jezik '{lang}' so nepopolne. Datoteke v tem jeziku ne bodo obdelane.")

    if not all_lang_templates:
        print("Ni naloženih veljavnih predlog za noben jezik. Skripta se ustavi.")
        return

    # Obdelaj HTML datoteke po jezikih
    for lang in LANGUAGES:
        if lang not in all_lang_templates:
            continue # Preskoči, če predloge za ta jezik niso bile uspešno naložene

        lang_dir = os.path.join(PROJECT_ROOT, lang)
        if not os.path.isdir(lang_dir):
            print(f"Opozorilo: Jezikovna mapa '{lang_dir}' ne obstaja. Preskakujem.")
            continue

        print(f"\n--- Začenjam obdelavo HTML datotek za jezik: {lang.upper()} ---")
        html_files = find_html_files(lang_dir)
        
        if not html_files:
            print(f"  V mapi '{lang_dir}' ni najdenih HTML datotek.")
            continue

        for file_path in html_files:
            process_file(file_path, all_lang_templates, args.dry_run)
            
    print("\n--- Obdelava zaključena ---")

if __name__ == "__main__":
    main()"""