From a21450c8c80797781c806573d5b77a836835289e Mon Sep 17 00:00:00 2001
From: popovskik <aleksandar.popovski@proxify.io>
Date: Sat, 1 Aug 2026 00:14:13 +0200
Subject: [PATCH] Add flagship Become a Member page with interactive multi-step
 form

New trilingual /<lang>/become-a-member/ conversion page: hero with real-photo collage, why-join benefits, animated MSOS-in-numbers, ways to participate, membership-in-real-life and projects showcase (real project photos), testimonials, who-can-join, an adaptive multi-step form (student + supporter flows, conditional fields, progress, personalised messages, validation, success screen), FAQ and final CTA. Site-wide 'Become a member' buttons now link here. Form posts to a Google Form once wired; metrics/testimonials are placeholders to confirm.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 css/main.css                                  |   3 +-
 css/pages/_member.css                         | 196 ++++++
 en/about-us/index.html                        |   4 +-
 en/become-a-member/index.html                 | 576 ++++++++++++++++++
 en/blog/index.html                            |   4 +-
 en/cookie-policy/index.html                   |   4 +-
 en/faq/index.html                             |   4 +-
 .../a-table-full-of-macedonia/index.html      |   4 +-
 .../index.html                                |   4 +-
 en/get-to-know-macedonia/index.html           |   4 +-
 .../index.html                                |   4 +-
 .../ohrid-more-than-a-postcard/index.html     |   4 +-
 .../skopje-a-city-of-many-layers/index.html   |   4 +-
 .../welcome-to-macedonia/index.html           |   4 +-
 .../index.html                                |   4 +-
 en/get-to-know-slovenia/index.html            |   4 +-
 .../index.html                                |   4 +-
 .../ljubljana-through-our-eyes/index.html     |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../welcome-to-slovenia/index.html            |   4 +-
 en/index.html                                 |   8 +-
 en/news/index.html                            |   4 +-
 en/privacy-policy/index.html                  |   4 +-
 .../index.html                                |   4 +-
 .../in-memory-of-frosina-kulakova/index.html  |   4 +-
 .../index.html                                |   4 +-
 en/projects/index.html                        |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../meet-student-slovenia-2023/index.html     |   4 +-
 .../meet-student-slovenia-2024/index.html     |   4 +-
 .../morning-coffee-in-front-of-ctk/index.html |   4 +-
 .../paint-and-wine-at-sunset/index.html       |   4 +-
 .../index.html                                |   4 +-
 .../academic-life/index.html                  |   4 +-
 .../administrative-basics/index.html          |   4 +-
 .../admission-and-enrolment/index.html        |   4 +-
 .../application-deadlines/index.html          |   4 +-
 .../arrival-checklist/index.html              |   4 +-
 .../bachelor-application/index.html           |   4 +-
 .../choose-a-programme/index.html             |   4 +-
 .../complete-student-journey/index.html       |   4 +-
 .../document-preparation/index.html           |   4 +-
 .../evs-application-guide/index.html          |   4 +-
 .../healthcare-in-slovenia/index.html         |   4 +-
 en/student-welcome-guide/index.html           |   4 +-
 .../master-application/index.html             |   4 +-
 .../means-accommodation-address/index.html    |   4 +-
 en/student-welcome-guide/my-route/index.html  |   4 +-
 .../index.html                                |   4 +-
 .../prepare-to-move/index.html                |   4 +-
 .../recognition-of-education/index.html       |   4 +-
 .../renew-change-graduate/index.html          |   4 +-
 .../rm-si-3-health-insurance/index.html       |   4 +-
 .../student-accommodation/index.html          |   4 +-
 .../student-budget/index.html                 |   4 +-
 .../student-meals/index.html                  |   4 +-
 .../index.html                                |   4 +-
 .../student-residence-permit/index.html       |   4 +-
 .../student-transport/index.html              |   4 +-
 .../student-work/index.html                   |   4 +-
 .../study-cities/index.html                   |   4 +-
 .../tuition-and-scholarships/index.html       |   4 +-
 .../visa-and-residence-explained/index.html   |   4 +-
 .../wellbeing-and-community/index.html        |   4 +-
 .../where-to-apply-for-residence/index.html   |   4 +-
 en/timeline-and-milestones/index.html         |   4 +-
 member-form.js                                | 166 +++++
 mk/become-a-member/index.html                 | 574 +++++++++++++++++
 mk/blog/index.html                            |   4 +-
 mk/cookie-policy/index.html                   |   4 +-
 mk/faq/index.html                             |   4 +-
 .../a-table-full-of-macedonia/index.html      |   4 +-
 .../index.html                                |   4 +-
 mk/get-to-know-macedonia/index.html           |   4 +-
 .../index.html                                |   4 +-
 .../ohrid-more-than-a-postcard/index.html     |   4 +-
 .../skopje-a-city-of-many-layers/index.html   |   4 +-
 .../welcome-to-macedonia/index.html           |   4 +-
 .../index.html                                |   4 +-
 mk/get-to-know-slovenia/index.html            |   4 +-
 .../index.html                                |   4 +-
 .../ljubljana-through-our-eyes/index.html     |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../welcome-to-slovenia/index.html            |   4 +-
 mk/index.html                                 |   8 +-
 mk/news/index.html                            |   4 +-
 mk/privacy-policy/index.html                  |   4 +-
 .../index.html                                |   4 +-
 .../in-memory-of-frosina-kulakova/index.html  |   4 +-
 .../index.html                                |   4 +-
 mk/projects/index.html                        |   4 +-
 .../index.html                                |   4 +-
 .../meet-student-slovenia-2023/index.html     |   4 +-
 .../meet-student-slovenia-2024/index.html     |   4 +-
 .../morning-coffee-in-front-of-ctk/index.html |   4 +-
 .../paint-and-wine-at-sunset/index.html       |   4 +-
 .../index.html                                |   4 +-
 .../academic-life/index.html                  |   4 +-
 .../administrative-basics/index.html          |   4 +-
 .../admission-and-enrolment/index.html        |   4 +-
 .../application-deadlines/index.html          |   4 +-
 .../arrival-checklist/index.html              |   4 +-
 .../bachelor-application/index.html           |   4 +-
 .../choose-a-programme/index.html             |   4 +-
 .../complete-student-journey/index.html       |   4 +-
 .../document-preparation/index.html           |   4 +-
 .../evs-application-guide/index.html          |   4 +-
 .../healthcare-in-slovenia/index.html         |   4 +-
 mk/student-welcome-guide/index.html           |   4 +-
 .../master-application/index.html             |   4 +-
 .../means-accommodation-address/index.html    |   4 +-
 mk/student-welcome-guide/my-route/index.html  |   4 +-
 .../index.html                                |   4 +-
 .../prepare-to-move/index.html                |   4 +-
 .../recognition-of-education/index.html       |   4 +-
 .../renew-change-graduate/index.html          |   4 +-
 .../rm-si-3-health-insurance/index.html       |   4 +-
 .../student-accommodation/index.html          |   4 +-
 .../student-budget/index.html                 |   4 +-
 .../student-meals/index.html                  |   4 +-
 .../index.html                                |   4 +-
 .../student-residence-permit/index.html       |   4 +-
 .../student-transport/index.html              |   4 +-
 .../student-work/index.html                   |   4 +-
 .../study-cities/index.html                   |   4 +-
 .../tuition-and-scholarships/index.html       |   4 +-
 .../visa-and-residence-explained/index.html   |   4 +-
 .../wellbeing-and-community/index.html        |   4 +-
 .../where-to-apply-for-residence/index.html   |   4 +-
 si/become-a-member/index.html                 | 574 +++++++++++++++++
 si/blog/index.html                            |   4 +-
 si/cookie-policy/index.html                   |   4 +-
 si/faq/index.html                             |   4 +-
 .../a-table-full-of-macedonia/index.html      |   4 +-
 .../index.html                                |   4 +-
 si/get-to-know-macedonia/index.html           |   4 +-
 .../index.html                                |   4 +-
 .../ohrid-more-than-a-postcard/index.html     |   4 +-
 .../skopje-a-city-of-many-layers/index.html   |   4 +-
 .../welcome-to-macedonia/index.html           |   4 +-
 .../index.html                                |   4 +-
 si/get-to-know-slovenia/index.html            |   4 +-
 .../index.html                                |   4 +-
 .../ljubljana-through-our-eyes/index.html     |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../welcome-to-slovenia/index.html            |   4 +-
 si/index.html                                 |   8 +-
 si/news/index.html                            |   4 +-
 si/privacy-policy/index.html                  |   4 +-
 .../index.html                                |   4 +-
 .../in-memory-of-frosina-kulakova/index.html  |   4 +-
 .../index.html                                |   4 +-
 si/projects/index.html                        |   4 +-
 .../index.html                                |   4 +-
 .../meet-student-slovenia-2023/index.html     |   4 +-
 .../meet-student-slovenia-2024/index.html     |   4 +-
 .../morning-coffee-in-front-of-ctk/index.html |   4 +-
 .../paint-and-wine-at-sunset/index.html       |   4 +-
 .../index.html                                |   4 +-
 .../academic-life/index.html                  |   4 +-
 .../administrative-basics/index.html          |   4 +-
 .../admission-and-enrolment/index.html        |   4 +-
 .../application-deadlines/index.html          |   4 +-
 .../arrival-checklist/index.html              |   4 +-
 .../bachelor-application/index.html           |   4 +-
 .../choose-a-programme/index.html             |   4 +-
 .../complete-student-journey/index.html       |   4 +-
 .../document-preparation/index.html           |   4 +-
 .../evs-application-guide/index.html          |   4 +-
 .../healthcare-in-slovenia/index.html         |   4 +-
 si/student-welcome-guide/index.html           |   4 +-
 .../master-application/index.html             |   4 +-
 .../means-accommodation-address/index.html    |   4 +-
 si/student-welcome-guide/my-route/index.html  |   4 +-
 .../index.html                                |   4 +-
 .../prepare-to-move/index.html                |   4 +-
 .../recognition-of-education/index.html       |   4 +-
 .../renew-change-graduate/index.html          |   4 +-
 .../rm-si-3-health-insurance/index.html       |   4 +-
 .../student-accommodation/index.html          |   4 +-
 .../student-budget/index.html                 |   4 +-
 .../student-meals/index.html                  |   4 +-
 .../index.html                                |   4 +-
 .../student-residence-permit/index.html       |   4 +-
 .../student-transport/index.html              |   4 +-
 .../student-work/index.html                   |   4 +-
 .../study-cities/index.html                   |   4 +-
 .../tuition-and-scholarships/index.html       |   4 +-
 .../visa-and-residence-explained/index.html   |   4 +-
 .../wellbeing-and-community/index.html        |   4 +-
 .../where-to-apply-for-residence/index.html   |   4 +-
 195 files changed, 2472 insertions(+), 385 deletions(-)
 create mode 100644 css/pages/_member.css
 create mode 100644 en/become-a-member/index.html
 create mode 100644 member-form.js
 create mode 100644 mk/become-a-member/index.html
 create mode 100644 si/become-a-member/index.html

diff --git a/css/main.css b/css/main.css
index 1405a49c..828bd23b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -35,4 +35,5 @@
 @import 'pages/_guide.css';
 @import 'pages/_faq.css';
 @import 'pages/_blog.css';
