Homepage update
Deploy to Production on Develop Push / deploy (push) Successful in 1m43s Details

This commit is contained in:
Mark Poljanšek 2025-09-08 22:52:15 +02:00
parent 32e3a274a2
commit 90055985fd
14 changed files with 137 additions and 140 deletions

View File

@ -4208,7 +4208,7 @@ footer hr {
</div>
<div class="team-content">
<h2>Meet our incredible team!</h2>
<p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
<p>Its not just about studying. Its about meeting people, sharing stories, and making Slovenia feel like home.</p>
<button class="btn btn-secondary">Learn more</button>
</div>
</section>
@ -4216,7 +4216,7 @@ footer hr {
<section class="activities-section">
<div class="activities-header">
<h2>Activities</h2>
<p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
<p>Its not just about studying. Its about meeting people, sharing stories, and making Slovenia feel like home.</p>
</div>
<div class="activities-content">
<div class="activities-nav">
@ -4238,7 +4238,7 @@ footer hr {
<section class="latest-news-section">
<div class="news-header">
<h2>Latest news</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">
@ -4271,8 +4271,8 @@ footer hr {
<section class="testimonials-section">
<div class="testimonials-intro">
<h2>See what our partners say about us</h2>
<p>Everything you need to know about the product and billing.</p>
<h2>See what they say about us</h2>
<p>Hear from our students and partners about what MSOS means to them — from settling in to building a strong community</p>
</div>
<div class="testimonials-columns">
<div class="testimonial-column">
@ -4329,7 +4329,7 @@ footer hr {
<section class="become-part-section">
<div class="become-part-header">
<h2>Become part of our amazing team</h2>
<p>We're a 100% remote team spread all across the world. Join us!</p>
<p>Join MSOS and be part of a community that supports, connects, and inspires students in Slovenia!</p>
</div>
<img src="../images/9-becomepart.webp" alt="Our amazing team in a classroom setting" class="team-photo">
@ -4376,7 +4376,7 @@ footer hr {
<section class="faq-section">
<div class="faq-header">
<h2>Frequently asked questions</h2>
<p>Everything you need to know about the product and billing.</p>
<p>Hear from our students and partners about what MSOS means to them — from settling in to building a strong community</p>
</div>
<div class="faq-grid">
<div class="faq-item">
@ -4691,7 +4691,7 @@ footer hr {
</div>
<div class="team-content">
<h2>Meet our incredible team!</h2>
<p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
<p>Its not just about studying. Its about meeting people, sharing stories, and making Slovenia feel like home.</p>
<button class="btn btn-secondary">Learn more</button>
</div>
</section>
@ -4699,7 +4699,7 @@ footer hr {
<section class="activities-section">
<div class="activities-header">
<h2>Activities</h2>
<p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
<p>Its not just about studying. Its about meeting people, sharing stories, and making Slovenia feel like home.</p>
</div>
<div class="activities-content">
<div class="activities-nav">
@ -4721,7 +4721,7 @@ footer hr {
<section class="latest-news-section">
<div class="news-header">
<h2>Latest news</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">
@ -4754,8 +4754,8 @@ footer hr {
<section class="testimonials-section">
<div class="testimonials-intro">
<h2>See what our partners say about us</h2>
<p>Everything you need to know about the product and billing.</p>
<h2>See what they say about us</h2>
<p>Hear from our students and partners about what MSOS means to them — from settling in to building a strong community</p>
</div>
<div class="testimonials-columns">
<div class="testimonial-column">
@ -4812,7 +4812,7 @@ footer hr {
<section class="become-part-section">
<div class="become-part-header">
<h2>Become part of our amazing team</h2>
<p>We're a 100% remote team spread all across the world. Join us!</p>
<p>Join MSOS and be part of a community that supports, connects, and inspires students in Slovenia!</p>
</div>
<img src="../images/9-becomepart.webp" alt="Our amazing team in a classroom setting" class="team-photo">
@ -4859,7 +4859,7 @@ footer hr {
<section class="faq-section">
<div class="faq-header">
<h2>Frequently asked questions</h2>
<p>Everything you need to know about the product and billing.</p>
<p>Hear from our students and partners about what MSOS means to them — from settling in to building a strong community</p>
</div>
<div class="faq-grid">
<div class="faq-item">
@ -11405,7 +11405,7 @@ document.addEventListener('DOMContentLoaded', function() {
<section class="latest-news-section">
<div class="news-header">
<h2>Најнови вести</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">
@ -11799,7 +11799,7 @@ document.addEventListener('DOMContentLoaded', function() {
<section class="latest-news-section">
<div class="news-header">
<h2>Најнови вести</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">
@ -15685,7 +15685,7 @@ msos spletna stran
<section class="latest-news-section">
<div class="news-header">
<h2>Zadnje novice</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">
@ -16079,7 +16079,7 @@ msos spletna stran
<section class="latest-news-section">
<div class="news-header">
<h2>Zadnje novice</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">

View File

@ -6,13 +6,14 @@
* Ta datoteka vsebuje stile, ki se uporabljajo izključno na domači strani.
*
* 1. Hero Section
* 2. Meet the Team Section
* 3. Activities Section
* 4. Latest News Section
* 5. Testimonials Section
* 6. Become Part Section (vključno z obrazcem)
* 7. FAQ Section
* 8. Stili za domačo stran na mobilnih napravah
* 2. Partners Section
* 3. Meet the Team Section
* 4. Activities Section
* 5. Latest News Section
* 6. Testimonials Section
* 7. Become Part Section (vključno z obrazcem)
* 8. FAQ Section
* 9. Stili za domačo stran na mobilnih napravah
*/
/* 1. Hero Section */
@ -33,35 +34,21 @@
width: 100%;
height: 100%;
z-index: 1;
background: url('../../images/HeroSection-img1.JPG') no-repeat center center/cover;
filter: blur(2px);
}
.hero-image-left, .hero-image-right {
position: absolute;
top: -150px;
height: 1030px;
width: 50%;
background-size: cover;
background-position: center;
}
.hero-image-left {
left: 0;
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.hero-image-right {
right: 0;
display: none;
}
.hero-overlay {
position: absolute;
top: 79px;
top: 0;
left: 0;
height: 801px;
width: 56.74%;
background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%);
border-radius: 0px 40px 40px 0px;
backdrop-filter: blur(12px);
height: 100%;
width: 100%;
background: rgba(45, 115, 140, 0.64);
z-index: 2;
}
@ -69,23 +56,26 @@
position: relative;
z-index: 3;
color: #FFFFFF;
padding-left: 120px;
width: 605px;
width: 100%;
max-width: 1000px;
margin: 0 auto;
text-align: center;
padding: 0 24px;
}
.hero-content .badge-group {
display: inline-flex;
align-items: center;
padding: 6px 16px;
padding: 8px 24px;
gap: 12px;
background: rgba(255, 255, 255, 0.4);
border-radius: 16px;
border-radius: 24px;
margin-bottom: 32px;
}
.hero-content .message {
font-weight: 500;
font-size: 14px;
font-weight: 400;
font-size: 18px;
}
.hero-content h1 {
@ -102,7 +92,28 @@
margin: 0 0 72px 0;
}
/* 2. Meet the Team Section */
/* 2. Partners Section */
.partners-section {
background: #FFFFFF;
padding: 64px 0;
}
.partners-container {
max-width: 1280px;
margin: 0 auto;
padding: 0 24px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 64px;
flex-wrap: wrap;
}
.partners-container img {
max-height: 56px;
width: auto;
object-fit: contain;
}
/* 3. Meet the Team Section */
.meet-the-team-section {
display: flex;
@ -157,7 +168,7 @@
margin: 0 0 56px 0;
}
/* 3. Activities Section */
/* 4. Activities Section */
.activities-section {
padding: 128px 80px;
@ -251,7 +262,7 @@
border-radius: 24px;
}
/* 4. Latest News Section */
/* 5. Latest News Section */
.latest-news-section {
padding: 128px 0;
@ -287,7 +298,7 @@
margin-bottom: 64px;
}
/* 5. Testimonials Section */
/* 6. Testimonials Section */
.testimonials-section {
padding: 128px 80px;
@ -343,7 +354,7 @@
margin-top: 80px;
}
/* 6. Become Part Section */
/* 7. Become Part Section */
.become-part-section {
padding: 128px 0;
@ -379,7 +390,6 @@
display: block;
}
/* Stili za obrazec znotraj sekcije */
.contact-form-container {
max-width: 800px;
margin: 0 auto;
@ -469,7 +479,7 @@
font-size: 16px;
}
/* 7. FAQ Section */
/* 8. FAQ Section */
.faq-section {
padding: 128px 0;
@ -585,7 +595,7 @@
/* ==========================================================================
Mobile Home Page Styles
9. Mobile Home Page Styles
========================================================================== */
@media (max-width: 768px) {
@ -596,25 +606,9 @@
margin-top: 0;
align-items: flex-start;
}
.hero-overlay, .hero-image-left, .hero-image-right {
display: none;
}
.hero-background {
background: url('../images/2.hero.jpg') no-repeat center center/cover;
background: url('../../images/HeroSection-img1.JPG') no-repeat center center/cover;
}
.hero-background::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(122.4deg, rgba(19, 49, 60, 0.92) 35.41%, rgba(39, 77, 90, 0.08) 92.92%);
}
.hero-content {
padding: 64px 24px;
width: 100%;
@ -634,6 +628,19 @@
border-radius: 37px;
}
/* Mobile Partners Section */
.partners-section {
padding: 40px 24px;
}
.partners-container {
gap: 32px;
justify-content: center;
}
.partners-container img {
max-height: 40px;
flex-basis: 40%;
}
/* Mobile Meet the Team Section */
.meet-the-team-section {
flex-direction: column;

View File

@ -33,7 +33,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../en/about-us/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../en/about-us/">Our team, mission, vision & core values</a></li>
</ul>
</li>
@ -105,7 +105,7 @@
<li class="menu-item menu-item-has-children">
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../en/about-us/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../en/about-us/">Our team, mission, vision & core values</a></li>
</ul>
</li>
@ -175,22 +175,28 @@
<main>
<section class="hero-section">
<div class="hero-background">
<div class="hero-image-left" style="background-image: url('../images/2.hero.webp');"></div>
<div class="hero-image-right" style="background-image: url('../images/2.hero.webp');"></div>
</div>
<div class="hero-background"></div>
<div class="hero-overlay"></div>
<div class="hero-content">
<div class="heading-and-supporting-text">
<div class="badge-group">
<div class="badge-content">
<span class="message">First official MSOS</span>
<span class="message">First official Macedonian Student Organisation in Slovenia</span>
</div>
</div>
<h1>Empowering young people with skills to change the world</h1>
<p>Whether you have a team of 2 or 200, our shared team inboxes keep everyone on the same page and in the loop.</p>
<p>Be part of our exciting journey; Become a part of our student organization today!</p>
</div>
<button class="btn btn-primary-orange">Become a Member</button>
<button class="btn btn-primary-orange">Become a member</button>
</div>
</section>
<section class="partners-section">
<div class="partners-container">
<img src="../images/2.%20Slo%20embassy%20in%20Skopje_mcd-1.png" alt="Slovenian Embassy in Skopje logo">
<img src="../images/5.%20UL_EF-logoENG-HOR-CMYK_color-1.png" alt="University of Ljubljana School of Economics and Business logo">
<img src="../images/3.%20Logo_NLB_Banka_CMYK_MAC-1.png" alt="NLB Banka logo">
<img src="../images/1.%20mkd%20embassy%20in%20slovenia.png" alt="Embassy of North Macedonia in Slovenia logo">
</div>
</section>
@ -201,9 +207,9 @@
<button class="play-button" aria-label="Play video"></button>
</div>
<div class="team-content">
<h2>Meet our incredible team!</h2>
<p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
<button class="btn btn-secondary">Learn more</button>
<h2>Every Student Has a Story Heres Ours</h2>
<p>Curious about what MSOS is all about? This video tells our story—fast, fun, and from the heart. See what makes MSOS special in our video—and hit “Learn more” to be part of the story.</p>
<a href="../en/about-us/" class="btn btn-secondary">Learn more</a>
</div>
</section>
@ -215,15 +221,15 @@
<div class="activities-content">
<div class="activities-nav">
<ul>
<li class="active">Student representation</li>
<li>Education and culture</li>
<li>Entertainment and socializing</li>
<li>Student support</li>
<li class="active">Student Support</li>
<li>Fun & Social Life</li>
<li>Education & Culture</li>
<li>Student Representation</li>
</ul>
<button class="btn btn-primary-orange">Become a member</button>
</div>
<div class="activity-details">
<p>Sed molestie penatibus sit bibendum pharetra purus faucibus fames aliquet. Morbi morbi ac sed tempor porta. Dui iaculis vitae fames sapien. Pellentesque urna eget habitasse arcu sed ornare. Dignissim lobortis ultrices maecenas magna ac habitant donec etiam at.</p>
<p>We know moving to a new country can feel overwhelming, so were here to make it easier. From helping you with university applications to finding your way around student life in Slovenia, you can always count on us. We offer free consultations, answer your questions on Instagram and Facebook (yes, even late at night), and host events where you can meet others and hear real experiences first-hand. With mentorship, info sessions, and a friendly community by your side, youll never have to go through the journey alone.</p>
<img src="../images/3.activites.webp" alt="A group of students smiling and collaborating">
</div>
</div>
@ -260,7 +266,7 @@
</div>
</article>
</div>
<button class="btn btn-secondary">See all</button>
<a href="../en/projects/" class="btn btn-secondary">See all</a>
</section>
<section class="testimonials-section">
@ -370,38 +376,38 @@
<section class="faq-section">
<div class="faq-header">
<h2>Frequently asked questions</h2>
<p>Everything you need to know about the product and billing.</p>
<p>Everything you wanted to know about studying and living in Slovenia — in one place.</p>
</div>
<div class="faq-grid">
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-heart"></i></div>
<h3>Is there a free trial available?</h3>
<p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
<h3>How can I get a student visa or residence permit?</h3>
<p>Quick guide on what documents you need and how long it takes.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-sync-alt"></i></div>
<h3>Can I change my plan later?</h3>
<p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
<h3>What is the cost of living & housing in Slovenia?</h3>
<p>See average monthly expenses and where to find affordable housing.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-ban"></i></div>
<h3>What is your cancellation policy?</h3>
<p>We understand that things change. You can cancel your plan at any time and well refund you the difference already paid.</p>
<h3>Can I study in English, or do I need Slovene language?</h3>
<p>Find out which programs are in English—and when learning Slovene helps.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-plus-circle"></i></div>
<h3>Can other info be added to an invoice?</h3>
<p>Yes, you can try us for free for 30 days. Our friendly team will work with you to get you up and running as soon as possible.</p>
<h3>Are there part-time jobs available? Can I work while studying?</h3>
<p>Learn about the student work possibilities and how to manage it while studying.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-credit-card"></i></div>
<h3>How does billing work?</h3>
<p>Of course. Our pricing scales with your company. Chat to our friendly team to find a solution that works for you.</p>
<h3>What student benefits and discounts are available?</h3>
<p>Ever heard of Boni? Student meal coupons that make eating out more affordable and planty more.</p>
</div>
<div class="faq-item">
<div class="faq-icon-container"><i class="fas fa-envelope"></i></div>
<h3>How do I change my account email?</h3>
<p>We understand that things change. You can cancel your plan at any time and well refund you the difference.</p>
<h3>What are tuition fees and are there scholarships?</h3>
<p>Info on tuition ranges and where to look for funding or fee waivers.</p>
</div>
</div>
<div class="faq-footer">
@ -474,4 +480,4 @@
<!-- END_FOOTER -->
</body>
</html>
</html>

View File

@ -202,7 +202,7 @@
</div>
<div class="team-content">
<h2>Meet our incredible team!</h2>
<p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
<p>Its not just about studying. Its about meeting people, sharing stories, and making Slovenia feel like home.</p>
<button class="btn btn-secondary">Learn more</button>
</div>
</section>
@ -210,7 +210,7 @@
<section class="activities-section">
<div class="activities-header">
<h2>Activities</h2>
<p>Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
<p>Its not just about studying. Its about meeting people, sharing stories, and making Slovenia feel like home.</p>
</div>
<div class="activities-content">
<div class="activities-nav">
@ -232,7 +232,7 @@
<section class="latest-news-section">
<div class="news-header">
<h2>Latest news</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">
@ -265,8 +265,8 @@
<section class="testimonials-section">
<div class="testimonials-intro">
<h2>See what our partners say about us</h2>
<p>Everything you need to know about the product and billing.</p>
<h2>See what they say about us</h2>
<p>Hear from our students and partners about what MSOS means to them — from settling in to building a strong community</p>
</div>
<div class="testimonials-columns">
<div class="testimonial-column">
@ -323,7 +323,7 @@
<section class="become-part-section">
<div class="become-part-header">
<h2>Become part of our amazing team</h2>
<p>We're a 100% remote team spread all across the world. Join us!</p>
<p>Join MSOS and be part of a community that supports, connects, and inspires students in Slovenia!</p>
</div>
<img src="../images/9-becomepart.webp" alt="Our amazing team in a classroom setting" class="team-photo">
@ -370,7 +370,7 @@
<section class="faq-section">
<div class="faq-header">
<h2>Frequently asked questions</h2>
<p>Everything you need to know about the product and billing.</p>
<p>Hear from our students and partners about what MSOS means to them — from settling in to building a strong community</p>
</div>
<div class="faq-grid">
<div class="faq-item">

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

BIN
images/HeroSection-img1.JPG Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 MiB

24
main.js
View File

@ -108,16 +108,13 @@ document.addEventListener('DOMContentLoaded', function() {
// --- Funkcionalnost za preklopnik jezika (Desktop Dropdown + Mobile Modal) ---
function setupLanguageSwitcher() {
try {
// 1. POPRAVLJENA Logika za dinamično generiranje URL-jev
const path = window.location.pathname;
const pathParts = path.split('/').filter(Boolean);
const validLangs = ['en', 'si', 'mk'];
let pathWithoutLang = '/';
if (pathParts.length > 0 && validLangs.includes(pathParts[0])) {
// Sestavi pot iz delov, ki sledijo jezikovni kodi
pathWithoutLang = '/' + pathParts.slice(1).join('/');
// Če se je originalna pot končala s '/', jo dodaj nazaj (za mape)
if (path.endsWith('/') && pathWithoutLang !== '/') {
pathWithoutLang += '/';
}
@ -127,14 +124,10 @@ document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('a[data-lang]').forEach(link => {
const targetLang = link.getAttribute('data-lang');
// Združi novo jezikovno kodo in preostanek poti
const newUrl = `/${targetLang}${pathWithoutLang}`;
// Zamenjaj morebitne dvojne poševnice z eno samo, razen na začetku
link.setAttribute('href', newUrl.replace(/\/{2,}/g, '/'));
});
// 2. POPRAVLJENA Logika za NAMIZNI dropdown
// Uporablja bolj specifičen selektor, ki se ujema z novo HTML strukturo
const desktopSelectors = document.querySelectorAll('.header-right-wrapper .language-selector');
desktopSelectors.forEach(selector => {
const currentLang = selector.querySelector('.current-lang');
@ -154,7 +147,6 @@ document.addEventListener('DOMContentLoaded', function() {
desktopSelectors.forEach(s => s.classList.remove('active'));
});
// 3. Logika za MOBILNO modalno okno (ostaja enaka, vendar bo zdaj delovala pravilno)
const mobileLangButton = document.getElementById('mobile-lang-trigger');
const languageModal = document.getElementById('language-modal-overlay');
const closeModalButton = document.getElementById('language-modal-close');
@ -210,18 +202,10 @@ document.addEventListener('DOMContentLoaded', function() {
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: 'Содржина за студентска поддршка...'}
'Student Support': { text: "We know moving to a new country can feel overwhelming, so were here to make it easier. From helping you with university applications to finding your way around student life in Slovenia, you can always count on us. We offer free consultations, answer your questions on Instagram and Facebook (yes, even late at night), and host events where you can meet others and hear real experiences first-hand. With mentorship, info sessions, and a friendly community by your side, youll never have to go through the journey alone."},
'Fun & Social Life': { text: "Student life is so much more than lectures and exams — its about the moments in between. At MSOS, we create those moments: from parties, concerts, and casual hangouts, to cinema nights, excursions, and team-building trips. We also host talks and events where you can share ideas, meet new people, and feel part of something bigger. Whether youre connecting with Macedonian students or making friends with Slovenians and internationals, our activities are all about building a community where you can relax, have fun, and create memories that last long after university."},
'Education & Culture': { text: "Studying abroad isnt only about lectures and exams — its also about growing as a person. Thats why we mix learning with culture. We run study groups and small workshops where you can share knowledge and pick up new skills. At the same time, we keep our traditions alive with cultural evenings, music, food, and gatherings that remind us of home. Its a balance: support for your studies, and a space to stay connected to who we are."},
'Student Representation': { text: "Studying abroad comes with challenges, and sometimes students need a voice thats heard. At MSOS, we take that role seriously. We organize meetings with government representatives, ministries, embassies, universities, and other key institutions to make sure the interests of Macedonian students in Slovenia are on the table. From campus issues to academic policies and integration, we work to solve problems, push for positive changes, and create a better experience for all of us."}
};
activityNavItems.forEach(item => {

View File

@ -232,7 +232,7 @@
<section class="latest-news-section">
<div class="news-header">
<h2>Најнови вести</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">

View File

@ -145,7 +145,7 @@
<section class="latest-news-section">
<div class="news-header">
<h2>Најнови вести</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">

View File

@ -232,7 +232,7 @@
<section class="latest-news-section">
<div class="news-header">
<h2>Zadnje novice</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">

View File

@ -145,7 +145,7 @@
<section class="latest-news-section">
<div class="news-header">
<h2>Zadnje novice</h2>
<p>Dignissim senectus ut senectus curabitur condimentum gravida cras nibh ac. Lorem scelerisque tortor rhoncus viverra pharet.</p>
<p>Dont miss whats happening! Here youll find all our updates — from student news to upcoming activities and community highlights.</p>
</div>
<div class="news-articles">
<article class="news-card">