Homepage refresh, activities redesign + newsletter rollout

Navigation
- Replace "Donate" with a "Support MSOS ❤️" CTA site-wide
- Remove dead nav links (Gallery, Press releases)
- Turn the one-item News dropdown into a direct link

Homepage
- Replace the non-functional "Become part" contact form with a
  "Find your people in Slovenia" join CTA (blue/white gradient band,
  orange button, photo collage), in all three languages
- Fix the placeholder Activities subtitle
- Redesign Activities into card-style tabs with icons; move per-tab
  content into HTML panels and switch by index so the tabs work in
  every language (MK/SI tabs were previously dead)

Newsletter (MailerLite)
- Add the subscribe block to the News hub, news articles, and every
  events/projects page and hub, in all three languages
- Resize/rebalance the block, shrink the privacy line, add top spacing
- Standardise on honest copy (drop the "2,000+ subscribers" claim)
- Load main.js on the News hub pages (they shipped without it, so the
  form and header dropdowns didn't work there)
- Fix a dead privacy-policy link on the makedonska-vecer page
- Document the signup convention in docs/newsletter-signup.md

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-01 19:51:59 +02:00
1 parent f492a8a547
commit 9e8cbc5876
199 files changed
+1765 -3971

No files matched your search

@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -246,6 +232,21 @@
</figure>
</div>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="../../../en/privacy-policy/">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -195,6 +181,21 @@
<p>Rest in peace, Frosina. 🕊️🙏🏻</p>
</div>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="../../../en/privacy-policy/">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -205,6 +191,21 @@
<p>May the victims rest in peace.</p>
</div>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="../../../en/privacy-policy/">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
+19 -18
View File
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -314,6 +300,21 @@
</nav>
</div>
</section>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="../../en/privacy-policy/">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -286,8 +272,8 @@
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -257,15 +243,15 @@
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Придружете се на 2.000+ претплатници</h2>
<p>Останете во тек со сè што треба да знаете.</p>
<h2>Не пропуштајте ниту една новост од МСОС</h2>
<p>Вести, соопштенија и отворени повици — директно во вашето сандаче.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Внесете ја вашата е-пошта">
</div>
<button type="submit" class="btn btn-primary-orange">Претплати се</button>
</form>
<p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
<p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="../../../mk/privacy-policy/">политика за приватност</a></p>
</div>
</div>
</section>
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -312,8 +298,8 @@
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -308,8 +294,8 @@
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -272,8 +258,8 @@
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Join 2,000+ subscribers</h2>
<p>Stay in the loop with everything you need to know.</p>
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
+19 -18
View File
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -229,6 +215,21 @@
</figure>
</div>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="../../../en/privacy-policy/">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->
@@ -42,7 +42,6 @@
<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>
@@ -55,18 +54,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
@@ -106,7 +99,6 @@
<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>
@@ -119,18 +111,12 @@
<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>
<li class="menu-item"><a href="../../../en/news/">News</a></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>
<button class="btn btn-primary">Support MSOS ❤️</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
@@ -217,6 +203,21 @@
</figure>
</div>
</article>
<section class="newsletter-cta">
<div class="container">
<div class="cta-content">
<h2>Never miss an MSOS update</h2>
<p>News, announcements and open calls — straight to your inbox.</p>
<form class="subscribe-form-bottom">
<div class="input-wrapper">
<input type="email" placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="../../../en/privacy-policy/">privacy policy</a></p>
</div>
</div>
</section>
</main>
<!-- START_FOOTER -->