Files
msos/mk/student-welcome-guide/document-preparation/index.html
T
popovskikandClaude Opus 4.8 9e8cbc5876 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>
2026-08-01 19:51:59 +02:00

298 lines
21 KiB
HTML

<!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>
</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"><a href="../../../mk/news/">Новости</a></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>
</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"><a href="../../../mk/news/">Новости</a></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="article-page">
<article class="article-container">
<header class="article-header">
<h1>Правилна подготовка на документите</h1>
<p class="article-subtitle">Една главна папка, јасни имиња на датотеки, разликата меѓу оригинал, копија, превод и легализација и основна заштита на податоци.</p>
</header>
<figure class="guide-hero-image guide-hero-image--placeholder">
<span><i class="fas fa-image" aria-hidden="true"></i>Место за слика</span>
</figure>
<div class="article-body">
<div class="guide-meta">
<span class="guide-tag ">Се однесува на: студенти од Македонија</span>
<span class="guide-tag ">Последна проверка: 30 јули 2026</span>
<span class="guide-tag is-evergreen">Тип на ажурирање: Трајно</span>
</div>
<h2>Создадете една главна папка</h2>
<p>Користете јасна структура како: пасош, средно училиште, додипломска диплома, преводи, eVŠ, прием, престој, здравствено осигурување, сместување, запишување, данок и банка и обнови. Чувајте ја на две локации.</p>
<h2>Примери на имиња на датотеки</h2>
<ul class="guide-checklist">
<li>pasos-ime-vazhecki-do-2031.pdf</li>
<li>sredno-konecno-svidetelstvo-original.pdf</li>
<li>sredno-konecno-svidetelstvo-sloven-prevod.pdf</li>
<li>dodiplomski-uverenie-ispiti-site-godini.pdf</li>
<li>evs-potvrda-podnesuvanje-2026.pdf</li>
</ul>
<h2>Оригинал, копија, превод</h2>
<ul class="guide-checklist">
<li>Оригинал: документ издаден од установата</li>
<li>Копија: репродукција на оригиналот</li>
<li>Заверена копија: копија официјално потврдена дека одговара на оригиналот</li>
<li>Превод: јазична верзија</li>
<li>Заверен превод: превод подготвен или заверен за официјална употреба</li>
<li>Легализација: потврда на автентичноста на документот каде што се бара</li>
</ul>
<h2>Пасош и уверение од казнена евиденција</h2>
<p>Органите за престој може да ја земат предвид важноста на пасошот при определување на периодот на дозволата, затоа обновете го рано ако истекува во студиската година. Првата пријава за привремен престој може да бара уверение од казнена евиденција од матичната земја; проверете колку неодамнешно мора да биде, дали е потребен превод или легализација и дали е потребен оригинал.</p>
<aside class="guide-box guide-box--msos">
<p class="guide-box-title"><i class="fas fa-comment" aria-hidden="true"></i>Од студентско искуство</p>
<p>Не прикачувајте копии од пасош кај непроверени изнајмувачи, профили на социјални мрежи или непознати посредници. Ставете воден жиг на копијата со целта и датумот каде што е соодветно, освен ако официјален орган бара неизменета копија. Побарајте потврда кога органот задржува оригинал.</p>
</aside>
<h2>Извори и дополнителни информации</h2>
<ul class="guide-linklist">
<li><a href="https://studyinslovenia.si/how-to-apply/recognition-of-foreign-education/" target="_blank" rel="noopener">Признавање на странско образование за студии</a></li>
<li><a href="https://www.gov.si/en/representations/embassy-skopje/vizumske-informacije-veleposlanistva-skopje/" target="_blank" rel="noopener">Информации за виза и престој од амбасадата</a></li>
<li><a href="https://www.fu.gov.si/" target="_blank" rel="noopener">FURS</a></li>
</ul>
<p class="guide-last-checked">Последна проверка: 30 јули 2026</p>
</div>
<section class="guide-help">
<div class="guide-help-contact">
<h2 class="guide-help-title"><i class="fas fa-life-ring" aria-hidden="true"></i>Сè уште ви треба помош?</h2>
<p>Ако нешто е нејасно или недостасува, контактирајте го МСОС и ќе ви помогнеме да ја најдете вистинската институција или одговор. Роковите и правилата се менуваат, па секогаш потврдете ги деталите што се важни за вашиот случај.</p>
<a class="guide-help-email" href="mailto:info@msosorg.com?subject=%D0%9F%D0%BE%D0%B2%D1%80%D0%B0%D1%82%D0%BD%D0%B0%20%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D1%98%D0%B0%20%D0%B7%D0%B0%20%D0%B2%D0%BE%D0%B4%D0%B8%D1%87%D0%BE%D1%82%3A%20%D0%9F%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D0%BD%D0%B0%20%D0%BF%D0%BE%D0%B4%D0%B3%D0%BE%D1%82%D0%BE%D0%B2%D0%BA%D0%B0%20%D0%BD%D0%B0%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B8%D1%82%D0%B5"><i class="fas fa-envelope" aria-hidden="true"></i>Пишете ни</a>
</div>
<div class="guide-viber">
<p class="guide-viber-title"><i class="fab fa-viber" aria-hidden="true"></i>Viber заедница на македонски студенти во Словенија</p>
<p class="guide-viber-text">Придружете се на нашата Viber заедница за да поставувате прашања и да запознаете други македонски студенти што веќе студираат во Словенија.</p>
<a class="guide-viber-btn" href="https://invite.viber.com/?g2=AQA8mf%2BZki%2FEk1GS2lyGTD6tc7SdqKmI5pVkOKT1jVasvZz0Lhn8esKYxjza9xoy" target="_blank" rel="noopener"><i class="fab fa-viber" aria-hidden="true"></i>Придружи се на Viber заедницата</a>
</div>
<div class="guide-feedback" data-slug="document-preparation">
<p class="guide-feedback-q">Дали оваа страница беше корисна?</p>
<div class="guide-feedback-buttons">
<button type="button" class="guide-feedback-btn" data-vote="yes"><i class="fas fa-thumbs-up" aria-hidden="true"></i>Да</button>
<button type="button" class="guide-feedback-btn" data-vote="no"><i class="fas fa-thumbs-down" aria-hidden="true"></i>Не</button>
</div>
<p class="guide-feedback-msg guide-feedback-yes" hidden>Ви благодариме, ни е драго што ова помогна.</p>
<p class="guide-feedback-msg guide-feedback-no" hidden>Ви благодариме за повратната информација. Помогнете ни да ја подобриме страницата пишувајќи ни што недостасуваше на <a href="mailto:info@msosorg.com?subject=%D0%9F%D0%BE%D0%B2%D1%80%D0%B0%D1%82%D0%BD%D0%B0%20%D0%B8%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D1%98%D0%B0%20%D0%B7%D0%B0%20%D0%B2%D0%BE%D0%B4%D0%B8%D1%87%D0%BE%D1%82%3A%20%D0%9F%D1%80%D0%B0%D0%B2%D0%B8%D0%BB%D0%BD%D0%B0%20%D0%BF%D0%BE%D0%B4%D0%B3%D0%BE%D1%82%D0%BE%D0%B2%D0%BA%D0%B0%20%D0%BD%D0%B0%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B8%D1%82%D0%B5">info@msosorg.com</a> или прашајте во нашата <a href="https://invite.viber.com/?g2=AQA8mf%2BZki%2FEk1GS2lyGTD6tc7SdqKmI5pVkOKT1jVasvZz0Lhn8esKYxjza9xoy" target="_blank" rel="noopener">Viber заедница</a>.</p>
<div class="guide-feedback-comment" hidden>
<label class="guide-feedback-comment-label" for="fbc-document-preparation">Што недостасуваше или беше нејасно? (изборно)</label>
<textarea id="fbc-document-preparation" class="guide-feedback-comment-input" rows="3" placeholder="Напишете што можеме да подобриме на оваа страница"></textarea>
<button type="button" class="guide-feedback-comment-send">Испрати</button>
<p class="guide-feedback-comment-thanks" hidden>Ви благодариме, ја добивме вашата порака.</p>
</div>
</div>
</section>
</article>
</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>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
<script src="../../../guide-feedback.js"></script>
</body>
</html>