Popravljen desktop meni
Deploy to Production on Develop Push / deploy (push) Successful in 1m15s
Details
Deploy to Production on Develop Push / deploy (push) Successful in 1m15s
Details
This commit is contained in:
Mark Poljanšek
parent
544791f37e
commit
6ed8073b76
5162
code_export.txt
5162
code_export.txt
File diff suppressed because it is too large
Load Diff
|
|
@ -26,6 +26,7 @@
|
|||
text-decoration: none;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
white-space: nowrap; /* KLJUČNA SPREMEMBA: Prepreči prelamljanje besedila */
|
||||
}
|
||||
|
||||
/* 2. Različice gumbov */
|
||||
|
|
|
|||
|
|
@ -6,9 +6,10 @@
|
|||
* Ta datoteka vsebuje stile za glavo (header) spletne strani.
|
||||
*
|
||||
* 1. Glavni kontejner za glavo
|
||||
* 2. Vsebina glave (logotip, namizna navigacija)
|
||||
* 2. Vsebina glave (logotip, navigacija)
|
||||
* 3. Gumbi in akcije v glavi (vključno z izbiro jezika)
|
||||
* 4. Stili za mobilno glavo in navigacijo
|
||||
* 4. Stili za namizni "dropdown" meni (PRENOVLJEN DIZAJN)
|
||||
* 5. Stili za mobilno glavo in "accordion" meni (optimizirano)
|
||||
*/
|
||||
|
||||
/* 1. Glavni kontejner za glavo */
|
||||
|
|
@ -25,12 +26,20 @@
|
|||
z-index: 1000;
|
||||
}
|
||||
|
||||
/* 2. Vsebina glave (logotip, namizna navigacija) */
|
||||
/* 2. Vsebina glave (logotip, navigacija) */
|
||||
|
||||
.header-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 40px;
|
||||
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 {
|
||||
|
|
@ -38,17 +47,55 @@
|
|||
width: auto;
|
||||
}
|
||||
|
||||
.navigation.desktop-nav {
|
||||
/* Osnovna struktura navigacije (UL/LI) */
|
||||
.navigation {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 32px;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
width: 100%; /* Dovolimo, da seznam zasede celotno širino <nav> elementa */
|
||||
}
|
||||
|
||||
.navigation a {
|
||||
/* 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: 4px 0;
|
||||
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 */
|
||||
|
|
@ -56,41 +103,31 @@
|
|||
.navigation-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
gap: 12px;
|
||||
flex-shrink: 0; /* Preprečimo, da bi se gumbi stisnili */
|
||||
}
|
||||
|
||||
/* Stili za izbiro jezika */
|
||||
/* 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; /* Dodan enakomeren padding za lažji klik */
|
||||
border-radius: 6px; /* Rahlo zaobljeni robovi za lepši videz */
|
||||
padding: 8px;
|
||||
border-radius: 6px;
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.current-lang:hover {
|
||||
background-color: #F9FAFB; /* Svetlo ozadje ob prehodu z miško */
|
||||
}
|
||||
|
||||
.current-lang span {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.current-lang .fa-chevron-down {
|
||||
transition: transform 0.3s ease-in-out; /* Animacija puščice */
|
||||
}
|
||||
|
||||
.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; /* Meni je vedno v DOM-u, vidnost nadzorujemo drugače */
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(100% + 8px); /* Postavi se pod sprožilec z majhnim odmikom */
|
||||
top: calc(100% + 8px);
|
||||
right: 0;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #EAECF0;
|
||||
|
|
@ -99,24 +136,17 @@
|
|||
padding: 8px;
|
||||
z-index: 1001;
|
||||
min-width: 180px;
|
||||
/* Tranzicije za gladek prikaz in izginotje */
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translateY(10px);
|
||||
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
|
||||
}
|
||||
|
||||
/* Stanje, ko je menjalnik jezika odprt (aktiven) */
|
||||
.language-selector.active .lang-dropdown {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.language-selector.active .current-lang .fa-chevron-down {
|
||||
transform: rotate(180deg); /* Zasuka puščico navzgor */
|
||||
}
|
||||
|
||||
.language-selector.active .current-lang .fa-chevron-down { transform: rotate(180deg); }
|
||||
.lang-dropdown a {
|
||||
display: block;
|
||||
padding: 10px 12px;
|
||||
|
|
@ -127,28 +157,72 @@
|
|||
white-space: nowrap;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.lang-dropdown a:hover { background-color: #F9FAFB; }
|
||||
|
||||
.lang-dropdown a:hover {
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
|
||||
/* 4. Skrivanje mobilnih elementov na namizju */
|
||||
|
||||
.mobile-menu-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mobile-nav-panel {
|
||||
.mobile-menu-icon, .mobile-nav-panel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Mobile Header Styles
|
||||
5. Stili za mobilno glavo in "accordion" meni - OPTIMIZIRANO
|
||||
========================================================================== */
|
||||
|
||||
@media (max-width: 768px) {
|
||||
@media (max-width: 1024px) {
|
||||
|
||||
.dropdown-header-navigation {
|
||||
position: fixed;
|
||||
|
|
@ -158,18 +232,23 @@
|
|||
height: 60px;
|
||||
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.06);
|
||||
border-bottom: none;
|
||||
z-index: 1002; /* Biti mora nad panelom, ki ima 1001 */
|
||||
z-index: 1002;
|
||||
}
|
||||
|
||||
/* === GLAVNI POPRAVEK ZA DELOVANJE MOBILNEGA MENIJA === */
|
||||
/* Preprečimo, da bi .header-content zavzel ves prostor na mobilni napravi,
|
||||
kar je sicer pravilno za namizje, a na mobilni napravi potisne ikono menija
|
||||
izven vidnega polja ali prepreči klik nanjo. */
|
||||
.header-content {
|
||||
flex-grow: 0;
|
||||
}
|
||||
/* ======================================================= */
|
||||
|
||||
/* Skrij namizne elemente */
|
||||
.navigation.desktop-nav {
|
||||
display: none;
|
||||
}
|
||||
.navigation.desktop-nav,
|
||||
.dropdown-header-navigation .container > .navigation-actions {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Prikaži mobilno ikono */
|
||||
.mobile-menu-icon {
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
|
|
@ -177,41 +256,27 @@
|
|||
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-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; }
|
||||
|
||||
/* Stiliziraj mobilni panel */
|
||||
.mobile-nav-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 48px;
|
||||
position: fixed;
|
||||
top: 60px; /* Začne se pod glavo */
|
||||
top: 60px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: calc(100vh - 60px);
|
||||
background: #FFFFFF;
|
||||
padding: 40px 24px;
|
||||
padding: 24px;
|
||||
box-sizing: border-box;
|
||||
transform: translateX(100%);
|
||||
transition: transform 0.3s ease-in-out;
|
||||
z-index: 1001; /* Pod glavo, a nad vsebino strani */
|
||||
z-index: 1001;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
/* Logika za odpiranje panela */
|
||||
body.nav-open .mobile-nav-panel {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
|
@ -219,38 +284,98 @@
|
|||
.mobile-nav-panel .navigation.mobile-nav {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.mobile-nav-panel .navigation a {
|
||||
.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; /* Mora biti flex za prikaz vsebine */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
width: 100%;
|
||||
margin-top: auto;
|
||||
padding-top: 32px;
|
||||
}
|
||||
|
||||
.mobile-nav-panel .navigation-actions .btn {
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
max-width: 340px;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.mobile-nav-panel .language-selector {
|
||||
margin-top: 16px;
|
||||
text-align: center; /* Poskrbi za poravnavo dropdown menija */
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Na mobilnih napravah dropdown meni potrebuje malo drugačno pozicijo */
|
||||
.mobile-nav-panel .lang-dropdown {
|
||||
left: 50%;
|
||||
transform: translateX(-50%); /* Centriranje menija pod ikono */
|
||||
transform: translateX(-50%);
|
||||
right: auto;
|
||||
/* Tranzicije so podedovane iz namizne različice */
|
||||
bottom: calc(100% + 8px);
|
||||
top: auto;
|
||||
}
|
||||
}
|
||||
|
|
@ -19,72 +19,151 @@
|
|||
<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 class="navigation desktop-nav">
|
||||
<a href="../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<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>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
<!-- END_HEADER -->
|
||||
<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>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="page-content">
|
||||
<!-- About Us Header Section -->
|
||||
|
|
@ -238,59 +317,59 @@
|
|||
</main>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenia<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>For students</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Gallery</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Brochure</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projects</h4>
|
||||
<a href="#">Upcoming</a>
|
||||
<a href="#">Previous</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organisation</h4>
|
||||
<a href="#">About us</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="#">Documentation</a>
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenia<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2023 All rights reserved.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Privacy policy</a>
|
||||
<a href="#">Cookie Policy</a>
|
||||
<a href="#">Legal Terms</a>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>For students</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Gallery</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Brochure</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projects</h4>
|
||||
<a href="#">Upcoming</a>
|
||||
<a href="#">Previous</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organisation</h4>
|
||||
<a href="#">About us</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="#">Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2023 All rights reserved.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Privacy policy</a>
|
||||
<a href="#">Cookie Policy</a>
|
||||
<a href="#">Legal Terms</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../main.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
<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">
|
||||
<link rel="stylesheet" href="../../css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
|
@ -22,20 +22,59 @@
|
|||
<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 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 class="navigation desktop-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="page-content">
|
||||
|
|
@ -108,62 +187,62 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="video-container">
|
||||
<img src="../../../images/msos_foundation.jpg" alt="MSOS Foundation members" class="video-thumbnail">
|
||||
<img src="../../images/msos_foundation.jpg" alt="MSOS Foundation members" class="video-thumbnail">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Meet our team section -->
|
||||
<section class="team-section" style="padding: 96px 80px; text-align: center;">
|
||||
<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" style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; max-width: 1280px; margin: 0 auto;">
|
||||
<div class="team-members-grid">
|
||||
<!-- Team Member 1 -->
|
||||
<div class="testimonial-card" style="flex: 1; min-width: 240px; max-width: 243px; background-color: #F9FAFB; text-align: center;">
|
||||
<img src="../../../images/kristijan_popovski.jpg" alt="Kristijan Popovski" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-bottom: 20px;">
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/kristijan_popovski.jpg" alt="Kristijan Popovski">
|
||||
<h4>Kristijan Popovski</h4>
|
||||
<p style="color: #FA7850;">Founder & CEO</p>
|
||||
<p style="font-size: 14px; color: #667085;">Former co-founder of Opendoor. Early staff at Spotify and Clearbit.</p>
|
||||
<a href="#" class="social-icon-btn" style="margin: 16px auto 0;"><i class="fab fa-linkedin-in"></i></a>
|
||||
<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="testimonial-card" style="flex: 1; min-width: 240px; max-width: 243px; background-color: #F9FAFB; text-align: center;">
|
||||
<img src="../../../images/bisera_nikolovska.jpg" alt="Bisera Nikolovska" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-bottom: 20px;">
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/bisera_nikolovska.jpg" alt="Bisera Nikolovska">
|
||||
<h4>Bisera Nikolovska</h4>
|
||||
<p style="color: #FA7850;">Former PM for Linear, Lambda School, and On Deck.</p>
|
||||
<p style="font-size: 14px; color: #667085;">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
|
||||
<a href="#" class="social-icon-btn" style="margin: 16px auto 0;"><i class="fab fa-linkedin-in"></i></a>
|
||||
<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="testimonial-card" style="flex: 1; min-width: 240px; max-width: 243px; background-color: #F9FAFB; text-align: center;">
|
||||
<img src="../../../images/kiara_lazic.jpg" alt="Kiara Lazic" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-bottom: 20px;">
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/kiara_lazic.jpg" alt="Kiara Lazic">
|
||||
<h4>Kiara Lazic</h4>
|
||||
<p style="color: #FA7850;">Media and public relations</p>
|
||||
<p style="font-size: 14px; color: #667085;">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
|
||||
<a href="#" class="social-icon-btn" style="margin: 16px auto 0;"><i class="fab fa-linkedin-in"></i></a>
|
||||
<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="testimonial-card" style="flex: 1; min-width: 240px; max-width: 243px; background-color: #F9FAFB; text-align: center;">
|
||||
<img src="../../../images/leon_shumanski.jpg" alt="Leon Shumanski" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-bottom: 20px;">
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/leon_shumanski.jpg" alt="Leon Shumanski">
|
||||
<h4>Leon Shumanski</h4>
|
||||
<p style="color: #FA7850;">Former frontend dev for Linear, Coinbase, and Postscript.</p>
|
||||
<p style="font-size: 14px; color: #667085;">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
|
||||
<a href="#" class="social-icon-btn" style="margin: 16px auto 0;"><i class="fab fa-linkedin-in"></i></a>
|
||||
<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="testimonial-card" style="flex: 1; min-width: 240px; max-width: 243px; background-color: #F9FAFB; text-align: center;">
|
||||
<img src="../../../images/leon_shumanski.jpg" alt="Leon Shumanski" style="width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-bottom: 20px;">
|
||||
<div class="team-member-card">
|
||||
<img src="../../images/leon_shumanski.jpg" alt="Leon Shumanski">
|
||||
<h4>Leon Shumanski</h4>
|
||||
<p style="color: #FA7850;">Former frontend dev for Linear, Coinbase, and Postscript.</p>
|
||||
<p style="font-size: 14px; color: #667085;">Lead engineering teams at Figma, Pitch, and Protocol Labs.</p>
|
||||
<a href="#" class="social-icon-btn" style="margin: 16px auto 0;"><i class="fab fa-linkedin-in"></i></a>
|
||||
<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" style="background-color: #F9FAFB;">
|
||||
<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>
|
||||
|
|
@ -176,13 +255,13 @@
|
|||
<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" style="display: flex; justify-content: center; gap: 32px; max-width: 768px; margin: 64px auto 0; text-align: left;">
|
||||
<div style="flex: 1;">
|
||||
<h4 style="display: flex; align-items: center; gap: 8px;"><i class="fas fa-flag"></i> Mission</h4>
|
||||
<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 style="flex: 1;">
|
||||
<h4 style="display: flex; align-items: center; gap: 8px;"><i class="fas fa-eye"></i> Vision</h4>
|
||||
<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>
|
||||
|
|
@ -194,7 +273,7 @@
|
|||
<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">
|
||||
<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">
|
||||
|
|
@ -243,7 +322,7 @@
|
|||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
<img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
|
|
@ -288,10 +367,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
<script src="../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../../main.js"></script>
|
||||
<script src="../../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -19,72 +19,151 @@
|
|||
<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 class="navigation desktop-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</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>
|
||||
<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>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</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>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
<!-- END_HEADER -->
|
||||
<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>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="page-content">
|
||||
<!-- Timeline Header Section -->
|
||||
|
|
@ -336,59 +415,59 @@
|
|||
</main>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenia<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>For students</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Gallery</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Brochure</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projects</h4>
|
||||
<a href="#">Upcoming</a>
|
||||
<a href="#">Previous</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organisation</h4>
|
||||
<a href="#">About us</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="#">Documentation</a>
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenia<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2023 All rights reserved.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Privacy policy</a>
|
||||
<a href="#">Cookie Policy</a>
|
||||
<a href="#">Legal Terms</a>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>For students</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Gallery</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Brochure</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projects</h4>
|
||||
<a href="#">Upcoming</a>
|
||||
<a href="#">Previous</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organisation</h4>
|
||||
<a href="#">About us</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="#">Documentation</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MSOS org 2023 All rights reserved.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Privacy policy</a>
|
||||
<a href="#">Cookie Policy</a>
|
||||
<a href="#">Legal Terms</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,473 @@
|
|||
<!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) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
<!-- 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>
|
||||
147
en/index.html
147
en/index.html
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main>
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main>
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="page-content">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="page-content">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="../../../en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -26,16 +26,55 @@
|
|||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -52,38 +91,78 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="../../../en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
282
main.js
282
main.js
|
|
@ -1,141 +1,185 @@
|
|||
document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
// --- Mobile Menu Toggle ---
|
||||
const mobileMenuIcon = document.querySelector('.mobile-menu-icon');
|
||||
const body = document.querySelector('body');
|
||||
/**
|
||||
* ===================================================================
|
||||
* 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE
|
||||
* Ta koda je ključna za delovanje mobilnega menija.
|
||||
* ===================================================================
|
||||
*/
|
||||
|
||||
if (mobileMenuIcon && body) {
|
||||
mobileMenuIcon.addEventListener('click', () => {
|
||||
// Preklopi razred 'nav-open' na body elementu za prikaz/skrivanje menija
|
||||
body.classList.toggle('nav-open');
|
||||
});
|
||||
// --- 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);
|
||||
}
|
||||
|
||||
// --- Language Switcher ---
|
||||
const languageSelectors = document.querySelectorAll('.language-selector');
|
||||
// --- Mobilni Accordion podmeni ---
|
||||
try {
|
||||
const mobileNav = document.querySelector('.mobile-nav-panel .mobile-nav');
|
||||
if (mobileNav) {
|
||||
const menuItemsWithChildren = mobileNav.querySelectorAll('.menu-item-has-children');
|
||||
|
||||
if (languageSelectors.length > 0) {
|
||||
languageSelectors.forEach(selector => {
|
||||
const currentLang = selector.querySelector('.current-lang');
|
||||
|
||||
if (currentLang) {
|
||||
currentLang.addEventListener('click', (event) => {
|
||||
// Prepreči, da bi klik na sprožilec takoj zaprl meni (zaradi globalnega listenerja)
|
||||
event.stopPropagation();
|
||||
|
||||
// Preklopi .active razred na trenutnem menjalniku
|
||||
selector.classList.toggle('active');
|
||||
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();
|
||||
}
|
||||
|
||||
// Zapri vse ostale odprte menjalnike jezikov
|
||||
languageSelectors.forEach(otherSelector => {
|
||||
if (otherSelector !== selector) {
|
||||
otherSelector.classList.remove('active');
|
||||
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 listener za zapiranje menija ob kliku izven njega
|
||||
window.addEventListener('click', () => {
|
||||
// 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 => {
|
||||
selector.classList.remove('active');
|
||||
});
|
||||
});
|
||||
|
||||
// Globalni listener za zapiranje menija s tipko Escape
|
||||
window.addEventListener('keydown', (event) => {
|
||||
if (event.key === 'Escape') {
|
||||
languageSelectors.forEach(selector => {
|
||||
selector.classList.remove('active');
|
||||
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);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Logika za dinamično generiranje URL-jev ostaja enaka
|
||||
// Ta del poskrbi, da povezave v meniju vodijo na pravo jezikovno različico strani
|
||||
const path = window.location.pathname;
|
||||
const pathParts = path.split('/').filter(Boolean);
|
||||
|
||||
// Predpostavka: prvi del poti je vedno jezikovna koda
|
||||
const currentLangCode = pathParts[0] || 'si'; // Privzeto na 'si', če ni določeno
|
||||
const relativePath = path.substring(path.indexOf(currentLangCode) + currentLangCode.length);
|
||||
|
||||
languageSelectors.forEach(selector => {
|
||||
const langLinks = selector.querySelectorAll('.lang-dropdown a[data-lang]');
|
||||
langLinks.forEach(link => {
|
||||
const targetLang = link.getAttribute('data-lang');
|
||||
const newUrl = `/${targetLang}${relativePath}`;
|
||||
link.setAttribute('href', newUrl);
|
||||
});
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error in Language Switcher:', error);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// --- FAQ Accordion ---
|
||||
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) {
|
||||
// Preprost preklop prikaza. Za napredno harmoniko bi uporabili razrede.
|
||||
if (content.style.display === "none" || content.style.display === "") {
|
||||
content.style.display = "block";
|
||||
} else {
|
||||
content.style.display = "none";
|
||||
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 ---
|
||||
const activityNavItems = document.querySelectorAll('.activities-nav li');
|
||||
const activityDetailsText = document.querySelector('.activity-details p');
|
||||
const activityDetailsImage = document.querySelector('.activity-details img');
|
||||
|
||||
// Placeholder vsebina za različne aktivnosti
|
||||
const activitiesData = {
|
||||
// Slovenska vsebina
|
||||
'Š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...'},
|
||||
// Angleška vsebina
|
||||
'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...'},
|
||||
// Makedonska vsebina
|
||||
'Студентско претставување': { text: 'Содржина за студентско претставување...'},
|
||||
'Образование и култура': { text: 'Содржина за образование и култура...'},
|
||||
'Забава и дружење': { text: 'Содржина за забава и дружење...'},
|
||||
'Студентска поддршка': { text: 'Содржина за студентска поддршка...'}
|
||||
};
|
||||
|
||||
if (activityNavItems.length > 0 && activityDetailsText) {
|
||||
activityNavItems.forEach(item => {
|
||||
item.addEventListener('click', () => {
|
||||
// Odstrani .active razred z vseh elementov
|
||||
activityNavItems.forEach(navItem => navItem.classList.remove('active'));
|
||||
// Dodaj .active razred na kliknjen element
|
||||
item.classList.add('active');
|
||||
|
||||
// Posodobi vsebino glede na besedilo kliknjenega elementa
|
||||
const activityName = item.textContent.trim();
|
||||
if (activitiesData[activityName]) {
|
||||
activityDetailsText.textContent = activitiesData[activityName].text;
|
||||
// Tukaj bi lahko posodobili tudi sliko, če je potrebno
|
||||
// if (activityDetailsImage) {
|
||||
// activityDetailsImage.src = activitiesData[activityName].image;
|
||||
// }
|
||||
}
|
||||
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);
|
||||
}
|
||||
});
|
||||
|
|
@ -6,16 +6,55 @@
|
|||
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="{{ROOT_PREFIX}}en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="{{ROOT_PREFIX}}en/projects/">Projects</a>
|
||||
<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 partner</button>
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
|
|
@ -32,36 +71,76 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="{{ROOT_PREFIX}}en/about-us/">About us</a>
|
||||
<a href="#">For Students</a>
|
||||
<a href="{{ROOT_PREFIX}}en/projects/">Projects</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a partner</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>
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Who We Are</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">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>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
Loading…
Reference in New Issue