-@import 'pages/_news.css';
\ No newline at end of file
+@import 'pages/_news.css';
+@import 'pages/_member.css';
\ No newline at end of file
diff --git a/css/pages/_member.css b/css/pages/_member.css
new file mode 100644
index 00000000..f14f3b63
--- /dev/null
+++ b/css/pages/_member.css
@@ -0,0 +1,196 @@
+/* ==========================================================================
+   Become a Member page
+   ========================================================================== */
+.member-page { font-family: 'Inter', sans-serif; color: #101828; --mm-orange: #F2762E; --mm-teal: #2D738C; }
+.mm-h2 { font-size: 32px; line-height: 1.15; text-align: center; margin: 0 0 12px; color: #101828; }
+.mm-h2--light { color: #FFFFFF; }
+.mm-lead { text-align: center; max-width: 640px; margin: 0 auto 36px; font-size: 18px; line-height: 28px; color: #475467; }
+.mm-note { font-size: 12px; color: #98A2B3; }
+.mm-note--center { text-align: center; margin-top: 20px; }
+.mm-center { text-align: center; margin-top: 32px; }
+.mm-section { max-width: 1120px; margin: 0 auto; padding: 72px 24px; }
+.mm-section--soft { background: #F7FAFB; max-width: none; }
+.mm-section--soft > * { max-width: 1120px; margin-left: auto; margin-right: auto; }
+
+/* ---- hero ---- */
+.mm-hero {
+    background: linear-gradient(180deg, #FFF4EC 0%, #FFFFFF 100%);
+    padding: 120px 24px 64px;
+    display: grid;
+    grid-template-columns: 1.05fr 0.95fr;
+    gap: 48px;
+    align-items: center;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+.mm-eyebrow { display: inline-block; color: var(--mm-orange); font-weight: 700; font-size: 14px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 14px; }
+.mm-hero h1 { font-size: 52px; line-height: 1.05; margin: 0 0 18px; letter-spacing: -0.02em; }
+.mm-hero-lead { font-size: 19px; line-height: 30px; color: #475467; margin: 0 0 28px; max-width: 520px; }
+.mm-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 28px; }
+.mm-tags { display: flex; flex-wrap: wrap; gap: 8px; }
+.mm-tag { font-size: 13px; font-weight: 600; color: #475467; background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 999px; padding: 6px 14px; }
+
+.mm-hero-collage { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 16px; height: 460px; }
+.mm-hero-photo { border-radius: 18px; overflow: hidden; box-shadow: 0 16px 32px rgba(16,24,40,0.12); }
+.mm-hero-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.mm-hero-photo--1 { grid-row: 1 / span 2; }
+.mm-hero-photo--2 { }
+.mm-hero-photo--3 { }
+
+/* ---- benefits ---- */
+.mm-benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 32px; }
+.mm-benefit { background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 16px; padding: 26px; transition: transform 0.18s ease, box-shadow 0.18s ease; }
+.mm-benefit:hover { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(16,24,40,0.08); }
+.mm-benefit-ico { width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--mm-orange); background: #FFF1E8; margin-bottom: 16px; }
+.mm-benefit h3 { font-size: 18px; margin: 0 0 8px; }
+.mm-benefit p { font-size: 15px; line-height: 23px; color: #667085; margin: 0; }
+
+/* ---- numbers ---- */
+.mm-numbers-section { background: var(--mm-teal); padding: 64px 24px; text-align: center; }
+.mm-numbers { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 24px; max-width: 960px; margin: 28px auto 0; }
+.mm-num { color: #FFFFFF; }
+.mm-num-value { display: block; font-size: 46px; font-weight: 700; line-height: 1; letter-spacing: -0.02em; }
+.mm-num-label { display: block; margin-top: 8px; font-size: 15px; color: rgba(255,255,255,0.85); }
+.mm-numbers-section .mm-note { color: rgba(255,255,255,0.6); margin-top: 24px; }
+
+/* ---- ways ---- */
+.mm-ways { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
+.mm-way { border: 1px solid #EAECF0; border-radius: 16px; padding: 24px; background: #FFFFFF; transition: border-color 0.18s ease, box-shadow 0.18s ease; }
+.mm-way:hover { border-color: #F6C9A8; box-shadow: 0 10px 22px rgba(242,118,46,0.10); }
+.mm-way-ico { font-size: 22px; color: var(--mm-teal); margin-bottom: 12px; }
+.mm-way h3 { font-size: 17px; margin: 0 0 6px; }
+.mm-way p { font-size: 14px; line-height: 22px; color: #667085; margin: 0; }
+
+/* ---- membership in real life ---- */
+.mm-reals { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
+.mm-real { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; border: 1px solid #EAECF0; background: #FFFFFF; text-decoration: none; color: inherit; transition: transform 0.18s ease, box-shadow 0.18s ease; }
+.mm-real:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(16,24,40,0.10); }
+.mm-real-media { height: 170px; background: #F2F4F7; }
+.mm-real-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.mm-real-body { padding: 18px; }
+.mm-real-body h3 { font-size: 17px; margin: 0 0 6px; }
+.mm-real-body p { font-size: 14px; line-height: 21px; color: #667085; margin: 0 0 10px; }
+.mm-real-link { font-size: 14px; font-weight: 600; color: var(--mm-orange); display: inline-flex; align-items: center; gap: 6px; }
+
+/* ---- testimonials ---- */
+.mm-tests { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
+.mm-test { margin: 0; background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 16px; padding: 26px; box-shadow: 0 6px 16px rgba(16,24,40,0.04); }
+.mm-test blockquote { margin: 0 0 18px; font-size: 17px; line-height: 27px; color: #101828; }
+.mm-test blockquote::before { content: '\201C'; color: var(--mm-orange); font-size: 40px; line-height: 0; vertical-align: -18px; margin-right: 4px; }
+.mm-test figcaption strong { display: block; font-size: 15px; }
+.mm-test figcaption span { font-size: 13px; color: #98A2B3; }
+
+/* ---- projects showcase ---- */
+.mm-shows { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
+.mm-show { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; border: 1px solid #EAECF0; text-decoration: none; color: inherit; background: #FFFFFF; transition: transform 0.18s ease, box-shadow 0.18s ease; }
+.mm-show:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(16,24,40,0.10); }
+.mm-show-media { height: 180px; background: #F2F4F7; }
+.mm-show-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
+.mm-show h3 { font-size: 16px; margin: 0; padding: 16px 18px; line-height: 1.3; }
+
+/* ---- who can join ---- */
+.mm-who { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
+.mm-who-card { border: 1px solid #EAECF0; border-radius: 18px; padding: 30px; background: #FFFFFF; }
+.mm-who-card:first-child { border-color: #F6C9A8; background: linear-gradient(180deg, #FFF7F1 0%, #FFFFFF 100%); }
+.mm-who-ico { font-size: 26px; color: var(--mm-orange); margin-bottom: 14px; }
+.mm-who-card h3 { font-size: 20px; margin: 0 0 8px; }
+.mm-who-card p { font-size: 15px; line-height: 23px; color: #667085; margin: 0 0 16px; }
+.mm-who-link { font-weight: 600; color: var(--mm-teal); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; }
+
+/* ---- multi-step form ---- */
+.ms-section { max-width: 760px; margin: 0 auto; padding: 72px 24px; }
+.ms-head { text-align: center; margin-bottom: 28px; }
+.ms-eyebrow { display: inline-block; color: var(--mm-orange); font-weight: 700; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; }
+.ms-head h2 { font-size: 30px; margin: 0 0 8px; }
+.ms-head p { color: #667085; font-size: 16px; margin: 0; }
+.ms-form { background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 20px; box-shadow: 0 16px 40px rgba(16,24,40,0.06); padding: 28px; }
+.ms-progress { margin-bottom: 22px; }
+.ms-progress[hidden] { display: none; }
+.ms-progress-track { height: 6px; background: #F2F4F7; border-radius: 999px; overflow: hidden; }
+.ms-progress-bar { height: 100%; width: 0; background: var(--mm-orange); border-radius: 999px; transition: width 0.3s ease; }
+.ms-progress-text { display: block; margin-top: 8px; font-size: 12px; font-weight: 600; color: #98A2B3; }
+.ms-alert { background: #FEF3F2; color: #B42318; border: 1px solid #FECDCA; border-radius: 10px; padding: 10px 14px; font-size: 14px; margin-bottom: 16px; }
+.ms-alert[hidden] { display: none; }
+.ms-step[hidden] { display: none; }
+.ms-step h3 { font-size: 20px; margin: 0 0 6px; }
+.ms-hint { font-size: 14px; color: #98A2B3; margin: 0 0 16px; }
+
+.ms-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 8px; }
+.ms-path { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 16px; border: 2px solid #EAECF0; border-radius: 16px; background: #FFFFFF; cursor: pointer; font-family: inherit; transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease; }
+.ms-path i { font-size: 26px; color: var(--mm-orange); }
+.ms-path strong { font-size: 16px; color: #101828; }
+.ms-path:hover { border-color: #F6C9A8; transform: translateY(-2px); }
+.ms-path.is-selected { border-color: var(--mm-orange); background: #FFF7F1; }
+
+.ms-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 6px; }
+.ms-field { display: flex; flex-direction: column; gap: 6px; }
+.ms-field span { font-size: 13px; font-weight: 600; color: #344054; }
+.ms-field input, .ms-field select, .ms-form textarea {
+    font-family: inherit; font-size: 15px; color: #101828;
+    padding: 11px 14px; border: 1px solid #D0D5DD; border-radius: 10px; background: #FFFFFF; width: 100%;
+}
+.ms-field input:focus, .ms-field select:focus, .ms-form textarea:focus { outline: none; border-color: var(--mm-orange); box-shadow: 0 0 0 3px rgba(242,118,46,0.12); }
+.ms-form textarea { margin-top: 6px; resize: vertical; }
+.ms-cond { margin-top: 16px; }
+.ms-cond[hidden] { display: none; }
+
+.ms-radios { display: grid; gap: 10px; margin-top: 6px; }
+.ms-radio { text-align: left; padding: 14px 16px; border: 1px solid #D0D5DD; border-radius: 12px; background: #FFFFFF; font-family: inherit; font-size: 15px; color: #344054; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease; }
+.ms-radio:hover { border-color: #F6C9A8; }
+.ms-radio.is-selected { border-color: var(--mm-orange); background: #FFF7F1; color: #101828; font-weight: 600; }
+
+.ms-multi { display: flex; flex-wrap: wrap; gap: 10px; }
+.ms-chip { padding: 10px 16px; border-radius: 999px; border: 1px solid #D0D5DD; background: #FFFFFF; font-family: inherit; font-size: 14px; font-weight: 500; color: #475467; cursor: pointer; transition: all 0.15s ease; }
+.ms-chip:hover { border-color: #F6C9A8; }
+.ms-chip.is-selected { border-color: var(--mm-orange); background: var(--mm-orange); color: #FFFFFF; }
+.ms-msg { margin: 16px 0 0; padding: 12px 16px; background: #F0F6F8; border-left: 3px solid var(--mm-teal); border-radius: 8px; font-size: 14px; line-height: 21px; color: #344054; }
+.ms-msg[hidden] { display: none; }
+
+.ms-check { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-size: 14px; line-height: 21px; color: #344054; cursor: pointer; }
+.ms-check input { margin-top: 3px; width: 16px; height: 16px; accent-color: var(--mm-orange); flex: 0 0 auto; }
+.ms-check a { color: var(--mm-teal); }
+
+.ms-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; }
+.ms-nav .ms-back { margin-right: auto; }
+.ms-nav [hidden] { display: none; }
+
+/* success */
+.ms-success { text-align: center; background: #FFFFFF; border: 1px solid #EAECF0; border-radius: 20px; box-shadow: 0 16px 40px rgba(16,24,40,0.06); padding: 44px 28px; }
+.ms-success[hidden] { display: none; }
+.ms-success-icon { font-size: 48px; color: #2E9E6B; margin-bottom: 14px; }
+.ms-success-title { font-size: 26px; margin: 0 0 10px; }
+.ms-success-text { color: #667085; font-size: 16px; line-height: 25px; max-width: 520px; margin: 0 auto 24px; }
+.ms-success-next { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #98A2B3; margin: 0 0 14px; }
+.ms-success-links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
+
+/* ---- faq ---- */
+.mm-faqs { max-width: 780px; margin: 32px auto 0; }
+.mm-faq { border: 1px solid #EAECF0; border-radius: 12px; margin-bottom: 12px; background: #FFFFFF; }
+.mm-faq summary { list-style: none; cursor: pointer; padding: 18px 20px; font-weight: 600; font-size: 16px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
+.mm-faq summary::-webkit-details-marker { display: none; }
+.mm-faq summary::after { content: '\f078'; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 13px; color: var(--mm-orange); transition: transform 0.2s ease; }
+.mm-faq[open] summary::after { transform: rotate(180deg); }
+.mm-faq-a { padding: 0 20px 20px; color: #667085; font-size: 15px; line-height: 24px; }
+.mm-faq-a p { margin: 0; }
+
+/* ---- final cta ---- */
+.mm-final { text-align: center; padding: 80px 24px; background: linear-gradient(135deg, #F2762E 0%, #E85D2A 100%); color: #FFFFFF; }
+.mm-final h2 { font-size: 32px; margin: 0 auto 12px; max-width: 720px; }
+.mm-final p { font-size: 18px; line-height: 28px; margin: 0 auto 28px; max-width: 640px; color: rgba(255,255,255,0.92); }
+.mm-final .btn { background: #FFFFFF; color: #E85D2A; border: none; }
+.mm-final .btn:hover { background: #FFF3EC; }
+
+/* ---- responsive ---- */
+@media (max-width: 900px) {
+    .mm-hero { grid-template-columns: 1fr; padding: 100px 20px 48px; }
+    .mm-hero h1 { font-size: 38px; }
+    .mm-hero-collage { height: 340px; }
+    .mm-who { grid-template-columns: 1fr; }
+}
+@media (max-width: 600px) {
+    .mm-h2 { font-size: 26px; }
+    .ms-grid, .ms-paths { grid-template-columns: 1fr; }
+    .ms-form { padding: 20px; }
+    .mm-num-value { font-size: 38px; }
+    .ms-success-links .btn { width: 100%; }
+}
diff --git a/en/about-us/index.html b/en/about-us/index.html
index c14f6f1f..8b4537d8 100644
--- a/en/about-us/index.html
+++ b/en/about-us/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/become-a-member/index.html b/en/become-a-member/index.html
new file mode 100644
index 00000000..17c76768
--- /dev/null
+++ b/en/become-a-member/index.html
@@ -0,0 +1,576 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Become a member - MSOS</title>
+    
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Font Awesome (for icons) -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <!-- Link to the main CSS file -->
+    <link rel="stylesheet" href="../../css/main.css">
+</head>
+<body>
+
+    <!-- START_HEADER -->
+<header class="dropdown-header-navigation">
+    <div class="container">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../en/" class="logo-link">
+            <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Who We Are</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                            <li><a href="../../en/about-us/">Our team</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/">Events & Projects</a></li>
+                            <li><a href="../../en/blog/">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="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
+                            <li><a href="../../en/faq/">FAQs</a></li>
+                            <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
+                            <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">News</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../en/news/">News and Announcements</a></li>
+                            <li><a href="#">Press releases</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+            <div class="navigation-actions">
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
+                <button class="btn btn-primary">Donate</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">EN</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
+</header>
+
+<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Who We Are</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
+                    <li><a href="../../en/about-us/">Our team</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/">Events & Projects</a></li>
+                    <li><a href="../../en/blog/">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="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
+                    <li><a href="../../en/faq/">FAQs</a></li>
+                    <li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
+                    <li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">News</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../en/news/">News and Announcements</a></li>
+                    <li><a href="#">Press releases</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
+        <button class="btn btn-primary">Donate</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>EN</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (ostaja enako) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Select Language</h3>
+            <button id="language-modal-close" aria-label="Close language selection">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+        </div>
+    </div>
+</div>
+<!-- END_HEADER -->
+
+    <main class="member-page">
+        <section class="mm-hero">
+            <div class="mm-hero-text">
+                <span class="mm-eyebrow">Become a member</span>
+                <h1>Find your people in Slovenia</h1>
+                <p class="mm-hero-lead">Meet people, join events, get support, create projects and become part of the Macedonian student community across Slovenia.</p>
+                <div class="mm-hero-cta">
+                    <a class="btn btn-primary-orange" href="#join-form">Become a member</a>
+                    <a class="btn btn-secondary" href="#showcase">See what we do</a>
+                </div>
+                <div class="mm-tags"><span class="mm-tag">Community</span><span class="mm-tag">Events</span><span class="mm-tag">Support</span><span class="mm-tag">Projects</span><span class="mm-tag">Friends</span><span class="mm-tag">Opportunities</span></div>
+            </div>
+            <div class="mm-hero-collage"><div class="mm-hero-photo mm-hero-photo--1"><img src="../../images/event4-img-1.webp" alt="Meet Student Slovenia 2024" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--2"><img src="../../images/msnl-1.webp" alt="Macedonian Student Night in Ljubljana" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--3"><img src="../../images/handball-2025-1.png" alt="Cheering for Macedonia, Watching Handball Together in Slovenia" loading="eager"></div></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Why become a member?</h2>
+            <div class="mm-benefits">
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-people-group" aria-hidden="true"></i></div>
+                    <h3>Find your people</h3><p>Meet Macedonian students across Slovenia and build friendships outside the classroom.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i></div>
+                    <h3>Feel supported</h3><p>Get practical help, local knowledge and a community that understands studying abroad.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-champagne-glasses" aria-hidden="true"></i></div>
+                    <h3>Join memorable events</h3><p>Social evenings, cultural events, sports, trips, workshops and student gatherings.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-screwdriver-wrench" aria-hidden="true"></i></div>
+                    <h3>Build experience</h3><p>Develop skills through volunteering, communication, project work and event organisation.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-lightbulb" aria-hidden="true"></i></div>
+                    <h3>Create something meaningful</h3><p>Bring ideas, join projects and help shape activities for the community.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Grow your network</h3><p>Meet students, alumni, professionals, institutions and partners.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-house-heart" aria-hidden="true"></i></div>
+                    <h3>Feel at home away from home</h3><p>Belong to a community where you never have to explain where you come from.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-numbers-section">
+            <h2 class="mm-h2 mm-h2--light">MSOS in numbers</h2>
+            <div class="mm-numbers">
+                <div class="mm-num"><span class="mm-num-value" data-count="120" data-suffix="+">0</span><span class="mm-num-label">active members</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="50" data-suffix="+">0</span><span class="mm-num-label">events and activities</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="2500" data-suffix="+">0</span><span class="mm-num-label">participants</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="20" data-suffix="+">0</span><span class="mm-num-label">partners</span></div>
+            </div>
+            <p class="mm-note">Figures to confirm before launch.</p>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">There is more than one way to be part of MSOS</h2>
+            <p class="mm-lead">You do not need to organise events or lead to belong. Join in the way that fits you.</p>
+            <div class="mm-ways">
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-envelope-open-text" aria-hidden="true"></i></div>
+                    <h3>Stay connected</h3><p>Receive updates and know what is happening.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
+                    <h3>Join the community</h3><p>Come to events, meet people and take part when it suits you.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
+                    <h3>Volunteer sometimes</h3><p>Help with selected activities without a long-term commitment.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Join projects</h3><p>Contribute to specific initiatives, campaigns, guides or collaborations.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
+                    <h3>Organise events</h3><p>Help plan, coordinate, promote and deliver activities.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
+                    <h3>Take responsibility</h3><p>Explore leadership, governance, representation or local team roles.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">What being part of MSOS actually looks like</h2>
+            <div class="mm-reals">
+                <a class="mm-real" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-real-media"><img src="../../images/event4-img-1.webp" alt="Start at a welcome event" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Start at a welcome event</h3><p>Meet the community from your very first weeks in Slovenia.</p><span class="mm-real-link">Read the story <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-real-media"><img src="../../images/msnl-1.webp" alt="Enjoy a student night" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Enjoy a student night</h3><p>Music, friends and a night that feels like home.</p><span class="mm-real-link">Read the story <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-real-media"><img src="../../images/maribor-tournament-1.png" alt="Give back together" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Give back together</h3><p>Take part in humanitarian activities that help others.</p><span class="mm-real-link">Read the story <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-real-media"><img src="../../images/handball-2025-1.png" alt="Cheer side by side" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Cheer side by side</h3><p>Sports, energy and belonging, wherever you study.</p><span class="mm-real-link">Read the story <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Why students joined, and why they stayed</h2>
+            <div class="mm-tests">
+                <figure class="mm-test">
+                    <blockquote>I joined because I wanted to meet people. I stayed because MSOS became part of my life in Slovenia.</blockquote>
+                    <figcaption><strong>Ana</strong><span>Student, Ljubljana</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>When I moved to Slovenia, I did not know where to begin. Through MSOS I found support, friends and opportunities.</blockquote>
+                    <figcaption><strong>Marko</strong><span>Student, Maribor</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>Being part of the team taught me more than any classroom. I organised events, met partners and grew a lot.</blockquote>
+                    <figcaption><strong>Elena</strong><span>Volunteer, Koper</span></figcaption>
+                </figure>
+            </div>
+            <p class="mm-note mm-note--center">Sample quotes to replace with real testimonials.</p>
+        </section>
+
+        <section class="mm-section" id="showcase">
+            <h2 class="mm-h2">See MSOS in action</h2>
+            <div class="mm-shows">
+                <a class="mm-show" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-show-media"><img src="../../images/event4-img-1.webp" alt="Meet Student Slovenia 2024" loading="lazy"></div>
+                    <h3>Meet Student Slovenia 2024</h3>
+                </a>
+                <a class="mm-show" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-show-media"><img src="../../images/msnl-1.webp" alt="Macedonian Student Night in Ljubljana" loading="lazy"></div>
+                    <h3>Macedonian Student Night in Ljubljana</h3>
+                </a>
+                <a class="mm-show" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-show-media"><img src="../../images/maribor-tournament-1.png" alt="Humanitarian Sports Tournament: Playing with Heart, Together for Kočani" loading="lazy"></div>
+                    <h3>Humanitarian Sports Tournament: Playing with Heart, Together for Kočani</h3>
+                </a>
+                <a class="mm-show" href="../projects/paint-and-wine-at-sunset/">
+                    <div class="mm-show-media"><img src="../../images/paint-wine-1.jpg" alt="Paint &amp; Wine at Sunset, Celebrating Women’s Day with Art &amp; Music" loading="lazy"></div>
+                    <h3>Paint &amp; Wine at Sunset, Celebrating Women’s Day with Art &amp; Music</h3>
+                </a>
+                <a class="mm-show" href="../projects/morning-coffee-in-front-of-ctk/">
+                    <div class="mm-show-media"><img src="../../images/event4-image1.webp" alt="Morning Coffee in front of CTK, 2024: Coffee, burek, and lots of smiles" loading="lazy"></div>
+                    <h3>Morning Coffee in front of CTK, 2024: Coffee, burek, and lots of smiles</h3>
+                </a>
+                <a class="mm-show" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-show-media"><img src="../../images/handball-2025-1.png" alt="Cheering for Macedonia, Watching Handball Together in Slovenia" loading="lazy"></div>
+                    <h3>Cheering for Macedonia, Watching Handball Together in Slovenia</h3>
+                </a>
+            </div>
+            <div class="mm-center"><a class="btn btn-secondary" href="../news/">See all events and projects</a></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">There is a place for you here</h2>
+            <div class="mm-who">
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-graduation-cap" aria-hidden="true"></i></div><h3>For students</h3><p>Current students, future students, bachelor and master students, in every Slovenian study city.</p><a class="mm-who-link" href="#join-form">I am a student <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-handshake-angle" aria-hidden="true"></i></div><h3>For supporters</h3><p>You do not need to be a student to support the community. Contribute through knowledge, partnerships, mentorship, volunteering, sponsorships, media or useful connections.</p><a class="mm-who-link" href="#join-form">I want to support MSOS <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+            </div>
+        </section>
+
+        <section class="ms-section" id="join-form">
+            <div class="ms-head">
+                <span class="ms-eyebrow">Membership form</span>
+                <h2>Join in a couple of minutes</h2>
+                <p>A few friendly questions. You do not need to decide now how active you want to be.</p>
+            </div>
+            <form class="ms-form" novalidate>
+                <div class="ms-progress" data-step="Step" data-of="of" hidden><div class="ms-progress-track"><div class="ms-progress-bar"></div></div><span class="ms-progress-text"></span></div>
+                <div class="ms-alert" hidden>Please fill in the required fields.</div>
+
+                <div class="ms-step" data-step="path" data-flow="both">
+                    <h3>How would you like to connect with MSOS?</h3>
+                    <div class="ms-paths">
+                        <button type="button" class="ms-path" data-path="student"><i class="fas fa-graduation-cap" aria-hidden="true"></i><strong>I am a student</strong></button>
+                        <button type="button" class="ms-path" data-path="supporter"><i class="fas fa-handshake-angle" aria-hidden="true"></i><strong>I want to support MSOS</strong></button>
+                    </div>
+                </div>
+
+                <div class="ms-step" data-step="s-basic" data-flow="student">
+                    <h3>Tell us who you are</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>First name *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Last name *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Email *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Phone (optional)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Current city</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Preferred contact</span><select data-name="contactPref"><option value="">Select...</option><option value="email">Email</option><option value="whatsapp">WhatsApp</option><option value="phone">Phone</option></select></label></div>
+                </div>
+                <div class="ms-step" data-step="s-status" data-flow="student">
+                    <h3>Where are you in your student journey?</h3>
+                    <div class="ms-radios" data-name="status" data-required="1">
+                        <button type="button" class="ms-radio" data-value="studying">I already study in Slovenia</button>
+                        <button type="button" class="ms-radio" data-value="moving">I am preparing to move to Slovenia</button>
+                        <button type="button" class="ms-radio" data-value="exploring">I am still exploring my options</button>
+                        <button type="button" class="ms-radio" data-value="graduated">I recently graduated</button>
+                    </div>
+                    <div class="ms-cond" data-when="studying">
+                        <div class="ms-grid"><label class="ms-field"><span>University</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Faculty</span><input type="text" data-name="faculty" autocomplete="off"></label><label class="ms-field"><span>Study programme</span><input type="text" data-name="programme" autocomplete="off"></label><label class="ms-field"><span>Study level</span><select data-name="level"><option value="">Select...</option><option value="bachelor">Bachelor</option><option value="master">Master</option></select></label><label class="ms-field"><span>Year of study</span><input type="text" data-name="year" autocomplete="off"></label><label class="ms-field"><span>City of study</span><select data-name="studyCity"><option value="">Select...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper and Primorska</option><option value="nova-gorica">Nova Gorica and Gorizia</option><option value="celje">Celje</option><option value="other">Other</option><option value="unsure">I am not sure yet</option></select></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="moving">
+                        <div class="ms-grid"><label class="ms-field"><span>University</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Faculty or field of interest</span><input type="text" data-name="field" autocomplete="off"></label><label class="ms-field"><span>Study level</span><select data-name="level"><option value="">Select...</option><option value="bachelor">Bachelor</option><option value="master">Master</option></select></label><label class="ms-field"><span>Intended city</span><select data-name="intendedCity"><option value="">Select...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper and Primorska</option><option value="nova-gorica">Nova Gorica and Gorizia</option><option value="celje">Celje</option><option value="other">Other</option><option value="unsure">I am not sure yet</option></select></label><label class="ms-field"><span>Expected academic year</span><input type="text" data-name="academicYear" autocomplete="off"></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="exploring">
+                        <div class="ms-grid"><label class="ms-field"><span>Areas of interest</span><input type="text" data-name="areas" autocomplete="off"></label><label class="ms-field"><span>Study level</span><select data-name="level"><option value="">Select...</option><option value="bachelor">Bachelor</option><option value="master">Master</option></select></label></div>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-intention" data-flow="student">
+                    <h3>What sounds most like you?</h3>
+                    <p class="ms-hint">Choose as many as you like.</p>
+                    <div class="ms-multi" data-name="intention">
+                        <button type="button" class="ms-chip" data-value="meet">I want to meet people</button>
+                        <button type="button" class="ms-chip" data-value="events">I want to join events</button>
+                        <button type="button" class="ms-chip" data-value="informed">I want to stay informed</button>
+                        <button type="button" class="ms-chip" data-value="support">I am looking for support</button>
+                        <button type="button" class="ms-chip" data-value="volunteer">I want to volunteer</button>
+                        <button type="button" class="ms-chip" data-value="organise">I want to help organise events</button>
+                        <button type="button" class="ms-chip" data-value="projects">I want to join projects</button>
+                        <button type="button" class="ms-chip" data-value="experience">I want to build experience</button>
+                        <button type="button" class="ms-chip" data-value="leadership">I am interested in leadership</button>
+                        <button type="button" class="ms-chip" data-value="figuring">I am still figuring it out</button>
+                    </div>
+                    <p class="ms-msg" data-when="leadership" hidden>We would love to learn about your experience and the kind of responsibility you are interested in.</p>
+                    <p class="ms-msg" data-when="events" hidden>Perfect. You can join the community without taking on any formal responsibility.</p>
+                    <p class="ms-msg" data-when="figuring" hidden>No pressure. Start by staying connected and decide later how involved you want to be.</p>
+                </div>
+                <div class="ms-step" data-step="s-interests" data-flow="student">
+                    <h3>What would you like to be part of?</h3>
+                    <p class="ms-hint">Choose as many as you like.</p>
+                    <div class="ms-multi" data-name="interests">
+                        <button type="button" class="ms-chip" data-value="social">Social events</button>
+                        <button type="button" class="ms-chip" data-value="cultural">Cultural events</button>
+                        <button type="button" class="ms-chip" data-value="sports">Sports</button>
+                        <button type="button" class="ms-chip" data-value="support">Student support</button>
+                        <button type="button" class="ms-chip" data-value="creative">Creative projects</button>
+                        <button type="button" class="ms-chip" data-value="humanitarian">Humanitarian activities</button>
+                        <button type="button" class="ms-chip" data-value="professional">Professional development</button>
+                        <button type="button" class="ms-chip" data-value="networking">Networking</button>
+                        <button type="button" class="ms-chip" data-value="media">Media and communication</button>
+                        <button type="button" class="ms-chip" data-value="design">Design and content</button>
+                        <button type="button" class="ms-chip" data-value="partnerships">Partnerships</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Volunteering</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-city" data-flow="student">
+                    <h3>Where should we connect you?</h3>
+                    <div class="ms-radios" data-name="connectCity">
+                        <button type="button" class="ms-radio" data-value="ljubljana">Ljubljana</button>
+                        <button type="button" class="ms-radio" data-value="maribor">Maribor</button>
+                        <button type="button" class="ms-radio" data-value="koper">Koper and Primorska</button>
+                        <button type="button" class="ms-radio" data-value="nova-gorica">Nova Gorica and Gorizia</button>
+                        <button type="button" class="ms-radio" data-value="celje">Celje</button>
+                        <button type="button" class="ms-radio" data-value="other">Other</button>
+                        <button type="button" class="ms-radio" data-value="unsure">I am not sure yet</button>
+                    </div>
+                    <p class="ms-msg" data-when="*any" hidden>We will connect you with the MSOS community closest to you.</p>
+                </div>
+                <div class="ms-step" data-step="s-personal" data-flow="student">
+                    <h3>What would make MSOS valuable to you? (optional)</h3>
+                    <textarea data-name="personal" rows="4" placeholder="Share anything you hope to find, learn or experience."></textarea>
+                </div>
+                <div class="ms-step" data-step="s-consent" data-flow="student">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>I agree that MSOS may contact me about my request.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>I have read the privacy notice. (<a href="../privacy-policy/">privacy notice</a>)</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentUpdates"> <span>I would like to receive event and community updates.</span></label>
+                </div>
+
+                <div class="ms-step" data-step="p-basic" data-flow="supporter">
+                    <h3>Tell us who you are</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>First name *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Last name *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Email *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Phone (optional)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Current city</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Organisation or company (optional)</span><input type="text" data-name="org" autocomplete="off"></label><label class="ms-field"><span>Role or profession (optional)</span><input type="text" data-name="role" autocomplete="off"></label></div>
+                </div>
+                <div class="ms-step" data-step="p-support" data-flow="supporter">
+                    <h3>How would you like to support MSOS?</h3>
+                    <p class="ms-hint">Choose as many as you like.</p>
+                    <div class="ms-multi" data-name="support">
+                        <button type="button" class="ms-chip" data-value="partnerships">Partnerships</button>
+                        <button type="button" class="ms-chip" data-value="sponsorships">Sponsorships</button>
+                        <button type="button" class="ms-chip" data-value="mentorship">Mentorship</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Volunteering</button>
+                        <button type="button" class="ms-chip" data-value="expertise">Professional expertise</button>
+                        <button type="button" class="ms-chip" data-value="media">Media support</button>
+                        <button type="button" class="ms-chip" data-value="events">Event support</button>
+                        <button type="button" class="ms-chip" data-value="careers">Career opportunities</button>
+                        <button type="button" class="ms-chip" data-value="connections">Community connections</button>
+                        <button type="button" class="ms-chip" data-value="venue">Venue or logistics</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="p-message" data-flow="supporter">
+                    <h3>Tell us how you would like to contribute (optional)</h3>
+                    <textarea data-name="contribution" rows="4" placeholder="A short note about what you can offer or a project you care about."></textarea>
+                </div>
+                <div class="ms-step" data-step="p-consent" data-flow="supporter">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>I agree that MSOS may contact me about my request.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>I have read the privacy notice. (<a href="../privacy-policy/">privacy notice</a>)</span></label>
+                </div>
+
+                <div class="ms-nav">
+                    <button type="button" class="btn btn-secondary ms-back" hidden>Back</button>
+                    <button type="button" class="btn btn-primary-orange ms-next" hidden>Continue</button>
+                    <button type="button" class="btn btn-primary-orange ms-submit" data-student="Join MSOS" data-supporter="Support MSOS" hidden>Join MSOS</button>
+                </div>
+            </form>
+
+            <div class="ms-success" hidden>
+                <div class="ms-success-icon"><i class="fas fa-circle-check" aria-hidden="true"></i></div>
+                <h3 class="ms-success-title"
+                    data-student-title="Welcome to the community" data-supporter-title="Thank you for supporting MSOS"></h3>
+                <p class="ms-success-text"
+                    data-student-text="Thank you for reaching out. We are excited to get to know you. A member of the MSOS team will contact you soon." data-supporter-text="We appreciate your interest in the Macedonian student community in Slovenia. Our team will review your message and contact you soon."></p>
+                <p class="ms-success-next">While you wait</p>
+                <div class="ms-success-links">
+                    <a class="btn btn-secondary" href="../news/">Explore upcoming events</a>
+                    <a class="btn btn-secondary" href="../student-welcome-guide/">Read the Student Welcome Guide</a>
+                    <a class="btn btn-secondary" href="../projects/">Discover recent projects</a>
+                </div>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Good to know</h2>
+            <div class="mm-faqs">
+                <details class="mm-faq"><summary>Is membership only for students in Ljubljana?</summary><div class="mm-faq-a"><p>No. MSOS is for Macedonian students across Slovenia, including Maribor, Koper, Nova Gorica, Celje and other study cities.</p></div></details>
+                <details class="mm-faq"><summary>Can I join before moving to Slovenia?</summary><div class="mm-faq-a"><p>Yes. Future students can join, receive updates and connect with people before arriving.</p></div></details>
+                <details class="mm-faq"><summary>Do I need to be highly active?</summary><div class="mm-faq-a"><p>No. You can join events, stay informed, volunteer occasionally, or take on a larger role later.</p></div></details>
+                <details class="mm-faq"><summary>Is there a membership fee?</summary><div class="mm-faq-a"><p>To confirm before publication.</p></div></details>
+                <details class="mm-faq"><summary>Can non-students support MSOS?</summary><div class="mm-faq-a"><p>Yes. Parents, alumni, professionals, companies and other supporters can contribute through mentorship, partnerships, sponsorships, expertise, volunteering or useful connections.</p></div></details>
+                <details class="mm-faq"><summary>What happens after I submit the form?</summary><div class="mm-faq-a"><p>The MSOS team reviews your information and contacts you with the next step.</p></div></details>
+                <details class="mm-faq"><summary>Can I change how involved I am later?</summary><div class="mm-faq-a"><p>Yes. Members can become more or less active depending on their interests and availability.</p></div></details>
+            </div>
+        </section>
+
+        <section class="mm-final">
+            <h2>Your student story in Slovenia can start here</h2>
+            <p>Whether you are looking for support, friendship, opportunities or a place to belong, MSOS is ready to welcome you.</p>
+            <a class="btn btn-primary-orange" href="#join-form">Become a member</a>
+        </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 class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
+                <p>
+                    Masarykova cesta 24<br>
+                    1000 Ljubljana, Slovenia<br>
+                    <a href="mailto:info@msosorg.com">info@msosorg.com</a>
+                </p>
+                <div class="social-icons">
+                    <a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
+                    <a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
+                    <a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
+                    <a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
+                </div>
+            </div>
+            <div class="footer-links">
+                <div class="links-column">
+                    <h4>Student guide</h4>
+                    <a href="../../en/student-welcome-guide/">Student welcome guide</a>
+                    <a href="../../en/student-welcome-guide/complete-student-journey/">The whole journey</a>
+                    <a href="../../en/student-welcome-guide/application-deadlines/">Application deadlines</a>
+                    <a href="../../en/student-welcome-guide/evs-application-guide/">Apply through eVŠ</a>
+                    <a href="../../en/student-welcome-guide/student-residence-permit/">Residence permit</a>
+                    <a href="../../en/student-welcome-guide/student-accommodation/">Accommodation</a>
+                </div>
+                <div class="links-column">
+                    <h4>Explore</h4>
+                    <a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a>
+                    <a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a>
+                    <a href="../../en/projects/">Projects and events</a>
+                </div>
+                <div class="links-column">
+                    <h4>Organisation</h4>
+                    <a href="../../en/about-us/">About us</a>
+                    <a href="../../en/timeline-and-milestones/">Timeline and milestones</a>
+                    <a href="mailto:info@msosorg.com">Contact us</a>
+                    <a href="../../en/privacy-policy/">Privacy policy</a>
+                    <a href="../../en/cookie-policy/">Cookie policy</a>
+                </div>
+            </div>
+        </div>
+        <hr>
+        <div class="footer-bottom">
+            <p>© 2026 MSOS. All rights reserved.</p>
+            <div class="legal-links">
+                <a href="../../en/privacy-policy/">Privacy policy</a>
+                <a href="../../en/cookie-policy/">Cookie policy</a>
+            </div>
+        </div>
+    </div>
+    <script src="../../main.js"></script>
+</footer>
+<!-- END_FOOTER -->
+    <script src="../../member-form.js"></script>
+
+</body>
+</html>
diff --git a/en/blog/index.html b/en/blog/index.html
index 6c7a51d0..e4cf5acb 100644
--- a/en/blog/index.html
+++ b/en/blog/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/cookie-policy/index.html b/en/cookie-policy/index.html
index e651ae47..10bccb92 100644
--- a/en/cookie-policy/index.html
+++ b/en/cookie-policy/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/faq/index.html b/en/faq/index.html
index 6b5cce44..e946403c 100644
--- a/en/faq/index.html
+++ b/en/faq/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-macedonia/a-table-full-of-macedonia/index.html b/en/get-to-know-macedonia/a-table-full-of-macedonia/index.html
index dbcfb446..6f1f3473 100644
--- a/en/get-to-know-macedonia/a-table-full-of-macedonia/index.html
+++ b/en/get-to-know-macedonia/a-table-full-of-macedonia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-macedonia/history-you-can-still-walk-through/index.html b/en/get-to-know-macedonia/history-you-can-still-walk-through/index.html
index 67cd4b82..3134b270 100644
--- a/en/get-to-know-macedonia/history-you-can-still-walk-through/index.html
+++ b/en/get-to-know-macedonia/history-you-can-still-walk-through/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-macedonia/index.html b/en/get-to-know-macedonia/index.html
index c428b1d5..1ccc473e 100644
--- a/en/get-to-know-macedonia/index.html
+++ b/en/get-to-know-macedonia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html b/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
index 3acc5730..ce45c2a2 100644
--- a/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
+++ b/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html b/en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
index 2dbdd10b..70e040cd 100644
--- a/en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
+++ b/en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html b/en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
index 58d3d033..97e9d731 100644
--- a/en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
+++ b/en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-macedonia/welcome-to-macedonia/index.html b/en/get-to-know-macedonia/welcome-to-macedonia/index.html
index 35ca82a7..99a56232 100644
--- a/en/get-to-know-macedonia/welcome-to-macedonia/index.html
+++ b/en/get-to-know-macedonia/welcome-to-macedonia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html b/en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
index 6da6780f..9fadc555 100644
--- a/en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
+++ b/en/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-slovenia/index.html b/en/get-to-know-slovenia/index.html
index 26b38dc6..53b25790 100644
--- a/en/get-to-know-slovenia/index.html
+++ b/en/get-to-know-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html b/en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
index 37a4d98a..e4fcb605 100644
--- a/en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
+++ b/en/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html b/en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
index 0efba2f8..192df2e8 100644
--- a/en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
+++ b/en/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html b/en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
index fae17009..395b3860 100644
--- a/en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
+++ b/en/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html b/en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
index 8bb5abde..ec2e1e39 100644
--- a/en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
+++ b/en/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/get-to-know-slovenia/welcome-to-slovenia/index.html b/en/get-to-know-slovenia/welcome-to-slovenia/index.html
index 675c7fb6..9149e1bd 100644
--- a/en/get-to-know-slovenia/welcome-to-slovenia/index.html
+++ b/en/get-to-know-slovenia/welcome-to-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/index.html b/en/index.html
index 59cf7f3f..8a104faa 100644
--- a/en/index.html
+++ b/en/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
@@ -183,7 +183,7 @@
                     <h1>Empowering young people with skills to change the world</h1>
                     <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>
+                <a href="../en/become-a-member/" class="btn btn-primary-orange">Become a member</a>
             </div>
         </section>
 
@@ -249,7 +249,7 @@
                         <li>Education & Culture</li>
                         <li>Student Representation</li>
                     </ul>
-                    <button class="btn btn-primary-orange">Become a member</button>
+                    <a href="../en/become-a-member/" class="btn btn-primary-orange">Become a member</a>
                 </div>
                 <div class="activity-details">
                     <p>We know moving to a new country can feel overwhelming, so we’re here to make it easier. From helping you with university applications to finding your way around student life in Slovenia, you can always count on us. We offer free consultations, answer your questions on Instagram and Facebook (yes, even late at night), and host events where you can meet others and hear real experiences first-hand. With mentorship, info sessions, and a friendly community by your side, you’ll never have to go through the journey alone.</p>
diff --git a/en/news/index.html b/en/news/index.html
index bbd9bd59..178ec9ad 100644
--- a/en/news/index.html
+++ b/en/news/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/privacy-policy/index.html b/en/privacy-policy/index.html
index b2ddd1b9..8220fceb 100644
--- a/en/privacy-policy/index.html
+++ b/en/privacy-policy/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/humanitarian-tournament-in-maribor/index.html b/en/projects/humanitarian-tournament-in-maribor/index.html
index cf7965a4..5b02545c 100644
--- a/en/projects/humanitarian-tournament-in-maribor/index.html
+++ b/en/projects/humanitarian-tournament-in-maribor/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/in-memory-of-frosina-kulakova/index.html b/en/projects/in-memory-of-frosina-kulakova/index.html
index 12e03027..be3f281f 100644
--- a/en/projects/in-memory-of-frosina-kulakova/index.html
+++ b/en/projects/in-memory-of-frosina-kulakova/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/in-memory-of-the-kochani-victims/index.html b/en/projects/in-memory-of-the-kochani-victims/index.html
index 72d80b30..f0132c2a 100644
--- a/en/projects/in-memory-of-the-kochani-victims/index.html
+++ b/en/projects/in-memory-of-the-kochani-victims/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/index.html b/en/projects/index.html
index a7d8bb57..be62c1d1 100644
--- a/en/projects/index.html
+++ b/en/projects/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/macedonian-student-night-in-ljubljana/index.html b/en/projects/macedonian-student-night-in-ljubljana/index.html
index d1627e25..d4da603f 100644
--- a/en/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/en/projects/macedonian-student-night-in-ljubljana/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
index 2500ad8e..bc8ee4b9 100644
--- a/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
+++ b/en/projects/makedonska-studentska-vecer-vo-ljubljana/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/meet-student-slovenia-2023/index.html b/en/projects/meet-student-slovenia-2023/index.html
index 1fee64fc..e8b7bdad 100644
--- a/en/projects/meet-student-slovenia-2023/index.html
+++ b/en/projects/meet-student-slovenia-2023/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/meet-student-slovenia-2024/index.html b/en/projects/meet-student-slovenia-2024/index.html
index b4314005..a5a02ba0 100644
--- a/en/projects/meet-student-slovenia-2024/index.html
+++ b/en/projects/meet-student-slovenia-2024/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/morning-coffee-in-front-of-ctk/index.html b/en/projects/morning-coffee-in-front-of-ctk/index.html
index 82b80912..54b2525f 100644
--- a/en/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/en/projects/morning-coffee-in-front-of-ctk/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/paint-and-wine-at-sunset/index.html b/en/projects/paint-and-wine-at-sunset/index.html
index b7b01043..1a7feacd 100644
--- a/en/projects/paint-and-wine-at-sunset/index.html
+++ b/en/projects/paint-and-wine-at-sunset/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/projects/watching-handball-together-in-slovenia/index.html b/en/projects/watching-handball-together-in-slovenia/index.html
index 15da400e..8812d211 100644
--- a/en/projects/watching-handball-together-in-slovenia/index.html
+++ b/en/projects/watching-handball-together-in-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/academic-life/index.html b/en/student-welcome-guide/academic-life/index.html
index a63ea72c..74889f16 100644
--- a/en/student-welcome-guide/academic-life/index.html
+++ b/en/student-welcome-guide/academic-life/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/administrative-basics/index.html b/en/student-welcome-guide/administrative-basics/index.html
index 796e0034..321b3bb5 100644
--- a/en/student-welcome-guide/administrative-basics/index.html
+++ b/en/student-welcome-guide/administrative-basics/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/admission-and-enrolment/index.html b/en/student-welcome-guide/admission-and-enrolment/index.html
index cb922573..bc4e80ef 100644
--- a/en/student-welcome-guide/admission-and-enrolment/index.html
+++ b/en/student-welcome-guide/admission-and-enrolment/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/application-deadlines/index.html b/en/student-welcome-guide/application-deadlines/index.html
index 0f2497a4..a693a616 100644
--- a/en/student-welcome-guide/application-deadlines/index.html
+++ b/en/student-welcome-guide/application-deadlines/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/arrival-checklist/index.html b/en/student-welcome-guide/arrival-checklist/index.html
index 74a436cc..64c6c9a8 100644
--- a/en/student-welcome-guide/arrival-checklist/index.html
+++ b/en/student-welcome-guide/arrival-checklist/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/bachelor-application/index.html b/en/student-welcome-guide/bachelor-application/index.html
index a150ee0b..3c455cf9 100644
--- a/en/student-welcome-guide/bachelor-application/index.html
+++ b/en/student-welcome-guide/bachelor-application/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/choose-a-programme/index.html b/en/student-welcome-guide/choose-a-programme/index.html
index 5af0253a..e82636de 100644
--- a/en/student-welcome-guide/choose-a-programme/index.html
+++ b/en/student-welcome-guide/choose-a-programme/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/complete-student-journey/index.html b/en/student-welcome-guide/complete-student-journey/index.html
index 4fc9ad54..daec4334 100644
--- a/en/student-welcome-guide/complete-student-journey/index.html
+++ b/en/student-welcome-guide/complete-student-journey/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/document-preparation/index.html b/en/student-welcome-guide/document-preparation/index.html
index c9056517..e097b514 100644
--- a/en/student-welcome-guide/document-preparation/index.html
+++ b/en/student-welcome-guide/document-preparation/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/evs-application-guide/index.html b/en/student-welcome-guide/evs-application-guide/index.html
index 41879aea..f2a1f25b 100644
--- a/en/student-welcome-guide/evs-application-guide/index.html
+++ b/en/student-welcome-guide/evs-application-guide/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/healthcare-in-slovenia/index.html b/en/student-welcome-guide/healthcare-in-slovenia/index.html
index 44773b4d..3ebaae13 100644
--- a/en/student-welcome-guide/healthcare-in-slovenia/index.html
+++ b/en/student-welcome-guide/healthcare-in-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/index.html b/en/student-welcome-guide/index.html
index 12fc906c..11ab7b7e 100644
--- a/en/student-welcome-guide/index.html
+++ b/en/student-welcome-guide/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/master-application/index.html b/en/student-welcome-guide/master-application/index.html
index bebc8bd9..cc08a129 100644
--- a/en/student-welcome-guide/master-application/index.html
+++ b/en/student-welcome-guide/master-application/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/means-accommodation-address/index.html b/en/student-welcome-guide/means-accommodation-address/index.html
index fcfbe03c..d078873e 100644
--- a/en/student-welcome-guide/means-accommodation-address/index.html
+++ b/en/student-welcome-guide/means-accommodation-address/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/my-route/index.html b/en/student-welcome-guide/my-route/index.html
index d80523de..756ff900 100644
--- a/en/student-welcome-guide/my-route/index.html
+++ b/en/student-welcome-guide/my-route/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/official-sources-and-checklists/index.html b/en/student-welcome-guide/official-sources-and-checklists/index.html
index 50409c14..fb612156 100644
--- a/en/student-welcome-guide/official-sources-and-checklists/index.html
+++ b/en/student-welcome-guide/official-sources-and-checklists/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/prepare-to-move/index.html b/en/student-welcome-guide/prepare-to-move/index.html
index 212ac01f..76323f9e 100644
--- a/en/student-welcome-guide/prepare-to-move/index.html
+++ b/en/student-welcome-guide/prepare-to-move/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/recognition-of-education/index.html b/en/student-welcome-guide/recognition-of-education/index.html
index c80d5a70..f940588e 100644
--- a/en/student-welcome-guide/recognition-of-education/index.html
+++ b/en/student-welcome-guide/recognition-of-education/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/renew-change-graduate/index.html b/en/student-welcome-guide/renew-change-graduate/index.html
index cb308321..621932e3 100644
--- a/en/student-welcome-guide/renew-change-graduate/index.html
+++ b/en/student-welcome-guide/renew-change-graduate/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/rm-si-3-health-insurance/index.html b/en/student-welcome-guide/rm-si-3-health-insurance/index.html
index 8986c6b6..8a2783a0 100644
--- a/en/student-welcome-guide/rm-si-3-health-insurance/index.html
+++ b/en/student-welcome-guide/rm-si-3-health-insurance/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/student-accommodation/index.html b/en/student-welcome-guide/student-accommodation/index.html
index 22551def..142e8236 100644
--- a/en/student-welcome-guide/student-accommodation/index.html
+++ b/en/student-welcome-guide/student-accommodation/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/student-budget/index.html b/en/student-welcome-guide/student-budget/index.html
index 054b671d..2d169c7b 100644
--- a/en/student-welcome-guide/student-budget/index.html
+++ b/en/student-welcome-guide/student-budget/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/student-meals/index.html b/en/student-welcome-guide/student-meals/index.html
index 8a50a80a..87e4d635 100644
--- a/en/student-welcome-guide/student-meals/index.html
+++ b/en/student-welcome-guide/student-meals/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/student-organisations-and-extracurriculars/index.html b/en/student-welcome-guide/student-organisations-and-extracurriculars/index.html
index ceeb6781..1d633847 100644
--- a/en/student-welcome-guide/student-organisations-and-extracurriculars/index.html
+++ b/en/student-welcome-guide/student-organisations-and-extracurriculars/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/student-residence-permit/index.html b/en/student-welcome-guide/student-residence-permit/index.html
index 0fd6dbbf..b3c7d906 100644
--- a/en/student-welcome-guide/student-residence-permit/index.html
+++ b/en/student-welcome-guide/student-residence-permit/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/student-transport/index.html b/en/student-welcome-guide/student-transport/index.html
index d1166e65..02104c54 100644
--- a/en/student-welcome-guide/student-transport/index.html
+++ b/en/student-welcome-guide/student-transport/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/student-work/index.html b/en/student-welcome-guide/student-work/index.html
index 09a6d346..f7083ef7 100644
--- a/en/student-welcome-guide/student-work/index.html
+++ b/en/student-welcome-guide/student-work/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/study-cities/index.html b/en/student-welcome-guide/study-cities/index.html
index 46447835..8fa91cb5 100644
--- a/en/student-welcome-guide/study-cities/index.html
+++ b/en/student-welcome-guide/study-cities/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/tuition-and-scholarships/index.html b/en/student-welcome-guide/tuition-and-scholarships/index.html
index 51eb5bca..e6977ccb 100644
--- a/en/student-welcome-guide/tuition-and-scholarships/index.html
+++ b/en/student-welcome-guide/tuition-and-scholarships/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/visa-and-residence-explained/index.html b/en/student-welcome-guide/visa-and-residence-explained/index.html
index a94c5cda..5ef6d23d 100644
--- a/en/student-welcome-guide/visa-and-residence-explained/index.html
+++ b/en/student-welcome-guide/visa-and-residence-explained/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/wellbeing-and-community/index.html b/en/student-welcome-guide/wellbeing-and-community/index.html
index e1299bbf..3049e58d 100644
--- a/en/student-welcome-guide/wellbeing-and-community/index.html
+++ b/en/student-welcome-guide/wellbeing-and-community/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/student-welcome-guide/where-to-apply-for-residence/index.html b/en/student-welcome-guide/where-to-apply-for-residence/index.html
index dea6fd6c..ac845c2a 100644
--- a/en/student-welcome-guide/where-to-apply-for-residence/index.html
+++ b/en/student-welcome-guide/where-to-apply-for-residence/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/en/timeline-and-milestones/index.html b/en/timeline-and-milestones/index.html
index 8c3e633c..f1e7fb50 100644
--- a/en/timeline-and-milestones/index.html
+++ b/en/timeline-and-milestones/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Become a member</button>
+                <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
                 <button class="btn btn-primary">Donate</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Become a member</button>
+        <a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
         <button class="btn btn-primary">Donate</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/member-form.js b/member-form.js
new file mode 100644
index 00000000..d479ed91
--- /dev/null
+++ b/member-form.js
@@ -0,0 +1,166 @@
+/* ==========================================================================
+   Become a Member — multi-step form logic + animated counters.
+   No dependencies. Submission posts to a Google Form once wired (GOOGLE_FORM
+   below); until then it logs the payload and still shows the success screen.
+   ========================================================================== */
+(function () {
+    /* ---- animated counters ---- */
+    var nums = [].slice.call(document.querySelectorAll('.mm-num-value[data-count]'));
+    if (nums.length && 'IntersectionObserver' in window) {
+        var io = new IntersectionObserver(function (entries) {
+            entries.forEach(function (en) {
+                if (!en.isIntersecting) return;
+                io.unobserve(en.target);
+                var el = en.target, target = parseInt(el.getAttribute('data-count'), 10) || 0, suf = el.getAttribute('data-suffix') || '';
+                var start = null, dur = 1400;
+                function tick(ts) {
+                    if (!start) start = ts;
+                    var p = Math.min((ts - start) / dur, 1);
+                    el.textContent = Math.floor(p * target).toLocaleString() + (p === 1 ? suf : '');
+                    if (p < 1) requestAnimationFrame(tick);
+                }
+                requestAnimationFrame(tick);
+            });
+        }, { threshold: 0.4 });
+        nums.forEach(function (n) { io.observe(n); });
+    }
+
+    /* ---- multi-step form ---- */
+    var form = document.querySelector('.ms-form');
+    if (!form) return;
+    var section = form.closest('.ms-section');
+    var success = section.querySelector('.ms-success');
+    var progress = form.querySelector('.ms-progress');
+    var bar = form.querySelector('.ms-progress-bar');
+    var ptext = form.querySelector('.ms-progress-text');
+    var alertBox = form.querySelector('.ms-alert');
+    var back = form.querySelector('.ms-back');
+    var next = form.querySelector('.ms-next');
+    var submit = form.querySelector('.ms-submit');
+    var STEP = progress.getAttribute('data-step'), OF = progress.getAttribute('data-of');
+
+    var steps = {};
+    [].slice.call(form.querySelectorAll('.ms-step')).forEach(function (s) { steps[s.getAttribute('data-step')] = s; });
+    var FLOWS = {
+        student: ['path', 's-basic', 's-status', 's-intention', 's-interests', 's-city', 's-personal', 's-consent'],
+        supporter: ['path', 'p-basic', 'p-support', 'p-message', 'p-consent']
+    };
+    var state = { path: null, order: ['path'], idx: 0 };
+
+    // single-select radio groups (status, city)
+    [].slice.call(form.querySelectorAll('.ms-radios')).forEach(function (group) {
+        [].slice.call(group.querySelectorAll('.ms-radio')).forEach(function (btn) {
+            btn.addEventListener('click', function () {
+                [].slice.call(group.querySelectorAll('.ms-radio')).forEach(function (b) { b.classList.remove('is-selected'); });
+                btn.classList.add('is-selected');
+                var step = group.closest('.ms-step'), val = btn.getAttribute('data-value');
+                [].slice.call(step.querySelectorAll('.ms-cond')).forEach(function (c) { c.hidden = c.getAttribute('data-when') !== val; });
+                [].slice.call(step.querySelectorAll('.ms-msg')).forEach(function (m) {
+                    var w = m.getAttribute('data-when');
+                    m.hidden = !(w === '*any' || w === val);
+                });
+            });
+        });
+    });
+
+    // multi-select chip groups (intention, interests, support)
+    [].slice.call(form.querySelectorAll('.ms-multi')).forEach(function (group) {
+        [].slice.call(group.querySelectorAll('.ms-chip')).forEach(function (chip) {
+            chip.addEventListener('click', function () {
+                chip.classList.toggle('is-selected');
+                var step = group.closest('.ms-step');
+                [].slice.call(step.querySelectorAll('.ms-msg')).forEach(function (m) {
+                    var sel = group.querySelector('.ms-chip[data-value="' + m.getAttribute('data-when') + '"]');
+                    if (sel) m.hidden = !sel.classList.contains('is-selected');
+                });
+            });
+        });
+    });
+
+    // path choice
+    [].slice.call(form.querySelectorAll('.ms-path')).forEach(function (p) {
+        p.addEventListener('click', function () {
+            state.path = p.getAttribute('data-path');
+            [].slice.call(form.querySelectorAll('.ms-path')).forEach(function (x) { x.classList.remove('is-selected'); });
+            p.classList.add('is-selected');
+            state.order = FLOWS[state.path];
+            state.idx = 1;
+            progress.hidden = false;
+            render();
+        });
+    });
+
+    function render() {
+        Object.keys(steps).forEach(function (k) { steps[k].hidden = (k !== state.order[state.idx]); });
+        var total = state.order.length;
+        bar.style.width = ((state.idx + 1) / total * 100) + '%';
+        ptext.textContent = STEP + ' ' + (state.idx + 1) + ' ' + OF + ' ' + total;
+        back.hidden = state.idx === 0;
+        var last = state.idx === total - 1;
+        var onPath = state.order[state.idx] === 'path';
+        next.hidden = last || onPath;
+        submit.hidden = !last;
+        if (last) submit.textContent = state.path === 'student' ? submit.getAttribute('data-student') : submit.getAttribute('data-supporter');
+        alertBox.hidden = true;
+    }
+
+    function validate() {
+        var step = steps[state.order[state.idx]], ok = true;
+        [].slice.call(step.querySelectorAll('[data-required="1"]')).forEach(function (el) {
+            if (el.closest('.ms-cond') && el.closest('.ms-cond').hidden) return;
+            if (el.classList.contains('ms-radios')) { if (!el.querySelector('.ms-radio.is-selected')) ok = false; }
+            else if (el.type === 'checkbox') { if (!el.checked) ok = false; }
+            else if (el.type === 'email') { if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(el.value)) ok = false; }
+            else { if (!el.value || !el.value.trim()) ok = false; }
+        });
+        return ok;
+    }
+
+    next.addEventListener('click', function () {
+        if (!validate()) { alertBox.hidden = false; return; }
+        if (state.idx < state.order.length - 1) { state.idx++; render(); form.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
+    });
+    back.addEventListener('click', function () {
+        if (state.idx > 0) { state.idx--; render(); }
+    });
+
+    function collect() {
+        var d = { type: state.path };
+        [].slice.call(form.querySelectorAll('[data-name]')).forEach(function (el) {
+            if (el.closest('.ms-cond') && el.closest('.ms-cond').hidden) return;
+            var name = el.getAttribute('data-name');
+            if (el.classList.contains('ms-radios')) { var s = el.querySelector('.ms-radio.is-selected'); if (s) d[name] = s.getAttribute('data-value'); }
+            else if (el.classList.contains('ms-multi')) { var sel = [].slice.call(el.querySelectorAll('.ms-chip.is-selected')).map(function (c) { return c.getAttribute('data-value'); }); if (sel.length) d[name] = sel.join(', '); }
+            else if (el.type === 'checkbox') { d[name] = el.checked ? 'yes' : 'no'; }
+            else if (el.value && el.value.trim()) { d[name] = el.value.trim(); }
+        });
+        return d;
+    }
+
+    // Wire to a Google Form: set action + entry IDs (see MEMBERSHIP_FORM_SETUP).
+    var GOOGLE_FORM = { action: '', fields: {} };
+    function sendToForm(d) {
+        if (!GOOGLE_FORM.action) { console.log('[MSOS membership] not wired yet, payload:', d); return; }
+        var params = new URLSearchParams();
+        Object.keys(GOOGLE_FORM.fields).forEach(function (k) { if (d[k]) params.append(GOOGLE_FORM.fields[k], d[k]); });
+        if (GOOGLE_FORM.fields.summary) {
+            var lines = Object.keys(d).map(function (k) { return k + ': ' + d[k]; }).join('\n');
+            params.set(GOOGLE_FORM.fields.summary, lines);
+        }
+        try { fetch(GOOGLE_FORM.action, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: params.toString() }); } catch (e) { }
+    }
+
+    submit.addEventListener('click', function () {
+        if (!validate()) { alertBox.hidden = false; return; }
+        var d = collect();
+        sendToForm(d);
+        form.hidden = true;
+        var t = success.querySelector('.ms-success-title'), p = success.querySelector('.ms-success-text');
+        t.textContent = d.type === 'student' ? t.getAttribute('data-student-title') : t.getAttribute('data-supporter-title');
+        p.textContent = d.type === 'student' ? p.getAttribute('data-student-text') : p.getAttribute('data-supporter-text');
+        success.hidden = false;
+        success.scrollIntoView({ behavior: 'smooth', block: 'center' });
+    });
+
+    render();
+})();
diff --git a/mk/become-a-member/index.html b/mk/become-a-member/index.html
new file mode 100644
index 00000000..d8e92471
--- /dev/null
+++ b/mk/become-a-member/index.html
@@ -0,0 +1,574 @@
+<!DOCTYPE html>
+<html lang="mk">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Стани член - MSOS</title>
+    
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Font Awesome (for icons) -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <!-- Поврзување до главната CSS-датотека -->
+    <link rel="stylesheet" href="../../css/main.css">
+</head>
+<body>
+
+    <!-- START_HEADER -->
+<header class="dropdown-header-navigation">
+    <div class="container">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../mk/" class="logo-link">
+            <img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За нас</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Времеплов и достигнувања</a></li>
+                            <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Што работиме</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../mk/projects/">Настани и проекти</a></li>
+                            <li><a href="../../mk/blog/">Блог</a></li>
+                            <li><a href="#">Галерија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Вклучи се</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Стани член</a></li>
+                            <li><a href="#">Поддржи ја МСОС</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">За студенти</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../mk/student-welcome-guide/">Водич за добредојде</a></li>
+                            <li><a href="../../mk/faq/">Често поставувани прашања</a></li>
+                            <li><a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
+                            <li><a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Новости</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../mk/news/">Вести и соопштенија</a></li>
+                            <li><a href="#">Соопштенија за медиуми</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+            <div class="navigation-actions">
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
+                <button class="btn btn-primary">Донирај</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">МК</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
+</header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За нас</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Времеплов и достигнувања</a></li>
+                    <li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Што работиме</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../mk/projects/">Настани и проекти</a></li>
+                    <li><a href="../../mk/blog/">Блог</a></li>
+                    <li><a href="#">Галерија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Вклучи се</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Стани член</a></li>
+                    <li><a href="#">Поддржи ја МСОС</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">За студенти</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../mk/student-welcome-guide/">Водич за добредојде</a></li>
+                    <li><a href="../../mk/faq/">Често поставувани прашања</a></li>
+                    <li><a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a></li>
+                    <li><a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Новости</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../mk/news/">Вести и соопштенија</a></li>
+                    <li><a href="#">Соопштенија за медиуми</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
+        <button class="btn btn-primary">Донирај</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>МК</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro na jazik (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Избери јазик</h3>
+            <button id="language-modal-close" aria-label="Затвори избор на јазик">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+        </div>
+    </div>
+</div>
+<!-- END_HEADER -->
+
+    <main class="member-page">
+        <section class="mm-hero">
+            <div class="mm-hero-text">
+                <span class="mm-eyebrow">Стани член</span>
+                <h1>Најди ги своите луѓе во Словенија</h1>
+                <p class="mm-hero-lead">Запознај луѓе, доаѓај на настани, добиј поддршка, создавај проекти и стани дел од македонската студентска заедница низ Словенија.</p>
+                <div class="mm-hero-cta">
+                    <a class="btn btn-primary-orange" href="#join-form">Стани член</a>
+                    <a class="btn btn-secondary" href="#showcase">Види што работиме</a>
+                </div>
+                <div class="mm-tags"><span class="mm-tag">Заедница</span><span class="mm-tag">Настани</span><span class="mm-tag">Поддршка</span><span class="mm-tag">Проекти</span><span class="mm-tag">Пријатели</span><span class="mm-tag">Можности</span></div>
+            </div>
+            <div class="mm-hero-collage"><div class="mm-hero-photo mm-hero-photo--1"><img src="../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--2"><img src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--3"><img src="../../images/handball-2025-1.png" alt="Навивање за Македонија, заедничко гледање ракомет во Словенија" loading="eager"></div></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Зошто да станеш член?</h2>
+            <div class="mm-benefits">
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-people-group" aria-hidden="true"></i></div>
+                    <h3>Најди ги своите луѓе</h3><p>Запознај македонски студенти низ Словенија и создади пријателства надвор од предавалната.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i></div>
+                    <h3>Почувствувај поддршка</h3><p>Добиј практична помош, локално знаење и заедница што разбира што значи студирање во странство.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-champagne-glasses" aria-hidden="true"></i></div>
+                    <h3>Доаѓај на незаборавни настани</h3><p>Друженија, културни настани, спорт, излети, работилници и студентски собири.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-screwdriver-wrench" aria-hidden="true"></i></div>
+                    <h3>Стекни искуство</h3><p>Развивај вештини преку волонтирање, комуникација, проектна работа и организација на настани.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-lightbulb" aria-hidden="true"></i></div>
+                    <h3>Создади нешто значајно</h3><p>Донеси идеи, приклучи се на проекти и помогни да се обликуваат активностите за заедницата.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Прошири ја својата мрежа</h3><p>Запознај студенти, алумни, професионалци, институции и партнери.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-house-heart" aria-hidden="true"></i></div>
+                    <h3>Почувствувај се како дома</h3><p>Припаѓај на заедница каде никогаш не мораш да објаснуваш од каде доаѓаш.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-numbers-section">
+            <h2 class="mm-h2 mm-h2--light">МСОС во бројки</h2>
+            <div class="mm-numbers">
+                <div class="mm-num"><span class="mm-num-value" data-count="120" data-suffix="+">0</span><span class="mm-num-label">активни членови</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="50" data-suffix="+">0</span><span class="mm-num-label">настани и активности</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="2500" data-suffix="+">0</span><span class="mm-num-label">учесници</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="20" data-suffix="+">0</span><span class="mm-num-label">партнери</span></div>
+            </div>
+            <p class="mm-note">Бројки за потврда пред објава.</p>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Има повеќе начини да бидеш дел од МСОС</h2>
+            <p class="mm-lead">Не мора да организираш настани или да водиш за да припаѓаш. Приклучи се на начин што ти одговара.</p>
+            <div class="mm-ways">
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-envelope-open-text" aria-hidden="true"></i></div>
+                    <h3>Остани поврзан</h3><p>Примај новости и знај што се случува.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
+                    <h3>Приклучи се на заедницата</h3><p>Доаѓај на настани, запознавај луѓе и учествувај кога ти одговара.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
+                    <h3>Волонтирај повремено</h3><p>Помагај на избрани активности без долгорочна обврска.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Приклучи се на проекти</h3><p>Придонеси на конкретни иницијативи, кампањи, водичи или соработки.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
+                    <h3>Организирај настани</h3><p>Помагај да се планираат, координираат, промовираат и реализираат активности.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
+                    <h3>Преземи одговорност</h3><p>Истражи лидерство, управување, застапување или улоги во локален тим.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Како всушност изгледа да си дел од МСОС</h2>
+            <div class="mm-reals">
+                <a class="mm-real" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-real-media"><img src="../../images/event4-img-1.webp" alt="Почни на настан за добредојде" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Почни на настан за добредојде</h3><p>Запознај ја заедницата уште од првите недели во Словенија.</p><span class="mm-real-link">Прочитај ја приказната <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-real-media"><img src="../../images/msnl-1.webp" alt="Уживај на студентска ноќ" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Уживај на студентска ноќ</h3><p>Музика, пријатели и вечер што е како дома.</p><span class="mm-real-link">Прочитај ја приказната <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-real-media"><img src="../../images/maribor-tournament-1.png" alt="Придонесете заедно" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Придонесете заедно</h3><p>Учествувај во хуманитарни активности што помагаат на другите.</p><span class="mm-real-link">Прочитај ја приказната <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-real-media"><img src="../../images/handball-2025-1.png" alt="Навивајте заедно" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Навивајте заедно</h3><p>Спорт, енергија и припадност, каде и да студираш.</p><span class="mm-real-link">Прочитај ја приказната <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Зошто студентите се приклучија и зошто останаа</h2>
+            <div class="mm-tests">
+                <figure class="mm-test">
+                    <blockquote>Се приклучив затоа што сакав да запознаам луѓе. Останав затоа што МСОС стана дел од мојот живот во Словенија.</blockquote>
+                    <figcaption><strong>Ana</strong><span>Студентка, Љубљана</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>Кога се преселив во Словенија, не знаев од каде да почнам. Преку МСОС најдов поддршка, пријатели и можности.</blockquote>
+                    <figcaption><strong>Marko</strong><span>Студент, Марибор</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>Тимската работа ме научи повеќе од која било предавална. Организирав настани, запознав партнери и многу пораснав.</blockquote>
+                    <figcaption><strong>Elena</strong><span>Волонтерка, Копер</span></figcaption>
+                </figure>
+            </div>
+            <p class="mm-note mm-note--center">Примерни цитати за замена со вистински.</p>
+        </section>
+
+        <section class="mm-section" id="showcase">
+            <h2 class="mm-h2">Види го МСОС во акција</h2>
+            <div class="mm-shows">
+                <a class="mm-show" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-show-media"><img src="../../images/event4-img-1.webp" alt="Запознај ја студентска Словенија 2024" loading="lazy"></div>
+                    <h3>Запознај ја студентска Словенија 2024</h3>
+                </a>
+                <a class="mm-show" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-show-media"><img src="../../images/msnl-1.webp" alt="Македонска студентска вечер во Љубљана" loading="lazy"></div>
+                    <h3>Македонска студентска вечер во Љубљана</h3>
+                </a>
+                <a class="mm-show" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-show-media"><img src="../../images/maribor-tournament-1.png" alt="Хуманитарен спортски турнир: Играме со срце, заедно за Кочани" loading="lazy"></div>
+                    <h3>Хуманитарен спортски турнир: Играме со срце, заедно за Кочани</h3>
+                </a>
+                <a class="mm-show" href="../projects/paint-and-wine-at-sunset/">
+                    <div class="mm-show-media"><img src="../../images/paint-wine-1.jpg" alt="Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика" loading="lazy"></div>
+                    <h3>Сликање и вино на зајдисонце, славење на Денот на жената со уметност и музика</h3>
+                </a>
+                <a class="mm-show" href="../projects/morning-coffee-in-front-of-ctk/">
+                    <div class="mm-show-media"><img src="../../images/event4-image1.webp" alt="Утринско кафе пред ЦТК, 2024: Кафе, бурек и многу насмевки" loading="lazy"></div>
+                    <h3>Утринско кафе пред ЦТК, 2024: Кафе, бурек и многу насмевки</h3>
+                </a>
+                <a class="mm-show" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-show-media"><img src="../../images/handball-2025-1.png" alt="Навивање за Македонија, заедничко гледање ракомет во Словенија" loading="lazy"></div>
+                    <h3>Навивање за Македонија, заедничко гледање ракомет во Словенија</h3>
+                </a>
+            </div>
+            <div class="mm-center"><a class="btn btn-secondary" href="../news/">Сите настани и проекти</a></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Тука има место за тебе</h2>
+            <div class="mm-who">
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-graduation-cap" aria-hidden="true"></i></div><h3>За студенти</h3><p>Сегашни и идни студенти, додипломски и магистерски, во секој словенечки студентски град.</p><a class="mm-who-link" href="#join-form">Јас сум студент <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-handshake-angle" aria-hidden="true"></i></div><h3>За поддржувачи</h3><p>Не мора да си студент за да ја поддржиш заедницата. Придонеси со знаење, партнерства, менторство, волонтирање, спонзорства, медиуми или корисни врски.</p><a class="mm-who-link" href="#join-form">Сакам да го поддржам МСОС <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+            </div>
+        </section>
+
+        <section class="ms-section" id="join-form">
+            <div class="ms-head">
+                <span class="ms-eyebrow">Формулар за членство</span>
+                <h2>Приклучи се за неколку минути</h2>
+                <p>Неколку пријателски прашања. Не мора сега да одлучиш колку активен сакаш да бидеш.</p>
+            </div>
+            <form class="ms-form" novalidate>
+                <div class="ms-progress" data-step="Чекор" data-of="од" hidden><div class="ms-progress-track"><div class="ms-progress-bar"></div></div><span class="ms-progress-text"></span></div>
+                <div class="ms-alert" hidden>Пополни ги задолжителните полиња.</div>
+
+                <div class="ms-step" data-step="path" data-flow="both">
+                    <h3>Како сакаш да се поврзеш со МСОС?</h3>
+                    <div class="ms-paths">
+                        <button type="button" class="ms-path" data-path="student"><i class="fas fa-graduation-cap" aria-hidden="true"></i><strong>Јас сум студент</strong></button>
+                        <button type="button" class="ms-path" data-path="supporter"><i class="fas fa-handshake-angle" aria-hidden="true"></i><strong>Сакам да го поддржам МСОС</strong></button>
+                    </div>
+                </div>
+
+                <div class="ms-step" data-step="s-basic" data-flow="student">
+                    <h3>Кажи ни кој си</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>Име *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Презиме *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Е-пошта *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Телефон (изборно)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Тековен град</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Претпочитан контакт</span><select data-name="contactPref"><option value="">Избери...</option><option value="email">Е-пошта</option><option value="whatsapp">WhatsApp</option><option value="phone">Телефон</option></select></label></div>
+                </div>
+                <div class="ms-step" data-step="s-status" data-flow="student">
+                    <h3>Каде си на твоето студентско патување?</h3>
+                    <div class="ms-radios" data-name="status" data-required="1">
+                        <button type="button" class="ms-radio" data-value="studying">Веќе студирам во Словенија</button>
+                        <button type="button" class="ms-radio" data-value="moving">Се подготвувам да се преселам во Словенија</button>
+                        <button type="button" class="ms-radio" data-value="exploring">Сè уште ги истражувам можностите</button>
+                        <button type="button" class="ms-radio" data-value="graduated">Неодамна дипломирав</button>
+                    </div>
+                    <div class="ms-cond" data-when="studying">
+                        <div class="ms-grid"><label class="ms-field"><span>Универзитет</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Факултет</span><input type="text" data-name="faculty" autocomplete="off"></label><label class="ms-field"><span>Студиска програма</span><input type="text" data-name="programme" autocomplete="off"></label><label class="ms-field"><span>Степен на студии</span><select data-name="level"><option value="">Избери...</option><option value="bachelor">Додипломски</option><option value="master">Магистерски</option></select></label><label class="ms-field"><span>Година на студии</span><input type="text" data-name="year" autocomplete="off"></label><label class="ms-field"><span>Град на студирање</span><select data-name="studyCity"><option value="">Избери...</option><option value="ljubljana">Љубљана</option><option value="maribor">Марибор</option><option value="koper">Копер и Приморска</option><option value="nova-gorica">Нова Горица и Горица</option><option value="celje">Целје</option><option value="other">Друго</option><option value="unsure">Сè уште не сум сигурен</option></select></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="moving">
+                        <div class="ms-grid"><label class="ms-field"><span>Универзитет</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Факултет или област на интерес</span><input type="text" data-name="field" autocomplete="off"></label><label class="ms-field"><span>Степен на студии</span><select data-name="level"><option value="">Избери...</option><option value="bachelor">Додипломски</option><option value="master">Магистерски</option></select></label><label class="ms-field"><span>Предвиден град</span><select data-name="intendedCity"><option value="">Избери...</option><option value="ljubljana">Љубљана</option><option value="maribor">Марибор</option><option value="koper">Копер и Приморска</option><option value="nova-gorica">Нова Горица и Горица</option><option value="celje">Целје</option><option value="other">Друго</option><option value="unsure">Сè уште не сум сигурен</option></select></label><label class="ms-field"><span>Предвидена академска година</span><input type="text" data-name="academicYear" autocomplete="off"></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="exploring">
+                        <div class="ms-grid"><label class="ms-field"><span>Области на интерес</span><input type="text" data-name="areas" autocomplete="off"></label><label class="ms-field"><span>Степен на студии</span><select data-name="level"><option value="">Избери...</option><option value="bachelor">Додипломски</option><option value="master">Магистерски</option></select></label></div>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-intention" data-flow="student">
+                    <h3>Што најмногу ти личи?</h3>
+                    <p class="ms-hint">Избери колку сакаш.</p>
+                    <div class="ms-multi" data-name="intention">
+                        <button type="button" class="ms-chip" data-value="meet">Сакам да запознавам луѓе</button>
+                        <button type="button" class="ms-chip" data-value="events">Сакам да доаѓам на настани</button>
+                        <button type="button" class="ms-chip" data-value="informed">Сакам да бидам информиран</button>
+                        <button type="button" class="ms-chip" data-value="support">Барам поддршка</button>
+                        <button type="button" class="ms-chip" data-value="volunteer">Сакам да волонтирам</button>
+                        <button type="button" class="ms-chip" data-value="organise">Сакам да помагам во организирање настани</button>
+                        <button type="button" class="ms-chip" data-value="projects">Сакам да се приклучам на проекти</button>
+                        <button type="button" class="ms-chip" data-value="experience">Сакам да стекнам искуство</button>
+                        <button type="button" class="ms-chip" data-value="leadership">Ме интересира лидерство</button>
+                        <button type="button" class="ms-chip" data-value="figuring">Сè уште размислувам</button>
+                    </div>
+                    <p class="ms-msg" data-when="leadership" hidden>Со задоволство би дознале повеќе за твоето искуство и видот одговорност што те интересира.</p>
+                    <p class="ms-msg" data-when="events" hidden>Одлично. Може да се приклучиш на заедницата без никаква формална одговорност.</p>
+                    <p class="ms-msg" data-when="figuring" hidden>Без притисок. Почни со тоа што ќе останеш поврзан, а подоцна одлучи колку сакаш да бидеш вклучен.</p>
+                </div>
+                <div class="ms-step" data-step="s-interests" data-flow="student">
+                    <h3>Во што би сакал да учествуваш?</h3>
+                    <p class="ms-hint">Избери колку сакаш.</p>
+                    <div class="ms-multi" data-name="interests">
+                        <button type="button" class="ms-chip" data-value="social">Друженија</button>
+                        <button type="button" class="ms-chip" data-value="cultural">Културни настани</button>
+                        <button type="button" class="ms-chip" data-value="sports">Спорт</button>
+                        <button type="button" class="ms-chip" data-value="support">Поддршка на студенти</button>
+                        <button type="button" class="ms-chip" data-value="creative">Креативни проекти</button>
+                        <button type="button" class="ms-chip" data-value="humanitarian">Хуманитарни активности</button>
+                        <button type="button" class="ms-chip" data-value="professional">Професионален развој</button>
+                        <button type="button" class="ms-chip" data-value="networking">Вмрежување</button>
+                        <button type="button" class="ms-chip" data-value="media">Медиуми и комуникација</button>
+                        <button type="button" class="ms-chip" data-value="design">Дизајн и содржина</button>
+                        <button type="button" class="ms-chip" data-value="partnerships">Партнерства</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Волонтирање</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-city" data-flow="student">
+                    <h3>Каде да те поврземе?</h3>
+                    <div class="ms-radios" data-name="connectCity">
+                        <button type="button" class="ms-radio" data-value="ljubljana">Љубљана</button>
+                        <button type="button" class="ms-radio" data-value="maribor">Марибор</button>
+                        <button type="button" class="ms-radio" data-value="koper">Копер и Приморска</button>
+                        <button type="button" class="ms-radio" data-value="nova-gorica">Нова Горица и Горица</button>
+                        <button type="button" class="ms-radio" data-value="celje">Целје</button>
+                        <button type="button" class="ms-radio" data-value="other">Друго</button>
+                        <button type="button" class="ms-radio" data-value="unsure">Сè уште не сум сигурен</button>
+                    </div>
+                    <p class="ms-msg" data-when="*any" hidden>Ќе те поврземе со најблиската заедница на МСОС.</p>
+                </div>
+                <div class="ms-step" data-step="s-personal" data-flow="student">
+                    <h3>Што би го направило МСОС вредно за тебе? (изборно)</h3>
+                    <textarea data-name="personal" rows="4" placeholder="Напиши што се надеваш дека ќе најдеш, научиш или доживееш."></textarea>
+                </div>
+                <div class="ms-step" data-step="s-consent" data-flow="student">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>Се согласувам МСОС да ме контактира во врска со мојата пријава.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Ја прочитав изјавата за приватност. (<a href="../privacy-policy/">изјавата за приватност</a>)</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentUpdates"> <span>Сакам да примам новости за настани и заедницата.</span></label>
+                </div>
+
+                <div class="ms-step" data-step="p-basic" data-flow="supporter">
+                    <h3>Кажи ни кој си</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>Име *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Презиме *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Е-пошта *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Телефон (изборно)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Тековен град</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Организација или компанија (изборно)</span><input type="text" data-name="org" autocomplete="off"></label><label class="ms-field"><span>Улога или професија (изборно)</span><input type="text" data-name="role" autocomplete="off"></label></div>
+                </div>
+                <div class="ms-step" data-step="p-support" data-flow="supporter">
+                    <h3>Како сакаш да го поддржиш МСОС?</h3>
+                    <p class="ms-hint">Избери колку сакаш.</p>
+                    <div class="ms-multi" data-name="support">
+                        <button type="button" class="ms-chip" data-value="partnerships">Партнерства</button>
+                        <button type="button" class="ms-chip" data-value="sponsorships">Спонзорства</button>
+                        <button type="button" class="ms-chip" data-value="mentorship">Менторство</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Волонтирање</button>
+                        <button type="button" class="ms-chip" data-value="expertise">Стручно знаење</button>
+                        <button type="button" class="ms-chip" data-value="media">Медиумска поддршка</button>
+                        <button type="button" class="ms-chip" data-value="events">Поддршка на настани</button>
+                        <button type="button" class="ms-chip" data-value="careers">Кариерни можности</button>
+                        <button type="button" class="ms-chip" data-value="connections">Врски во заедницата</button>
+                        <button type="button" class="ms-chip" data-value="venue">Простор или логистика</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="p-message" data-flow="supporter">
+                    <h3>Кажи ни како сакаш да придонесеш (изборно)</h3>
+                    <textarea data-name="contribution" rows="4" placeholder="Кратка белешка за тоа што можеш да понудиш или проект што ти е важен."></textarea>
+                </div>
+                <div class="ms-step" data-step="p-consent" data-flow="supporter">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>Се согласувам МСОС да ме контактира во врска со мојата пријава.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Ја прочитав изјавата за приватност. (<a href="../privacy-policy/">изјавата за приватност</a>)</span></label>
+                </div>
+
+                <div class="ms-nav">
+                    <button type="button" class="btn btn-secondary ms-back" hidden>Назад</button>
+                    <button type="button" class="btn btn-primary-orange ms-next" hidden>Продолжи</button>
+                    <button type="button" class="btn btn-primary-orange ms-submit" data-student="Приклучи се на МСОС" data-supporter="Поддржи го МСОС" hidden>Приклучи се на МСОС</button>
+                </div>
+            </form>
+
+            <div class="ms-success" hidden>
+                <div class="ms-success-icon"><i class="fas fa-circle-check" aria-hidden="true"></i></div>
+                <h3 class="ms-success-title"
+                    data-student-title="Добредојде во заедницата" data-supporter-title="Ти благодариме за поддршката на МСОС"></h3>
+                <p class="ms-success-text"
+                    data-student-text="Ти благодариме што ни се јави. Радуваме што ќе те запознаеме. Член на тимот на МСОС наскоро ќе те контактира." data-supporter-text="Го цениме твојот интерес за македонската студентска заедница во Словенија. Тимот ќе ја прегледа пораката и наскоро ќе те контактира."></p>
+                <p class="ms-success-next">Додека чекаш</p>
+                <div class="ms-success-links">
+                    <a class="btn btn-secondary" href="../news/">Истражи ги претстојните настани</a>
+                    <a class="btn btn-secondary" href="../student-welcome-guide/">Прочитај го студентскиот водич</a>
+                    <a class="btn btn-secondary" href="../projects/">Откриј ги неодамнешните проекти</a>
+                </div>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Добро е да се знае</h2>
+            <div class="mm-faqs">
+                <details class="mm-faq"><summary>Дали членството е само за студенти во Љубљана?</summary><div class="mm-faq-a"><p>Не. МСОС е за македонски студенти низ Словенија, вклучувајќи Марибор, Копер, Нова Горица, Целје и други градови.</p></div></details>
+                <details class="mm-faq"><summary>Дали можам да се приклучам пред да се преселам во Словенија?</summary><div class="mm-faq-a"><p>Да. Идните студенти може да се приклучат, да примаат новости и да се поврзат со луѓе пред пристигнувањето.</p></div></details>
+                <details class="mm-faq"><summary>Дали морам да бидам многу активен?</summary><div class="mm-faq-a"><p>Не. Може да доаѓаш на настани, да си информиран, повремено да волонтираш или подоцна да преземеш поголема улога.</p></div></details>
+                <details class="mm-faq"><summary>Дали има членарина?</summary><div class="mm-faq-a"><p>Да се потврди пред објава.</p></div></details>
+                <details class="mm-faq"><summary>Дали не-студенти можат да го поддржат МСОС?</summary><div class="mm-faq-a"><p>Да. Родители, алумни, професионалци, компании и други поддржувачи можат да придонесат со менторство, партнерства, спонзорства, знаење, волонтирање или корисни врски.</p></div></details>
+                <details class="mm-faq"><summary>Што се случува откако ќе го испратам формуларот?</summary><div class="mm-faq-a"><p>Тимот на МСОС ги прегледува твоите податоци и те контактира со следниот чекор.</p></div></details>
+                <details class="mm-faq"><summary>Дали можам подоцна да сменам колку сум активен?</summary><div class="mm-faq-a"><p>Да. Членовите можат да бидат повеќе или помалку активни според интересите и достапноста.</p></div></details>
+            </div>
+        </section>
+
+        <section class="mm-final">
+            <h2>Твојата студентска приказна во Словенија може да почне тука</h2>
+            <p>Без разлика дали бараш поддршка, пријателства, можности или чувство на припадност, МСОС со радост те прифаќа.</p>
+            <a class="btn btn-primary-orange" href="#join-form">Стани член</a>
+        </section>
+    </main>
+
+    <!-- START_FOOTER -->
+<footer>
+    <div class="footer-container">
+        <div class="footer-main">
+            <div class="footer-info">
+                <div class="footer-logo">
+                    <img src="../../images/13-whitelogo.png" alt="Логотип на Македонската студентска организација во Словенија">
+                </div>
+                <p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
+                <p>
+                    Masarykova cesta 24<br>
+                    1000 Ljubljana, Словенија<br>
+                    <a href="mailto:info@msosorg.com">info@msosorg.com</a>
+                </p>
+                <div class="social-icons">
+                    <a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
+                    <a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
+                    <a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
+                    <a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
+                </div>
+            </div>
+            <div class="footer-links">
+                <div class="links-column">
+                    <h4>Студентски водич</h4>
+                    <a href="../../mk/student-welcome-guide/">Студентски водич за добредојде</a>
+                    <a href="../../mk/student-welcome-guide/complete-student-journey/">Целосниот пат</a>
+                    <a href="../../mk/student-welcome-guide/application-deadlines/">Рокови за пријава</a>
+                    <a href="../../mk/student-welcome-guide/evs-application-guide/">Пријава преку eVŠ</a>
+                    <a href="../../mk/student-welcome-guide/student-residence-permit/">Дозвола за престој</a>
+                    <a href="../../mk/student-welcome-guide/student-accommodation/">Сместување</a>
+                </div>
+                <div class="links-column">
+                    <h4>Истражи</h4>
+                    <a href="../../mk/get-to-know-slovenia/">Запознај ја Словенија</a>
+                    <a href="../../mk/get-to-know-macedonia/">Запознај ја Македонија</a>
+                    <a href="../../mk/projects/">Проекти и настани</a>
+                </div>
+                <div class="links-column">
+                    <h4>Организација</h4>
+                    <a href="mailto:info@msosorg.com">Контактирајте нè</a>
+                    <a href="../../mk/privacy-policy/">Политика за приватност</a>
+                    <a href="../../mk/cookie-policy/">Политика за колачиња</a>
+                </div>
+            </div>
+        </div>
+        <hr>
+        <div class="footer-bottom">
+            <p>© 2026 МСОС. Сите права задржани.</p>
+            <div class="legal-links">
+                <a href="../../mk/privacy-policy/">Политика за приватност</a>
+                <a href="../../mk/cookie-policy/">Политика за колачиња</a>
+            </div>
+        </div>
+    </div>
+    <script src="../../main.js"></script>
+</footer>
+<!-- END_FOOTER -->
+    <script src="../../member-form.js"></script>
+
+</body>
+</html>
diff --git a/mk/blog/index.html b/mk/blog/index.html
index 1854895d..2a9687c0 100644
--- a/mk/blog/index.html
+++ b/mk/blog/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/cookie-policy/index.html b/mk/cookie-policy/index.html
index bf4b2658..742b5a39 100644
--- a/mk/cookie-policy/index.html
+++ b/mk/cookie-policy/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/faq/index.html b/mk/faq/index.html
index b2b1db37..02d8ae9f 100644
--- a/mk/faq/index.html
+++ b/mk/faq/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html b/mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html
index 8e333e46..2758ab93 100644
--- a/mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html
+++ b/mk/get-to-know-macedonia/a-table-full-of-macedonia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html b/mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html
index 4138c8e8..6cdd014d 100644
--- a/mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html
+++ b/mk/get-to-know-macedonia/history-you-can-still-walk-through/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-macedonia/index.html b/mk/get-to-know-macedonia/index.html
index 674d3d1e..f373fc66 100644
--- a/mk/get-to-know-macedonia/index.html
+++ b/mk/get-to-know-macedonia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html b/mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
index c2fc4bf3..7cedfa09 100644
--- a/mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
+++ b/mk/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html b/mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
index eff6eceb..1b8b1280 100644
--- a/mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
+++ b/mk/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html b/mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
index a2f03e44..a32be631 100644
--- a/mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
+++ b/mk/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-macedonia/welcome-to-macedonia/index.html b/mk/get-to-know-macedonia/welcome-to-macedonia/index.html
index 59666146..15cb30c2 100644
--- a/mk/get-to-know-macedonia/welcome-to-macedonia/index.html
+++ b/mk/get-to-know-macedonia/welcome-to-macedonia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html b/mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
index 5e56280a..f9766e30 100644
--- a/mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
+++ b/mk/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-slovenia/index.html b/mk/get-to-know-slovenia/index.html
index bc10a66b..ff284591 100644
--- a/mk/get-to-know-slovenia/index.html
+++ b/mk/get-to-know-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html b/mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
index b1fb3267..7c014491 100644
--- a/mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
+++ b/mk/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html b/mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
index 0dfca374..41d264c0 100644
--- a/mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
+++ b/mk/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html b/mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
index 03f4c8ce..104f5bc7 100644
--- a/mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
+++ b/mk/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html b/mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
index 98d878bc..323a5abd 100644
--- a/mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
+++ b/mk/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/get-to-know-slovenia/welcome-to-slovenia/index.html b/mk/get-to-know-slovenia/welcome-to-slovenia/index.html
index 2ce0d719..a5597a35 100644
--- a/mk/get-to-know-slovenia/welcome-to-slovenia/index.html
+++ b/mk/get-to-know-slovenia/welcome-to-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/index.html b/mk/index.html
index c4c598d3..91de4992 100644
--- a/mk/index.html
+++ b/mk/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
@@ -186,7 +186,7 @@
                     <h1>Ги зајакнуваме младите со вештини за да го променат светот</h1>
                     <p>Без разлика дали имате тим од 2 или 200 луѓе, нашите заеднички тимски сандачиња ги одржуваат сите на иста страна и во тек со случувањата.</p>
                 </div>
-                <button class="btn btn-primary-orange">Стани член</button>
+                <a href="../mk/become-a-member/" class="btn btn-primary-orange">Стани член</a>
             </div>
         </section>
 
@@ -252,7 +252,7 @@
                         <li>Забава и дружење</li>
                         <li>Студентска поддршка</li>
                     </ul>
-                    <button class="btn btn-primary-orange">Стани член</button>
+                    <a href="../mk/become-a-member/" class="btn btn-primary-orange">Стани член</a>
                 </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>
diff --git a/mk/news/index.html b/mk/news/index.html
index f6f3ebba..f69a763b 100644
--- a/mk/news/index.html
+++ b/mk/news/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/privacy-policy/index.html b/mk/privacy-policy/index.html
index 15c613a1..bd969908 100644
--- a/mk/privacy-policy/index.html
+++ b/mk/privacy-policy/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/humanitarian-tournament-in-maribor/index.html b/mk/projects/humanitarian-tournament-in-maribor/index.html
index 8ade9da3..462cdb1d 100644
--- a/mk/projects/humanitarian-tournament-in-maribor/index.html
+++ b/mk/projects/humanitarian-tournament-in-maribor/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/in-memory-of-frosina-kulakova/index.html b/mk/projects/in-memory-of-frosina-kulakova/index.html
index 651a81c2..9818e59d 100644
--- a/mk/projects/in-memory-of-frosina-kulakova/index.html
+++ b/mk/projects/in-memory-of-frosina-kulakova/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/in-memory-of-the-kochani-victims/index.html b/mk/projects/in-memory-of-the-kochani-victims/index.html
index 97faea5f..96c99674 100644
--- a/mk/projects/in-memory-of-the-kochani-victims/index.html
+++ b/mk/projects/in-memory-of-the-kochani-victims/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/index.html b/mk/projects/index.html
index afbb0809..24227f23 100644
--- a/mk/projects/index.html
+++ b/mk/projects/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/macedonian-student-night-in-ljubljana/index.html b/mk/projects/macedonian-student-night-in-ljubljana/index.html
index 60645561..fb4ef0ac 100644
--- a/mk/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/mk/projects/macedonian-student-night-in-ljubljana/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/meet-student-slovenia-2023/index.html b/mk/projects/meet-student-slovenia-2023/index.html
index b29f3bcf..0c02b9d9 100644
--- a/mk/projects/meet-student-slovenia-2023/index.html
+++ b/mk/projects/meet-student-slovenia-2023/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/meet-student-slovenia-2024/index.html b/mk/projects/meet-student-slovenia-2024/index.html
index b8bbf637..1e84c94c 100644
--- a/mk/projects/meet-student-slovenia-2024/index.html
+++ b/mk/projects/meet-student-slovenia-2024/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/morning-coffee-in-front-of-ctk/index.html b/mk/projects/morning-coffee-in-front-of-ctk/index.html
index e36e8e53..f7dbb802 100644
--- a/mk/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/mk/projects/morning-coffee-in-front-of-ctk/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/paint-and-wine-at-sunset/index.html b/mk/projects/paint-and-wine-at-sunset/index.html
index 69a6302e..bbcc6481 100644
--- a/mk/projects/paint-and-wine-at-sunset/index.html
+++ b/mk/projects/paint-and-wine-at-sunset/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/projects/watching-handball-together-in-slovenia/index.html b/mk/projects/watching-handball-together-in-slovenia/index.html
index 775e3a86..357c682e 100644
--- a/mk/projects/watching-handball-together-in-slovenia/index.html
+++ b/mk/projects/watching-handball-together-in-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/academic-life/index.html b/mk/student-welcome-guide/academic-life/index.html
index cb570fbf..91283980 100644
--- a/mk/student-welcome-guide/academic-life/index.html
+++ b/mk/student-welcome-guide/academic-life/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/administrative-basics/index.html b/mk/student-welcome-guide/administrative-basics/index.html
index 0874bc9c..546b1c13 100644
--- a/mk/student-welcome-guide/administrative-basics/index.html
+++ b/mk/student-welcome-guide/administrative-basics/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/admission-and-enrolment/index.html b/mk/student-welcome-guide/admission-and-enrolment/index.html
index ec08400f..b9f1817e 100644
--- a/mk/student-welcome-guide/admission-and-enrolment/index.html
+++ b/mk/student-welcome-guide/admission-and-enrolment/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/application-deadlines/index.html b/mk/student-welcome-guide/application-deadlines/index.html
index e2e9038f..b40d372c 100644
--- a/mk/student-welcome-guide/application-deadlines/index.html
+++ b/mk/student-welcome-guide/application-deadlines/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/arrival-checklist/index.html b/mk/student-welcome-guide/arrival-checklist/index.html
index 8fe81463..ed98196b 100644
--- a/mk/student-welcome-guide/arrival-checklist/index.html
+++ b/mk/student-welcome-guide/arrival-checklist/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/bachelor-application/index.html b/mk/student-welcome-guide/bachelor-application/index.html
index 8bea7b9c..ab88b757 100644
--- a/mk/student-welcome-guide/bachelor-application/index.html
+++ b/mk/student-welcome-guide/bachelor-application/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/choose-a-programme/index.html b/mk/student-welcome-guide/choose-a-programme/index.html
index 81bf8267..e5bd8942 100644
--- a/mk/student-welcome-guide/choose-a-programme/index.html
+++ b/mk/student-welcome-guide/choose-a-programme/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/complete-student-journey/index.html b/mk/student-welcome-guide/complete-student-journey/index.html
index 7358948a..7a1bbaa2 100644
--- a/mk/student-welcome-guide/complete-student-journey/index.html
+++ b/mk/student-welcome-guide/complete-student-journey/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/document-preparation/index.html b/mk/student-welcome-guide/document-preparation/index.html
index cca81f13..28d75849 100644
--- a/mk/student-welcome-guide/document-preparation/index.html
+++ b/mk/student-welcome-guide/document-preparation/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/evs-application-guide/index.html b/mk/student-welcome-guide/evs-application-guide/index.html
index e5b808fa..d1796e4c 100644
--- a/mk/student-welcome-guide/evs-application-guide/index.html
+++ b/mk/student-welcome-guide/evs-application-guide/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/healthcare-in-slovenia/index.html b/mk/student-welcome-guide/healthcare-in-slovenia/index.html
index f074dca6..bf5994b0 100644
--- a/mk/student-welcome-guide/healthcare-in-slovenia/index.html
+++ b/mk/student-welcome-guide/healthcare-in-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/index.html b/mk/student-welcome-guide/index.html
index 63635e97..03ee785f 100644
--- a/mk/student-welcome-guide/index.html
+++ b/mk/student-welcome-guide/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/master-application/index.html b/mk/student-welcome-guide/master-application/index.html
index 3d1130ac..cbd37fa2 100644
--- a/mk/student-welcome-guide/master-application/index.html
+++ b/mk/student-welcome-guide/master-application/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/means-accommodation-address/index.html b/mk/student-welcome-guide/means-accommodation-address/index.html
index e9e0b689..ce350637 100644
--- a/mk/student-welcome-guide/means-accommodation-address/index.html
+++ b/mk/student-welcome-guide/means-accommodation-address/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/my-route/index.html b/mk/student-welcome-guide/my-route/index.html
index fbac8e43..76188daf 100644
--- a/mk/student-welcome-guide/my-route/index.html
+++ b/mk/student-welcome-guide/my-route/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/official-sources-and-checklists/index.html b/mk/student-welcome-guide/official-sources-and-checklists/index.html
index 72a45407..1fc79318 100644
--- a/mk/student-welcome-guide/official-sources-and-checklists/index.html
+++ b/mk/student-welcome-guide/official-sources-and-checklists/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/prepare-to-move/index.html b/mk/student-welcome-guide/prepare-to-move/index.html
index 44a145e6..f22dff89 100644
--- a/mk/student-welcome-guide/prepare-to-move/index.html
+++ b/mk/student-welcome-guide/prepare-to-move/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/recognition-of-education/index.html b/mk/student-welcome-guide/recognition-of-education/index.html
index 266b55f1..18cdeb17 100644
--- a/mk/student-welcome-guide/recognition-of-education/index.html
+++ b/mk/student-welcome-guide/recognition-of-education/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/renew-change-graduate/index.html b/mk/student-welcome-guide/renew-change-graduate/index.html
index 125f41d9..823e638e 100644
--- a/mk/student-welcome-guide/renew-change-graduate/index.html
+++ b/mk/student-welcome-guide/renew-change-graduate/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/rm-si-3-health-insurance/index.html b/mk/student-welcome-guide/rm-si-3-health-insurance/index.html
index 367c3ea9..b7a4dd50 100644
--- a/mk/student-welcome-guide/rm-si-3-health-insurance/index.html
+++ b/mk/student-welcome-guide/rm-si-3-health-insurance/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/student-accommodation/index.html b/mk/student-welcome-guide/student-accommodation/index.html
index ef07116b..eaf361da 100644
--- a/mk/student-welcome-guide/student-accommodation/index.html
+++ b/mk/student-welcome-guide/student-accommodation/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/student-budget/index.html b/mk/student-welcome-guide/student-budget/index.html
index 317a5cb7..69fcdf6e 100644
--- a/mk/student-welcome-guide/student-budget/index.html
+++ b/mk/student-welcome-guide/student-budget/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/student-meals/index.html b/mk/student-welcome-guide/student-meals/index.html
index f45b986e..2a084ae8 100644
--- a/mk/student-welcome-guide/student-meals/index.html
+++ b/mk/student-welcome-guide/student-meals/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/student-organisations-and-extracurriculars/index.html b/mk/student-welcome-guide/student-organisations-and-extracurriculars/index.html
index 423a0461..accd77d0 100644
--- a/mk/student-welcome-guide/student-organisations-and-extracurriculars/index.html
+++ b/mk/student-welcome-guide/student-organisations-and-extracurriculars/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/student-residence-permit/index.html b/mk/student-welcome-guide/student-residence-permit/index.html
index 6d4764da..2ed060c3 100644
--- a/mk/student-welcome-guide/student-residence-permit/index.html
+++ b/mk/student-welcome-guide/student-residence-permit/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/student-transport/index.html b/mk/student-welcome-guide/student-transport/index.html
index c850e594..d0d77088 100644
--- a/mk/student-welcome-guide/student-transport/index.html
+++ b/mk/student-welcome-guide/student-transport/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/student-work/index.html b/mk/student-welcome-guide/student-work/index.html
index 13f8e827..2d92751a 100644
--- a/mk/student-welcome-guide/student-work/index.html
+++ b/mk/student-welcome-guide/student-work/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/study-cities/index.html b/mk/student-welcome-guide/study-cities/index.html
index 2adaa20a..b2e3fb8d 100644
--- a/mk/student-welcome-guide/study-cities/index.html
+++ b/mk/student-welcome-guide/study-cities/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/tuition-and-scholarships/index.html b/mk/student-welcome-guide/tuition-and-scholarships/index.html
index a52e351c..242e2f81 100644
--- a/mk/student-welcome-guide/tuition-and-scholarships/index.html
+++ b/mk/student-welcome-guide/tuition-and-scholarships/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/visa-and-residence-explained/index.html b/mk/student-welcome-guide/visa-and-residence-explained/index.html
index 2a9995be..716b27de 100644
--- a/mk/student-welcome-guide/visa-and-residence-explained/index.html
+++ b/mk/student-welcome-guide/visa-and-residence-explained/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/wellbeing-and-community/index.html b/mk/student-welcome-guide/wellbeing-and-community/index.html
index bb246f42..60051a7d 100644
--- a/mk/student-welcome-guide/wellbeing-and-community/index.html
+++ b/mk/student-welcome-guide/wellbeing-and-community/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/mk/student-welcome-guide/where-to-apply-for-residence/index.html b/mk/student-welcome-guide/where-to-apply-for-residence/index.html
index 9ec7e22a..e8364228 100644
--- a/mk/student-welcome-guide/where-to-apply-for-residence/index.html
+++ b/mk/student-welcome-guide/where-to-apply-for-residence/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Стани член</button>
+                <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
                 <button class="btn btn-primary">Донирај</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Стани член</button>
+        <a href="../../../mk/become-a-member/" class="btn btn-secondary">Стани член</a>
         <button class="btn btn-primary">Донирај</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/become-a-member/index.html b/si/become-a-member/index.html
new file mode 100644
index 00000000..0ea2d848
--- /dev/null
+++ b/si/become-a-member/index.html
@@ -0,0 +1,574 @@
+<!DOCTYPE html>
+<html lang="sl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Postani član - MSOS</title>
+    
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    
+    <!-- Font Awesome (for icons) -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
+    <!-- Povezava na glavno CSS datoteko -->
+    <link rel="stylesheet" href="../../css/main.css">
+</head>
+<body>
+
+    <!-- START_HEADER -->
+<header class="dropdown-header-navigation">
+    <div class="container">
+        <!-- Logotip je zdaj samostojen element na levi strani -->
+        <a href="../../si/" class="logo-link">
+            <img src="../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
+        </a>
+        
+        <!-- Nov ovoj za vse elemente na desni strani -->
+        <div class="header-right-wrapper">
+            <nav>
+                <ul class="navigation desktop-nav">
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">O nas</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Časovnica in dosežki</a></li>
+                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Kaj delamo</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../si/projects/">Dogodki in projekti</a></li>
+                            <li><a href="../../si/blog/">Blog</a></li>
+                            <li><a href="#">Galerija</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Vključi se</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="#">Postani član</a></li>
+                            <li><a href="#">Podpri MŠOS</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Za študente</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../si/student-welcome-guide/">Vodič za bruce</a></li>
+                            <li><a href="../../si/faq/">Pogosta vprašanja</a></li>
+                            <li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
+                            <li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
+                        </ul>
+                    </li>
+                    <li class="menu-item menu-item-has-children">
+                        <a href="#">Novice</a>
+                        <ul class="dropdown-menu">
+                            <li><a href="../../si/news/">Novice in obvestila</a></li>
+                            <li><a href="#">Sporočila za javnost</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+            <div class="navigation-actions">
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
+                <button class="btn btn-primary">Doniraj</button>
+                <div class="language-selector">
+                    <div class="current-lang">
+                        <i class="fas fa-globe"></i>
+                        <span id="current-lang-code">SI</span>
+                        <i class="fas fa-chevron-down"></i>
+                    </div>
+                    <div class="lang-dropdown">
+                        <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+                        <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+                        <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
+        <div class="mobile-menu-icon">
+            <i class="fas fa-bars"></i>
+            <i class="fas fa-times"></i>
+        </div>
+    </div>
+</header>
+
+<!-- Panel za mobilno navigacijo -->
+<div class="mobile-nav-panel">
+    <nav>
+        <ul class="navigation mobile-nav">
+            <li class="menu-item menu-item-has-children">
+                <a href="#">O nas</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Časovnica in dosežki</a></li>
+                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Kaj delamo</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../si/projects/">Dogodki in projekti</a></li>
+                    <li><a href="../../si/blog/">Blog</a></li>
+                    <li><a href="#">Galerija</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Vključi se</a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Postani član</a></li>
+                    <li><a href="#">Podpri MŠOS</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Za študente</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../si/student-welcome-guide/">Vodič za bruce</a></li>
+                    <li><a href="../../si/faq/">Pogosta vprašanja</a></li>
+                    <li><a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
+                    <li><a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
+                </ul>
+            </li>
+            <li class="menu-item menu-item-has-children">
+                <a href="#">Novice</a>
+                <ul class="dropdown-menu">
+                    <li><a href="../../si/news/">Novice in obvestila</a></li>
+                    <li><a href="#">Sporočila za javnost</a></li>
+                </ul>
+            </li>
+        </ul>
+    </nav>
+    <div class="navigation-actions">
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
+        <button class="btn btn-primary">Doniraj</button>
+        <div class="language-selector">
+            <button class="current-lang" id="mobile-lang-trigger">
+                <i class="fas fa-globe"></i>
+                <span>SI</span>
+                <i class="fas fa-chevron-right"></i>
+            </button>
+        </div>
+    </div>
+</div>
+
+<!-- Modalno okno za izbiro jezika (za mobilni) -->
+<div id="language-modal-overlay">
+    <div class="language-modal-content">
+        <div class="language-modal-header">
+            <h3>Izberi jezik</h3>
+            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
+        </div>
+        <div class="language-modal-body">
+            <a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
+            <a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
+            <a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
+        </div>
+    </div>
+</div>
+<!-- END_HEADER -->
+
+    <main class="member-page">
+        <section class="mm-hero">
+            <div class="mm-hero-text">
+                <span class="mm-eyebrow">Postani član</span>
+                <h1>Najdi svoje ljudi v Sloveniji</h1>
+                <p class="mm-hero-lead">Spoznaj ljudi, obišči dogodke, dobi podporo, ustvarjaj projekte in postani del makedonske študentske skupnosti po vsej Sloveniji.</p>
+                <div class="mm-hero-cta">
+                    <a class="btn btn-primary-orange" href="#join-form">Postani član</a>
+                    <a class="btn btn-secondary" href="#showcase">Poglej, kaj počnemo</a>
+                </div>
+                <div class="mm-tags"><span class="mm-tag">Skupnost</span><span class="mm-tag">Dogodki</span><span class="mm-tag">Podpora</span><span class="mm-tag">Projekti</span><span class="mm-tag">Prijatelji</span><span class="mm-tag">Priložnosti</span></div>
+            </div>
+            <div class="mm-hero-collage"><div class="mm-hero-photo mm-hero-photo--1"><img src="../../images/event4-img-1.webp" alt="Spoznaj študentsko Slovenijo 2024" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--2"><img src="../../images/msnl-1.webp" alt="Makedonska študentska noč v Ljubljani" loading="eager"></div><div class="mm-hero-photo mm-hero-photo--3"><img src="../../images/handball-2025-1.png" alt="Navijanje za Makedonijo, skupno gledanje rokometa v Sloveniji" loading="eager"></div></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Zakaj postati član?</h2>
+            <div class="mm-benefits">
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-people-group" aria-hidden="true"></i></div>
+                    <h3>Najdi svoje ljudi</h3><p>Spoznaj makedonske študente po vsej Sloveniji in stkaj prijateljstva zunaj predavalnice.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-hand-holding-heart" aria-hidden="true"></i></div>
+                    <h3>Občuti podporo</h3><p>Dobi praktično pomoč, lokalno znanje in skupnost, ki razume študij v tujini.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-champagne-glasses" aria-hidden="true"></i></div>
+                    <h3>Obišči nepozabne dogodke</h3><p>Družabni večeri, kulturni dogodki, šport, izleti, delavnice in študentska srečanja.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-screwdriver-wrench" aria-hidden="true"></i></div>
+                    <h3>Pridobi izkušnje</h3><p>Razvijaj veščine skozi prostovoljstvo, komunikacijo, projektno delo in organizacijo dogodkov.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-lightbulb" aria-hidden="true"></i></div>
+                    <h3>Ustvari nekaj pomembnega</h3><p>Prispevaj ideje, pridruži se projektom in soustvarjaj dejavnosti za skupnost.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Razširi svojo mrežo</h3><p>Spoznaj študente, alumne, strokovnjake, ustanove in partnerje.</p>
+                </article>
+                <article class="mm-benefit">
+                    <div class="mm-benefit-ico"><i class="fas fa-house-heart" aria-hidden="true"></i></div>
+                    <h3>Počuti se kot doma</h3><p>Pripadaj skupnosti, kjer ti nikoli ni treba pojasnjevati, od kod prihajaš.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-numbers-section">
+            <h2 class="mm-h2 mm-h2--light">MSOS v številkah</h2>
+            <div class="mm-numbers">
+                <div class="mm-num"><span class="mm-num-value" data-count="120" data-suffix="+">0</span><span class="mm-num-label">aktivnih članov</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="50" data-suffix="+">0</span><span class="mm-num-label">dogodkov in dejavnosti</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="2500" data-suffix="+">0</span><span class="mm-num-label">udeležencev</span></div>
+                <div class="mm-num"><span class="mm-num-value" data-count="20" data-suffix="+">0</span><span class="mm-num-label">partnerjev</span></div>
+            </div>
+            <p class="mm-note">Podatki za potrditev pred objavo.</p>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Obstaja več načinov, da si del MSOS</h2>
+            <p class="mm-lead">Ni ti treba organizirati dogodkov ali voditi, da pripadaš. Pridruži se na način, ki ti ustreza.</p>
+            <div class="mm-ways">
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-envelope-open-text" aria-hidden="true"></i></div>
+                    <h3>Ostani povezan</h3><p>Prejemaj novice in vedi, kaj se dogaja.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
+                    <h3>Pridruži se skupnosti</h3><p>Obišči dogodke, spoznaj ljudi in sodeluj, ko ti ustreza.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
+                    <h3>Občasno prostovoljči</h3><p>Pomagaj pri izbranih dejavnostih brez dolgoročne zaveze.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
+                    <h3>Pridruži se projektom</h3><p>Prispevaj k pobudam, kampanjam, vodnikom ali sodelovanjem.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
+                    <h3>Organiziraj dogodke</h3><p>Pomagaj načrtovati, usklajevati, promovirati in izvesti dejavnosti.</p>
+                </article>
+                <article class="mm-way">
+                    <div class="mm-way-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
+                    <h3>Prevzemi odgovornost</h3><p>Razišči vodenje, upravljanje, zastopanje ali vloge v lokalni ekipi.</p>
+                </article>
+            </div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Kako je v resnici biti del MSOS</h2>
+            <div class="mm-reals">
+                <a class="mm-real" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-real-media"><img src="../../images/event4-img-1.webp" alt="Začni na dogodku dobrodošlice" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Začni na dogodku dobrodošlice</h3><p>Spoznaj skupnost že v prvih tednih v Sloveniji.</p><span class="mm-real-link">Preberi zgodbo <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-real-media"><img src="../../images/msnl-1.webp" alt="Uživaj na študentski noči" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Uživaj na študentski noči</h3><p>Glasba, prijatelji in večer, ki je kot doma.</p><span class="mm-real-link">Preberi zgodbo <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-real-media"><img src="../../images/maribor-tournament-1.png" alt="Skupaj prispevaj" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Skupaj prispevaj</h3><p>Sodeluj v humanitarnih dejavnostih, ki pomagajo drugim.</p><span class="mm-real-link">Preberi zgodbo <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+                <a class="mm-real" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-real-media"><img src="../../images/handball-2025-1.png" alt="Navijajte skupaj" loading="lazy"></div>
+                    <div class="mm-real-body"><h3>Navijajte skupaj</h3><p>Šport, energija in pripadnost, kjer koli študiraš.</p><span class="mm-real-link">Preberi zgodbo <i class="fas fa-arrow-right" aria-hidden="true"></i></span></div>
+                </a>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Zakaj so se študenti pridružili in zakaj so ostali</h2>
+            <div class="mm-tests">
+                <figure class="mm-test">
+                    <blockquote>Pridružil sem se, ker sem želel spoznati ljudi. Ostal sem, ker je MSOS postal del mojega življenja v Sloveniji.</blockquote>
+                    <figcaption><strong>Ana</strong><span>Študentka, Ljubljana</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>Ko sem se preselil v Slovenijo, nisem vedel, kje začeti. Prek MSOS sem našel podporo, prijatelje in priložnosti.</blockquote>
+                    <figcaption><strong>Marko</strong><span>Študent, Maribor</span></figcaption>
+                </figure>
+                <figure class="mm-test">
+                    <blockquote>Delo v ekipi me je naučilo več kot katera koli predavalnica. Organiziral sem dogodke, spoznal partnerje in veliko zrasel.</blockquote>
+                    <figcaption><strong>Elena</strong><span>Prostovoljka, Koper</span></figcaption>
+                </figure>
+            </div>
+            <p class="mm-note mm-note--center">Vzorčni citati za zamenjavo z resničnimi.</p>
+        </section>
+
+        <section class="mm-section" id="showcase">
+            <h2 class="mm-h2">Poglej MSOS v akciji</h2>
+            <div class="mm-shows">
+                <a class="mm-show" href="../projects/meet-student-slovenia-2024/">
+                    <div class="mm-show-media"><img src="../../images/event4-img-1.webp" alt="Spoznaj študentsko Slovenijo 2024" loading="lazy"></div>
+                    <h3>Spoznaj študentsko Slovenijo 2024</h3>
+                </a>
+                <a class="mm-show" href="../projects/macedonian-student-night-in-ljubljana/">
+                    <div class="mm-show-media"><img src="../../images/msnl-1.webp" alt="Makedonska študentska noč v Ljubljani" loading="lazy"></div>
+                    <h3>Makedonska študentska noč v Ljubljani</h3>
+                </a>
+                <a class="mm-show" href="../projects/humanitarian-tournament-in-maribor/">
+                    <div class="mm-show-media"><img src="../../images/maribor-tournament-1.png" alt="Humanitarni športni turnir: Igramo s srcem, skupaj za Kočane" loading="lazy"></div>
+                    <h3>Humanitarni športni turnir: Igramo s srcem, skupaj za Kočane</h3>
+                </a>
+                <a class="mm-show" href="../projects/paint-and-wine-at-sunset/">
+                    <div class="mm-show-media"><img src="../../images/paint-wine-1.jpg" alt="Slikanje in vino ob sončnem zahodu, praznovanje dneva žena z umetnostjo in glasbo" loading="lazy"></div>
+                    <h3>Slikanje in vino ob sončnem zahodu, praznovanje dneva žena z umetnostjo in glasbo</h3>
+                </a>
+                <a class="mm-show" href="../projects/morning-coffee-in-front-of-ctk/">
+                    <div class="mm-show-media"><img src="../../images/event4-image1.webp" alt="Jutranja kava pred CTK, 2024: Kava, burek in obilo nasmehov" loading="lazy"></div>
+                    <h3>Jutranja kava pred CTK, 2024: Kava, burek in obilo nasmehov</h3>
+                </a>
+                <a class="mm-show" href="../projects/watching-handball-together-in-slovenia/">
+                    <div class="mm-show-media"><img src="../../images/handball-2025-1.png" alt="Navijanje za Makedonijo, skupno gledanje rokometa v Sloveniji" loading="lazy"></div>
+                    <h3>Navijanje za Makedonijo, skupno gledanje rokometa v Sloveniji</h3>
+                </a>
+            </div>
+            <div class="mm-center"><a class="btn btn-secondary" href="../news/">Vsi dogodki in projekti</a></div>
+        </section>
+
+        <section class="mm-section">
+            <h2 class="mm-h2">Tukaj je prostor zate</h2>
+            <div class="mm-who">
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-graduation-cap" aria-hidden="true"></i></div><h3>Za študente</h3><p>Sedanji in bodoči študenti, dodiplomski in magistrski, v vsakem slovenskem študijskem mestu.</p><a class="mm-who-link" href="#join-form">Sem študent <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+                <article class="mm-who-card"><div class="mm-who-ico"><i class="fas fa-handshake-angle" aria-hidden="true"></i></div><h3>Za podpornike</h3><p>Ni ti treba biti študent, da podpiraš skupnost. Prispevaj z znanjem, partnerstvi, mentorstvom, prostovoljstvom, sponzorstvi, mediji ali povezavami.</p><a class="mm-who-link" href="#join-form">Želim podpreti MSOS <i class="fas fa-arrow-right" aria-hidden="true"></i></a></article>
+            </div>
+        </section>
+
+        <section class="ms-section" id="join-form">
+            <div class="ms-head">
+                <span class="ms-eyebrow">Prijavni obrazec</span>
+                <h2>Pridruži se v nekaj minutah</h2>
+                <p>Nekaj prijaznih vprašanj. Ni ti treba zdaj odločiti, kako aktiven želiš biti.</p>
+            </div>
+            <form class="ms-form" novalidate>
+                <div class="ms-progress" data-step="Korak" data-of="od" hidden><div class="ms-progress-track"><div class="ms-progress-bar"></div></div><span class="ms-progress-text"></span></div>
+                <div class="ms-alert" hidden>Izpolni obvezna polja.</div>
+
+                <div class="ms-step" data-step="path" data-flow="both">
+                    <h3>Kako se želiš povezati z MSOS?</h3>
+                    <div class="ms-paths">
+                        <button type="button" class="ms-path" data-path="student"><i class="fas fa-graduation-cap" aria-hidden="true"></i><strong>Sem študent</strong></button>
+                        <button type="button" class="ms-path" data-path="supporter"><i class="fas fa-handshake-angle" aria-hidden="true"></i><strong>Želim podpreti MSOS</strong></button>
+                    </div>
+                </div>
+
+                <div class="ms-step" data-step="s-basic" data-flow="student">
+                    <h3>Povej nam, kdo si</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>Ime *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Priimek *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>E-pošta *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Telefon (neobvezno)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Trenutno mesto</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Želen način stika</span><select data-name="contactPref"><option value="">Izberi...</option><option value="email">E-pošta</option><option value="whatsapp">WhatsApp</option><option value="phone">Telefon</option></select></label></div>
+                </div>
+                <div class="ms-step" data-step="s-status" data-flow="student">
+                    <h3>Kje si na svoji študentski poti?</h3>
+                    <div class="ms-radios" data-name="status" data-required="1">
+                        <button type="button" class="ms-radio" data-value="studying">Že študiram v Sloveniji</button>
+                        <button type="button" class="ms-radio" data-value="moving">Pripravljam se na selitev v Slovenijo</button>
+                        <button type="button" class="ms-radio" data-value="exploring">Še vedno raziskujem možnosti</button>
+                        <button type="button" class="ms-radio" data-value="graduated">Nedavno sem diplomiral</button>
+                    </div>
+                    <div class="ms-cond" data-when="studying">
+                        <div class="ms-grid"><label class="ms-field"><span>Univerza</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Fakulteta</span><input type="text" data-name="faculty" autocomplete="off"></label><label class="ms-field"><span>Študijski program</span><input type="text" data-name="programme" autocomplete="off"></label><label class="ms-field"><span>Stopnja študija</span><select data-name="level"><option value="">Izberi...</option><option value="bachelor">Dodiplomski</option><option value="master">Magistrski</option></select></label><label class="ms-field"><span>Letnik</span><input type="text" data-name="year" autocomplete="off"></label><label class="ms-field"><span>Mesto študija</span><select data-name="studyCity"><option value="">Izberi...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper in Primorska</option><option value="nova-gorica">Nova Gorica in Gorica</option><option value="celje">Celje</option><option value="other">Drugo</option><option value="unsure">Še nisem prepričan</option></select></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="moving">
+                        <div class="ms-grid"><label class="ms-field"><span>Univerza</span><input type="text" data-name="university" autocomplete="off"></label><label class="ms-field"><span>Fakulteta ali področje zanimanja</span><input type="text" data-name="field" autocomplete="off"></label><label class="ms-field"><span>Stopnja študija</span><select data-name="level"><option value="">Izberi...</option><option value="bachelor">Dodiplomski</option><option value="master">Magistrski</option></select></label><label class="ms-field"><span>Predvideno mesto</span><select data-name="intendedCity"><option value="">Izberi...</option><option value="ljubljana">Ljubljana</option><option value="maribor">Maribor</option><option value="koper">Koper in Primorska</option><option value="nova-gorica">Nova Gorica in Gorica</option><option value="celje">Celje</option><option value="other">Drugo</option><option value="unsure">Še nisem prepričan</option></select></label><label class="ms-field"><span>Predvideno študijsko leto</span><input type="text" data-name="academicYear" autocomplete="off"></label></div>
+                    </div>
+                    <div class="ms-cond" data-when="exploring">
+                        <div class="ms-grid"><label class="ms-field"><span>Področja zanimanja</span><input type="text" data-name="areas" autocomplete="off"></label><label class="ms-field"><span>Stopnja študija</span><select data-name="level"><option value="">Izberi...</option><option value="bachelor">Dodiplomski</option><option value="master">Magistrski</option></select></label></div>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-intention" data-flow="student">
+                    <h3>Kaj ti najbolj ustreza?</h3>
+                    <p class="ms-hint">Izberi, kolikor želiš.</p>
+                    <div class="ms-multi" data-name="intention">
+                        <button type="button" class="ms-chip" data-value="meet">Želim spoznati ljudi</button>
+                        <button type="button" class="ms-chip" data-value="events">Želim obiskovati dogodke</button>
+                        <button type="button" class="ms-chip" data-value="informed">Želim biti obveščen</button>
+                        <button type="button" class="ms-chip" data-value="support">Iščem podporo</button>
+                        <button type="button" class="ms-chip" data-value="volunteer">Želim prostovoljčiti</button>
+                        <button type="button" class="ms-chip" data-value="organise">Želim pomagati organizirati dogodke</button>
+                        <button type="button" class="ms-chip" data-value="projects">Želim se pridružiti projektom</button>
+                        <button type="button" class="ms-chip" data-value="experience">Želim pridobiti izkušnje</button>
+                        <button type="button" class="ms-chip" data-value="leadership">Zanima me vodenje</button>
+                        <button type="button" class="ms-chip" data-value="figuring">Še vedno razmišljam</button>
+                    </div>
+                    <p class="ms-msg" data-when="leadership" hidden>Z veseljem bi izvedeli več o tvojih izkušnjah in vrsti odgovornosti, ki te zanima.</p>
+                    <p class="ms-msg" data-when="events" hidden>Odlično. Skupnosti se lahko pridružiš brez kakršne koli formalne odgovornosti.</p>
+                    <p class="ms-msg" data-when="figuring" hidden>Brez pritiska. Začni tako, da ostaneš povezan, in kasneje odloči, kako aktiven želiš biti.</p>
+                </div>
+                <div class="ms-step" data-step="s-interests" data-flow="student">
+                    <h3>Česa bi rad bil del?</h3>
+                    <p class="ms-hint">Izberi, kolikor želiš.</p>
+                    <div class="ms-multi" data-name="interests">
+                        <button type="button" class="ms-chip" data-value="social">Družabni dogodki</button>
+                        <button type="button" class="ms-chip" data-value="cultural">Kulturni dogodki</button>
+                        <button type="button" class="ms-chip" data-value="sports">Šport</button>
+                        <button type="button" class="ms-chip" data-value="support">Podpora študentom</button>
+                        <button type="button" class="ms-chip" data-value="creative">Ustvarjalni projekti</button>
+                        <button type="button" class="ms-chip" data-value="humanitarian">Humanitarne dejavnosti</button>
+                        <button type="button" class="ms-chip" data-value="professional">Poklicni razvoj</button>
+                        <button type="button" class="ms-chip" data-value="networking">Mreženje</button>
+                        <button type="button" class="ms-chip" data-value="media">Mediji in komunikacija</button>
+                        <button type="button" class="ms-chip" data-value="design">Oblikovanje in vsebina</button>
+                        <button type="button" class="ms-chip" data-value="partnerships">Partnerstva</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Prostovoljstvo</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="s-city" data-flow="student">
+                    <h3>Kam naj te povežemo?</h3>
+                    <div class="ms-radios" data-name="connectCity">
+                        <button type="button" class="ms-radio" data-value="ljubljana">Ljubljana</button>
+                        <button type="button" class="ms-radio" data-value="maribor">Maribor</button>
+                        <button type="button" class="ms-radio" data-value="koper">Koper in Primorska</button>
+                        <button type="button" class="ms-radio" data-value="nova-gorica">Nova Gorica in Gorica</button>
+                        <button type="button" class="ms-radio" data-value="celje">Celje</button>
+                        <button type="button" class="ms-radio" data-value="other">Drugo</button>
+                        <button type="button" class="ms-radio" data-value="unsure">Še nisem prepričan</button>
+                    </div>
+                    <p class="ms-msg" data-when="*any" hidden>Povezali te bomo z najbližjo skupnostjo MSOS.</p>
+                </div>
+                <div class="ms-step" data-step="s-personal" data-flow="student">
+                    <h3>Zaradi česa bi ti bil MSOS dragocen? (neobvezno)</h3>
+                    <textarea data-name="personal" rows="4" placeholder="Napiši, kaj upaš, da boš našel, se naučil ali doživel."></textarea>
+                </div>
+                <div class="ms-step" data-step="s-consent" data-flow="student">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>Strinjam se, da me MSOS lahko kontaktira glede moje prošnje.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Prebral sem obvestilo o zasebnosti. (<a href="../privacy-policy/">obvestilo o zasebnosti</a>)</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentUpdates"> <span>Želim prejemati novice o dogodkih in skupnosti.</span></label>
+                </div>
+
+                <div class="ms-step" data-step="p-basic" data-flow="supporter">
+                    <h3>Povej nam, kdo si</h3>
+                    <div class="ms-grid"><label class="ms-field"><span>Ime *</span><input type="text" data-name="firstName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Priimek *</span><input type="text" data-name="lastName" data-required="1" autocomplete="off"></label><label class="ms-field"><span>E-pošta *</span><input type="email" data-name="email" data-required="1" autocomplete="off"></label><label class="ms-field"><span>Telefon (neobvezno)</span><input type="tel" data-name="phone" autocomplete="off"></label><label class="ms-field"><span>Trenutno mesto</span><input type="text" data-name="cityNow" autocomplete="off"></label><label class="ms-field"><span>Organizacija ali podjetje (neobvezno)</span><input type="text" data-name="org" autocomplete="off"></label><label class="ms-field"><span>Vloga ali poklic (neobvezno)</span><input type="text" data-name="role" autocomplete="off"></label></div>
+                </div>
+                <div class="ms-step" data-step="p-support" data-flow="supporter">
+                    <h3>Kako želiš podpreti MSOS?</h3>
+                    <p class="ms-hint">Izberi, kolikor želiš.</p>
+                    <div class="ms-multi" data-name="support">
+                        <button type="button" class="ms-chip" data-value="partnerships">Partnerstva</button>
+                        <button type="button" class="ms-chip" data-value="sponsorships">Sponzorstva</button>
+                        <button type="button" class="ms-chip" data-value="mentorship">Mentorstvo</button>
+                        <button type="button" class="ms-chip" data-value="volunteering">Prostovoljstvo</button>
+                        <button type="button" class="ms-chip" data-value="expertise">Strokovno znanje</button>
+                        <button type="button" class="ms-chip" data-value="media">Medijska podpora</button>
+                        <button type="button" class="ms-chip" data-value="events">Podpora dogodkom</button>
+                        <button type="button" class="ms-chip" data-value="careers">Karierne priložnosti</button>
+                        <button type="button" class="ms-chip" data-value="connections">Povezave v skupnosti</button>
+                        <button type="button" class="ms-chip" data-value="venue">Prostor ali logistika</button>
+                    </div>
+                </div>
+                <div class="ms-step" data-step="p-message" data-flow="supporter">
+                    <h3>Povej, kako želiš prispevati (neobvezno)</h3>
+                    <textarea data-name="contribution" rows="4" placeholder="Kratek zapis o tem, kaj lahko ponudiš ali kateri projekt ti je pomemben."></textarea>
+                </div>
+                <div class="ms-step" data-step="p-consent" data-flow="supporter">
+                    <label class="ms-check"><input type="checkbox" data-name="consentContact" data-required="1"> <span>Strinjam se, da me MSOS lahko kontaktira glede moje prošnje.</span></label>
+                    <label class="ms-check"><input type="checkbox" data-name="consentPrivacy" data-required="1"> <span>Prebral sem obvestilo o zasebnosti. (<a href="../privacy-policy/">obvestilo o zasebnosti</a>)</span></label>
+                </div>
+
+                <div class="ms-nav">
+                    <button type="button" class="btn btn-secondary ms-back" hidden>Nazaj</button>
+                    <button type="button" class="btn btn-primary-orange ms-next" hidden>Naprej</button>
+                    <button type="button" class="btn btn-primary-orange ms-submit" data-student="Pridruži se MSOS" data-supporter="Podpri MSOS" hidden>Pridruži se MSOS</button>
+                </div>
+            </form>
+
+            <div class="ms-success" hidden>
+                <div class="ms-success-icon"><i class="fas fa-circle-check" aria-hidden="true"></i></div>
+                <h3 class="ms-success-title"
+                    data-student-title="Dobrodošel v skupnosti" data-supporter-title="Hvala za podporo MSOS"></h3>
+                <p class="ms-success-text"
+                    data-student-text="Hvala, ker si se javil. Veseli nas, da te bomo spoznali. Član ekipe MSOS te bo kmalu kontaktiral." data-supporter-text="Cenimo tvoje zanimanje za makedonsko študentsko skupnost v Sloveniji. Ekipa bo pregledala sporočilo in te kmalu kontaktirala."></p>
+                <p class="ms-success-next">Medtem</p>
+                <div class="ms-success-links">
+                    <a class="btn btn-secondary" href="../news/">Razišči prihajajoče dogodke</a>
+                    <a class="btn btn-secondary" href="../student-welcome-guide/">Preberi vodnik za študente</a>
+                    <a class="btn btn-secondary" href="../projects/">Odkrij nedavne projekte</a>
+                </div>
+            </div>
+        </section>
+
+        <section class="mm-section mm-section--soft">
+            <h2 class="mm-h2">Dobro je vedeti</h2>
+            <div class="mm-faqs">
+                <details class="mm-faq"><summary>Ali je članstvo samo za študente v Ljubljani?</summary><div class="mm-faq-a"><p>Ne. MSOS je za makedonske študente po vsej Sloveniji, vključno z Mariborom, Koprom, Novo Gorico, Celjem in drugimi mesti.</p></div></details>
+                <details class="mm-faq"><summary>Ali se lahko pridružim pred selitvijo v Slovenijo?</summary><div class="mm-faq-a"><p>Da. Bodoči študenti se lahko pridružijo, prejemajo novice in se povežejo z ljudmi pred prihodom.</p></div></details>
+                <details class="mm-faq"><summary>Ali moram biti zelo aktiven?</summary><div class="mm-faq-a"><p>Ne. Obiskuješ lahko dogodke, ostaneš obveščen, občasno prostovoljčiš ali kasneje prevzameš večjo vlogo.</p></div></details>
+                <details class="mm-faq"><summary>Ali je članarina?</summary><div class="mm-faq-a"><p>Za potrditev pred objavo.</p></div></details>
+                <details class="mm-faq"><summary>Ali lahko MSOS podprejo tudi nestudenti?</summary><div class="mm-faq-a"><p>Da. Starši, alumni, strokovnjaki, podjetja in drugi podporniki lahko prispevajo z mentorstvom, partnerstvi, sponzorstvi, znanjem, prostovoljstvom ali povezavami.</p></div></details>
+                <details class="mm-faq"><summary>Kaj se zgodi, ko oddam obrazec?</summary><div class="mm-faq-a"><p>Ekipa MSOS pregleda tvoje podatke in te kontaktira z naslednjim korakom.</p></div></details>
+                <details class="mm-faq"><summary>Ali lahko kasneje spremenim, kako aktiven sem?</summary><div class="mm-faq-a"><p>Da. Člani so lahko bolj ali manj aktivni glede na zanimanja in razpoložljivost.</p></div></details>
+            </div>
+        </section>
+
+        <section class="mm-final">
+            <h2>Tvoja študentska zgodba v Sloveniji se lahko začne tukaj</h2>
+            <p>Ne glede na to, ali iščeš podporo, prijateljstvo, priložnosti ali občutek pripadnosti, MSOS te z veseljem sprejme.</p>
+            <a class="btn btn-primary-orange" href="#join-form">Postani član</a>
+        </section>
+    </main>
+
+    <!-- START_FOOTER -->
+<footer>
+    <div class="footer-container">
+        <div class="footer-main">
+            <div class="footer-info">
+                <div class="footer-logo">
+                    <img src="../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
+                </div>
+                <p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
+                <p>
+                    Masarykova cesta 24<br>
+                    1000 Ljubljana, Slovenija<br>
+                    <a href="mailto:info@msosorg.com">info@msosorg.com</a>
+                </p>
+                <div class="social-icons">
+                    <a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
+                    <a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
+                    <a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
+                    <a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
+                </div>
+            </div>
+            <div class="footer-links">
+                <div class="links-column">
+                    <h4>Vodnik za študente</h4>
+                    <a href="../../si/student-welcome-guide/">Vodnik za študente</a>
+                    <a href="../../si/student-welcome-guide/complete-student-journey/">Celotna pot</a>
+                    <a href="../../si/student-welcome-guide/application-deadlines/">Roki za prijavo</a>
+                    <a href="../../si/student-welcome-guide/evs-application-guide/">Prijava prek eVŠ</a>
+                    <a href="../../si/student-welcome-guide/student-residence-permit/">Dovoljenje za prebivanje</a>
+                    <a href="../../si/student-welcome-guide/student-accommodation/">Nastanitev</a>
+                </div>
+                <div class="links-column">
+                    <h4>Raziščite</h4>
+                    <a href="../../si/get-to-know-slovenia/">Spoznaj Slovenijo</a>
+                    <a href="../../si/get-to-know-macedonia/">Spoznaj Makedonijo</a>
+                    <a href="../../si/projects/">Projekti in dogodki</a>
+                </div>
+                <div class="links-column">
+                    <h4>Organizacija</h4>
+                    <a href="mailto:info@msosorg.com">Kontaktirajte nas</a>
+                    <a href="../../si/privacy-policy/">Politika zasebnosti</a>
+                    <a href="../../si/cookie-policy/">Politika piškotkov</a>
+                </div>
+            </div>
+        </div>
+        <hr>
+        <div class="footer-bottom">
+            <p>© 2026 MŠOS. Vse pravice pridržane.</p>
+            <div class="legal-links">
+                <a href="../../si/privacy-policy/">Politika zasebnosti</a>
+                <a href="../../si/cookie-policy/">Politika piškotkov</a>
+            </div>
+        </div>
+    </div>
+    <script src="../../main.js"></script>
+</footer>
+<!-- END_FOOTER -->
+    <script src="../../member-form.js"></script>
+
+</body>
+</html>
diff --git a/si/blog/index.html b/si/blog/index.html
index ba324e94..84a0760f 100644
--- a/si/blog/index.html
+++ b/si/blog/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/cookie-policy/index.html b/si/cookie-policy/index.html
index 1047f339..6a0884cf 100644
--- a/si/cookie-policy/index.html
+++ b/si/cookie-policy/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/faq/index.html b/si/faq/index.html
index da870ca9..abf79c54 100644
--- a/si/faq/index.html
+++ b/si/faq/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-macedonia/a-table-full-of-macedonia/index.html b/si/get-to-know-macedonia/a-table-full-of-macedonia/index.html
index 4e092946..8da7b2f9 100644
--- a/si/get-to-know-macedonia/a-table-full-of-macedonia/index.html
+++ b/si/get-to-know-macedonia/a-table-full-of-macedonia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-macedonia/history-you-can-still-walk-through/index.html b/si/get-to-know-macedonia/history-you-can-still-walk-through/index.html
index 50eba99f..c98bcb53 100644
--- a/si/get-to-know-macedonia/history-you-can-still-walk-through/index.html
+++ b/si/get-to-know-macedonia/history-you-can-still-walk-through/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-macedonia/index.html b/si/get-to-know-macedonia/index.html
index b4f646a8..44487ec5 100644
--- a/si/get-to-know-macedonia/index.html
+++ b/si/get-to-know-macedonia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html b/si/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
index 2a0a41ee..aa967278 100644
--- a/si/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
+++ b/si/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html b/si/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
index eb36c263..05d9b5e2 100644
--- a/si/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
+++ b/si/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html b/si/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
index 691adc9a..ae0da231 100644
--- a/si/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
+++ b/si/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-macedonia/welcome-to-macedonia/index.html b/si/get-to-know-macedonia/welcome-to-macedonia/index.html
index 66c5479f..d15de12b 100644
--- a/si/get-to-know-macedonia/welcome-to-macedonia/index.html
+++ b/si/get-to-know-macedonia/welcome-to-macedonia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html b/si/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
index 440e085f..70e82553 100644
--- a/si/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
+++ b/si/get-to-know-slovenia/a-first-taste-of-slovenian-food/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-slovenia/index.html b/si/get-to-know-slovenia/index.html
index 5659ebaf..150861b6 100644
--- a/si/get-to-know-slovenia/index.html
+++ b/si/get-to-know-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html b/si/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
index f955c3fa..06e97346 100644
--- a/si/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
+++ b/si/get-to-know-slovenia/lake-bled-beyond-the-famous-view/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-slovenia/ljubljana-through-our-eyes/index.html b/si/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
index e6293e33..4826d90d 100644
--- a/si/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
+++ b/si/get-to-know-slovenia/ljubljana-through-our-eyes/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html b/si/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
index 81701f76..fe3691eb 100644
--- a/si/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
+++ b/si/get-to-know-slovenia/slovenian-habits-that-may-surprise-you/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html b/si/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
index c56077ab..d62db36d 100644
--- a/si/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
+++ b/si/get-to-know-slovenia/slovenias-stories-in-stone-and-tradition/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/get-to-know-slovenia/welcome-to-slovenia/index.html b/si/get-to-know-slovenia/welcome-to-slovenia/index.html
index 29d4705b..1d14aabc 100644
--- a/si/get-to-know-slovenia/welcome-to-slovenia/index.html
+++ b/si/get-to-know-slovenia/welcome-to-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/index.html b/si/index.html
index 46d9d5e1..ce01141a 100644
--- a/si/index.html
+++ b/si/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
@@ -186,7 +186,7 @@
                     <h1>Opolnomočimo mlade z veščinami za spreminjanje sveta</h1>
                     <p>Ne glede na to, ali imate ekipo 2 ali 200 ljudi, naši skupni timski nabiralniki ohranjajo vse na isti strani in v koraku z dogajanjem.</p>
                 </div>
-                <button class="btn btn-primary-orange">Postani član</button>
+                <a href="../si/become-a-member/" class="btn btn-primary-orange">Postani član</a>
             </div>
         </section>
 
@@ -252,7 +252,7 @@
                         <li>Zabava in druženje</li>
                         <li>Študentska podpora</li>
                     </ul>
-                    <button class="btn btn-primary-orange">Postani član</button>
+                    <a href="../si/become-a-member/" class="btn btn-primary-orange">Postani član</a>
                 </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>
diff --git a/si/news/index.html b/si/news/index.html
index df9ac7bd..fa00c610 100644
--- a/si/news/index.html
+++ b/si/news/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/privacy-policy/index.html b/si/privacy-policy/index.html
index f6d273f8..163479a6 100644
--- a/si/privacy-policy/index.html
+++ b/si/privacy-policy/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/humanitarian-tournament-in-maribor/index.html b/si/projects/humanitarian-tournament-in-maribor/index.html
index f53683f2..4bce8738 100644
--- a/si/projects/humanitarian-tournament-in-maribor/index.html
+++ b/si/projects/humanitarian-tournament-in-maribor/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/in-memory-of-frosina-kulakova/index.html b/si/projects/in-memory-of-frosina-kulakova/index.html
index 48c1a687..977abde5 100644
--- a/si/projects/in-memory-of-frosina-kulakova/index.html
+++ b/si/projects/in-memory-of-frosina-kulakova/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/in-memory-of-the-kochani-victims/index.html b/si/projects/in-memory-of-the-kochani-victims/index.html
index 47cac2b3..19c84ea9 100644
--- a/si/projects/in-memory-of-the-kochani-victims/index.html
+++ b/si/projects/in-memory-of-the-kochani-victims/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/index.html b/si/projects/index.html
index 505bcff8..b7305f8a 100644
--- a/si/projects/index.html
+++ b/si/projects/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/macedonian-student-night-in-ljubljana/index.html b/si/projects/macedonian-student-night-in-ljubljana/index.html
index 6cc096a5..c03374f1 100644
--- a/si/projects/macedonian-student-night-in-ljubljana/index.html
+++ b/si/projects/macedonian-student-night-in-ljubljana/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/meet-student-slovenia-2023/index.html b/si/projects/meet-student-slovenia-2023/index.html
index 96980d25..bc75abf7 100644
--- a/si/projects/meet-student-slovenia-2023/index.html
+++ b/si/projects/meet-student-slovenia-2023/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/meet-student-slovenia-2024/index.html b/si/projects/meet-student-slovenia-2024/index.html
index 7775ae33..5509591c 100644
--- a/si/projects/meet-student-slovenia-2024/index.html
+++ b/si/projects/meet-student-slovenia-2024/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/morning-coffee-in-front-of-ctk/index.html b/si/projects/morning-coffee-in-front-of-ctk/index.html
index 775e6c60..ebe19575 100644
--- a/si/projects/morning-coffee-in-front-of-ctk/index.html
+++ b/si/projects/morning-coffee-in-front-of-ctk/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/paint-and-wine-at-sunset/index.html b/si/projects/paint-and-wine-at-sunset/index.html
index 0fb036df..639b3be5 100644
--- a/si/projects/paint-and-wine-at-sunset/index.html
+++ b/si/projects/paint-and-wine-at-sunset/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/projects/watching-handball-together-in-slovenia/index.html b/si/projects/watching-handball-together-in-slovenia/index.html
index 936dadcb..91d25636 100644
--- a/si/projects/watching-handball-together-in-slovenia/index.html
+++ b/si/projects/watching-handball-together-in-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/academic-life/index.html b/si/student-welcome-guide/academic-life/index.html
index 4da2ddc9..6faca9a2 100644
--- a/si/student-welcome-guide/academic-life/index.html
+++ b/si/student-welcome-guide/academic-life/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/administrative-basics/index.html b/si/student-welcome-guide/administrative-basics/index.html
index 9feaed2d..f9a82b4b 100644
--- a/si/student-welcome-guide/administrative-basics/index.html
+++ b/si/student-welcome-guide/administrative-basics/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/admission-and-enrolment/index.html b/si/student-welcome-guide/admission-and-enrolment/index.html
index 28ea4dd3..fe717185 100644
--- a/si/student-welcome-guide/admission-and-enrolment/index.html
+++ b/si/student-welcome-guide/admission-and-enrolment/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/application-deadlines/index.html b/si/student-welcome-guide/application-deadlines/index.html
index 73b8bf2c..b9fe2710 100644
--- a/si/student-welcome-guide/application-deadlines/index.html
+++ b/si/student-welcome-guide/application-deadlines/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/arrival-checklist/index.html b/si/student-welcome-guide/arrival-checklist/index.html
index ae4b73a5..5431a99c 100644
--- a/si/student-welcome-guide/arrival-checklist/index.html
+++ b/si/student-welcome-guide/arrival-checklist/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/bachelor-application/index.html b/si/student-welcome-guide/bachelor-application/index.html
index 0eb14ba0..07dbce4b 100644
--- a/si/student-welcome-guide/bachelor-application/index.html
+++ b/si/student-welcome-guide/bachelor-application/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/choose-a-programme/index.html b/si/student-welcome-guide/choose-a-programme/index.html
index 01c4dc4f..511a3364 100644
--- a/si/student-welcome-guide/choose-a-programme/index.html
+++ b/si/student-welcome-guide/choose-a-programme/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/complete-student-journey/index.html b/si/student-welcome-guide/complete-student-journey/index.html
index 15243712..c71b3831 100644
--- a/si/student-welcome-guide/complete-student-journey/index.html
+++ b/si/student-welcome-guide/complete-student-journey/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/document-preparation/index.html b/si/student-welcome-guide/document-preparation/index.html
index 96420567..a133d920 100644
--- a/si/student-welcome-guide/document-preparation/index.html
+++ b/si/student-welcome-guide/document-preparation/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/evs-application-guide/index.html b/si/student-welcome-guide/evs-application-guide/index.html
index 231a5360..a9259e1b 100644
--- a/si/student-welcome-guide/evs-application-guide/index.html
+++ b/si/student-welcome-guide/evs-application-guide/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/healthcare-in-slovenia/index.html b/si/student-welcome-guide/healthcare-in-slovenia/index.html
index 92d91dca..da32f5c3 100644
--- a/si/student-welcome-guide/healthcare-in-slovenia/index.html
+++ b/si/student-welcome-guide/healthcare-in-slovenia/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/index.html b/si/student-welcome-guide/index.html
index 41e0dd11..2f4a7f30 100644
--- a/si/student-welcome-guide/index.html
+++ b/si/student-welcome-guide/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/master-application/index.html b/si/student-welcome-guide/master-application/index.html
index da8257a6..63e113ba 100644
--- a/si/student-welcome-guide/master-application/index.html
+++ b/si/student-welcome-guide/master-application/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/means-accommodation-address/index.html b/si/student-welcome-guide/means-accommodation-address/index.html
index 3143c507..adb2beaa 100644
--- a/si/student-welcome-guide/means-accommodation-address/index.html
+++ b/si/student-welcome-guide/means-accommodation-address/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/my-route/index.html b/si/student-welcome-guide/my-route/index.html
index 09f7d16e..cb5a7d65 100644
--- a/si/student-welcome-guide/my-route/index.html
+++ b/si/student-welcome-guide/my-route/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/official-sources-and-checklists/index.html b/si/student-welcome-guide/official-sources-and-checklists/index.html
index a430e44b..4a048972 100644
--- a/si/student-welcome-guide/official-sources-and-checklists/index.html
+++ b/si/student-welcome-guide/official-sources-and-checklists/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/prepare-to-move/index.html b/si/student-welcome-guide/prepare-to-move/index.html
index f93adfe6..72fba848 100644
--- a/si/student-welcome-guide/prepare-to-move/index.html
+++ b/si/student-welcome-guide/prepare-to-move/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/recognition-of-education/index.html b/si/student-welcome-guide/recognition-of-education/index.html
index c7f4fdaf..b2972d38 100644
--- a/si/student-welcome-guide/recognition-of-education/index.html
+++ b/si/student-welcome-guide/recognition-of-education/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/renew-change-graduate/index.html b/si/student-welcome-guide/renew-change-graduate/index.html
index 91da11d1..ed3e72ff 100644
--- a/si/student-welcome-guide/renew-change-graduate/index.html
+++ b/si/student-welcome-guide/renew-change-graduate/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/rm-si-3-health-insurance/index.html b/si/student-welcome-guide/rm-si-3-health-insurance/index.html
index 9d6cd8cf..a1085785 100644
--- a/si/student-welcome-guide/rm-si-3-health-insurance/index.html
+++ b/si/student-welcome-guide/rm-si-3-health-insurance/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/student-accommodation/index.html b/si/student-welcome-guide/student-accommodation/index.html
index 40a1bebc..03e43a94 100644
--- a/si/student-welcome-guide/student-accommodation/index.html
+++ b/si/student-welcome-guide/student-accommodation/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/student-budget/index.html b/si/student-welcome-guide/student-budget/index.html
index 8c0fca22..8a6a7bb0 100644
--- a/si/student-welcome-guide/student-budget/index.html
+++ b/si/student-welcome-guide/student-budget/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/student-meals/index.html b/si/student-welcome-guide/student-meals/index.html
index 19d4ef72..7bad2669 100644
--- a/si/student-welcome-guide/student-meals/index.html
+++ b/si/student-welcome-guide/student-meals/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/student-organisations-and-extracurriculars/index.html b/si/student-welcome-guide/student-organisations-and-extracurriculars/index.html
index af9bea9e..121d466e 100644
--- a/si/student-welcome-guide/student-organisations-and-extracurriculars/index.html
+++ b/si/student-welcome-guide/student-organisations-and-extracurriculars/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/student-residence-permit/index.html b/si/student-welcome-guide/student-residence-permit/index.html
index e8d51f30..19dcd511 100644
--- a/si/student-welcome-guide/student-residence-permit/index.html
+++ b/si/student-welcome-guide/student-residence-permit/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/student-transport/index.html b/si/student-welcome-guide/student-transport/index.html
index 0abcc0d6..6ab00e17 100644
--- a/si/student-welcome-guide/student-transport/index.html
+++ b/si/student-welcome-guide/student-transport/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/student-work/index.html b/si/student-welcome-guide/student-work/index.html
index 197272f8..30d8e708 100644
--- a/si/student-welcome-guide/student-work/index.html
+++ b/si/student-welcome-guide/student-work/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/study-cities/index.html b/si/student-welcome-guide/study-cities/index.html
index 67809ddd..32862b55 100644
--- a/si/student-welcome-guide/study-cities/index.html
+++ b/si/student-welcome-guide/study-cities/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/tuition-and-scholarships/index.html b/si/student-welcome-guide/tuition-and-scholarships/index.html
index 770bb233..ba6ca595 100644
--- a/si/student-welcome-guide/tuition-and-scholarships/index.html
+++ b/si/student-welcome-guide/tuition-and-scholarships/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/visa-and-residence-explained/index.html b/si/student-welcome-guide/visa-and-residence-explained/index.html
index c2c19f3d..7576ee86 100644
--- a/si/student-welcome-guide/visa-and-residence-explained/index.html
+++ b/si/student-welcome-guide/visa-and-residence-explained/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/wellbeing-and-community/index.html b/si/student-welcome-guide/wellbeing-and-community/index.html
index 4929fce6..16f64111 100644
--- a/si/student-welcome-guide/wellbeing-and-community/index.html
+++ b/si/student-welcome-guide/wellbeing-and-community/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">
diff --git a/si/student-welcome-guide/where-to-apply-for-residence/index.html b/si/student-welcome-guide/where-to-apply-for-residence/index.html
index a8194750..02d8f03a 100644
--- a/si/student-welcome-guide/where-to-apply-for-residence/index.html
+++ b/si/student-welcome-guide/where-to-apply-for-residence/index.html
@@ -71,7 +71,7 @@
                 </ul>
             </nav>
             <div class="navigation-actions">
-                <button class="btn btn-secondary">Postani član</button>
+                <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
                 <button class="btn btn-primary">Doniraj</button>
                 <div class="language-selector">
                     <div class="current-lang">
@@ -141,7 +141,7 @@
         </ul>
     </nav>
     <div class="navigation-actions">
-        <button class="btn btn-secondary">Postani član</button>
+        <a href="../../../si/become-a-member/" class="btn btn-secondary">Postani član</a>
         <button class="btn btn-primary">Doniraj</button>
         <div class="language-selector">
             <button class="current-lang" id="mobile-lang-trigger">