Turn membership "ways to join" grid into Hub-style slider
Convert the fixed 6-card grid in the "There is more than one way to be part of MSOS" section into the Hub's auto-scrolling marquee, reusing the existing .hub-carousel mechanics with icon-based gradient cards. Applied across EN/MK/SI. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
764cf1ee66
commit
a7782eb28f
4 files changed
+117
-82
No files matched your search
@@ -260,31 +260,37 @@
|
||||
<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 class="hub-carousel mm-ways-carousel">
|
||||
<div class="hub-uses">
|
||||
<div class="hub-track">
|
||||
<div class="hub-group">
|
||||
<article class="hub-use mm-use">
|
||||
<div class="mm-use-ico"><i class="fas fa-envelope-open-text" aria-hidden="true"></i></div>
|
||||
<div class="hub-use-body"><h3>Остани поврзан</h3><p>Примај новости и знај што се случува.</p></div>
|
||||
</article>
|
||||
<article class="hub-use mm-use">
|
||||
<div class="mm-use-ico"><i class="fas fa-mug-hot" aria-hidden="true"></i></div>
|
||||
<div class="hub-use-body"><h3>Приклучи се на заедницата</h3><p>Доаѓај на настани, запознавај луѓе и учествувај кога ти одговара.</p></div>
|
||||
</article>
|
||||
<article class="hub-use mm-use">
|
||||
<div class="mm-use-ico"><i class="fas fa-hands-helping" aria-hidden="true"></i></div>
|
||||
<div class="hub-use-body"><h3>Волонтирај повремено</h3><p>Помагај на избрани активности без долгорочна обврска.</p></div>
|
||||
</article>
|
||||
<article class="hub-use mm-use">
|
||||
<div class="mm-use-ico"><i class="fas fa-diagram-project" aria-hidden="true"></i></div>
|
||||
<div class="hub-use-body"><h3>Приклучи се на проекти</h3><p>Придонеси на конкретни иницијативи, кампањи, водичи или соработки.</p></div>
|
||||
</article>
|
||||
<article class="hub-use mm-use">
|
||||
<div class="mm-use-ico"><i class="fas fa-calendar-check" aria-hidden="true"></i></div>
|
||||
<div class="hub-use-body"><h3>Организирај настани</h3><p>Помагај да се планираат, координираат, промовираат и реализираат активности.</p></div>
|
||||
</article>
|
||||
<article class="hub-use mm-use">
|
||||
<div class="mm-use-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
|
||||
<div class="hub-use-body"><h3>Преземи одговорност</h3><p>Истражи лидерство, управување, застапување или улоги во локален тим.</p></div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in new issue
Block a user