Files
msos/en/student-welcome-guide/document-preparation/index.html
T
popovskikandClaude Opus 4.8 f5dfd8830e Hub redesign, per-language logos, partner carousel, footer + menu fixes
MSOS Hub page:
- "What you can do here": Porsche-style vertical image cards in a
  continuous auto-scrolling marquee with edge fades (real photos placeholders)
- "A glimpse of the space": full-bleed band of 4 connected photos
- "A space we built together": full-bleed image banner with blue gradient overlay
- "Made possible by": partner logo tiles (Cultural Association + Ministry);
  processed Ministry + Cultural Association logos from source art
- Copy/spacing polish; removed em-dashes; larger section spacing; deeper
  final-CTA gradient so it no longer blends into the footer

Branding / partners:
- Per-language MSOS logos (SVG) in header + footer across all pages
- Partner carousel: added Ministry (wide variant), Cultural Association,
  Embassy of North Macedonia, and Spletni Mojster (width-capped); de-duplicated
  logos within each marquee group so new logos appear sooner

Footer:
- Build credit line (Spletni Mojster + Kristijan), clean centered text
- Synced MK/SI footers to EN (added missing About us + Timeline links)

Landing page:
- FAQ short CTA already avatar design (FAQ page kept its Email/Viber block)
- Swapped blurry stock video thumbnail for the real team photo
- Removed the intentional hero-background blur

Navigation:
- Mobile menu: use 100dvh so the language selector is reachable with submenus open
- Desktop: dropdown parents no longer navigate to dead "/#" links

Language suggestion banner:
- Dismissible, browser-language based banner suggesting the matching locale;
  remembers choice in localStorage and waits for the cookie-consent choice
  to avoid overlapping the consent card

Removed stale *.html.bak backup files.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-08-03 14:06:53 +02:00

351 lines
23 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prepare your documents correctly - MSOS</title>
<!-- SEO:START -->
<!-- Google tag (gtag.js) with Consent Mode v2 (default: denied) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WVYV807VSS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied',
analytics_storage: 'denied', wait_for_update: 500
});
// Restore a returning visitor's prior choice before the first hit.
try { if (localStorage.getItem('msos-consent') === 'granted') {
gtag('consent', 'update', { ad_storage:'granted', ad_user_data:'granted',
ad_personalization:'granted', analytics_storage:'granted' }); } } catch(e){}
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js" defer></script>
<meta name="description" content="One master folder, clear filenames, the difference between original, copy, translation, and legalisation, and basic data protection.">
<link rel="canonical" href="https://msosorg.com/en/student-welcome-guide/document-preparation/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/student-welcome-guide/document-preparation/">
<link rel="alternate" hreflang="mk" href="https://msosorg.com/mk/student-welcome-guide/document-preparation/">
<link rel="alternate" hreflang="sl" href="https://msosorg.com/si/student-welcome-guide/document-preparation/">
<link rel="alternate" hreflang="x-default" href="https://msosorg.com/en/student-welcome-guide/document-preparation/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Macedonian Student Organisation in Slovenia">
<meta property="og:title" content="Prepare your documents correctly - MSOS">
<meta property="og:description" content="One master folder, clear filenames, the difference between original, copy, translation, and legalisation, and basic data protection.">
<meta property="og:url" content="https://msosorg.com/en/student-welcome-guide/document-preparation/">
<meta property="og:image" content="https://msosorg.com/images/og-default.jpg">
<meta property="og:locale" content="en_GB">
<meta property="og:locale:alternate" content="mk_MK">
<meta property="og:locale:alternate" content="sl_SI">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Prepare your documents correctly - MSOS">
<meta name="twitter:description" content="One master folder, clear filenames, the difference between original, copy, translation, and legalisation, and basic data protection.">
<meta name="twitter:image" content="https://msosorg.com/images/og-default.jpg">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Macedonian Student Organisation in Slovenia","alternateName":"MSOS","url":"https://msosorg.com/en/","logo":"https://msosorg.com/images/1-logo.png","email":"info@msosorg.com","address":{"@type":"PostalAddress","streetAddress":"Masarykova cesta 24","postalCode":"1000","addressLocality":"Ljubljana","addressCountry":"SI"},"sameAs":["https://www.facebook.com/msos.org","https://www.instagram.com/msosorg_com","https://www.linkedin.com/company/msos-org","https://www.youtube.com/@msosorg"]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"Prepare your documents correctly","description":"One master folder, clear filenames, the difference between original, copy, translation, and legalisation, and basic data protection.","image":"https://msosorg.com/images/og-default.jpg","inLanguage":"en","author":{"@type":"Organization","name":"Macedonian Student Organisation in Slovenia","url":"https://msosorg.com/en/"},"publisher":{"@type":"Organization","name":"Macedonian Student Organisation in Slovenia","logo":{"@type":"ImageObject","url":"https://msosorg.com/images/1-logo.png"}},"mainEntityOfPage":"https://msosorg.com/en/student-welcome-guide/document-preparation/"}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://msosorg.com/en/"},{"@type":"ListItem","position":2,"name":"Student Welcome Guide","item":"https://msosorg.com/en/student-welcome-guide/"},{"@type":"ListItem","position":3,"name":"Prepare your documents correctly","item":"https://msosorg.com/en/student-welcome-guide/document-preparation/"}]}</script>
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<!-- SEO:END -->
<!-- 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" />
<!-- Correct path 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/msos-logo-en.svg" 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>
<li><a href="../../../en/msos-hub/">MSOS Hub</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>
</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"><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>
<a href="../../../en/support/" class="btn btn-primary">Support MSOS ❤️</a>
<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>
<li><a href="../../../en/msos-hub/">MSOS Hub</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>
</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"><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>
<a href="../../../en/support/" class="btn btn-primary">Support MSOS ❤️</a>
<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="article-page">
<article class="article-container">
<header class="article-header">
<h1>Prepare your documents correctly</h1>
<p class="article-subtitle">One master folder, clear filenames, the difference between original, copy, translation, and legalisation, and basic data protection.</p>
</header>
<figure class="guide-hero-image guide-hero-image--placeholder">
<span><i class="fas fa-image" aria-hidden="true"></i>Image placeholder</span>
</figure>
<div class="article-body">
<div class="guide-meta">
<span class="guide-tag ">Applies to: students from Macedonia</span>
<span class="guide-tag ">Last checked: 30 July 2026</span>
<span class="guide-tag is-evergreen">Update class: Evergreen</span>
</div>
<h2>Create one master folder</h2>
<p>Use a clear structure such as passport, secondary school, bachelor degree, translations, eVŠ, admission, residence, health insurance, accommodation, enrolment, tax and bank, and renewals. Store it securely in two locations.</p>
<h2>Filename examples</h2>
<ul class="guide-checklist">
<li>passport-name-valid-until-2031.pdf</li>
<li>secondary-final-certificate-original.pdf</li>
<li>secondary-final-certificate-slovenian-translation.pdf</li>
<li>bachelor-transcript-all-years.pdf</li>
<li>evs-submission-confirmation-2026.pdf</li>
</ul>
<h2>Original, copy, translation</h2>
<ul class="guide-checklist">
<li>Original: document issued by the institution</li>
<li>Copy: reproduction of the original</li>
<li>Certified copy: copy formally confirmed as matching the original</li>
<li>Translation: language version</li>
<li>Certified translation: translation prepared or certified for official use</li>
<li>Legalisation: confirmation of document authenticity where required</li>
</ul>
<h2>Passport and criminal-record certificate</h2>
<p>Residence authorities may consider passport validity when determining the permit period, so renew early if it expires during the study year. A first temporary-residence application may require a criminal-record certificate from the home country; check how recent it must be, whether translation or legalisation is required, and whether an original is required.</p>
<aside class="guide-box guide-box--msos">
<p class="guide-box-title"><i class="fas fa-comment" aria-hidden="true"></i>From student experience</p>
<p>Do not upload passport copies to unverified landlords, social-media profiles, or unknown intermediaries. Watermark a copy where appropriate with the purpose and date, unless an official authority requires an unaltered copy. Ask for a receipt when an authority keeps an original.</p>
</aside>
<h2>Sources and further information</h2>
<ul class="guide-linklist">
<li><a href="https://studyinslovenia.si/how-to-apply/recognition-of-foreign-education/" target="_blank" rel="noopener">Recognition of foreign education for study</a></li>
<li><a href="https://www.gov.si/en/representations/embassy-skopje/vizumske-informacije-veleposlanistva-skopje/" target="_blank" rel="noopener">Embassy visa and residence information</a></li>
<li><a href="https://www.fu.gov.si/" target="_blank" rel="noopener">FURS</a></li>
</ul>
<p class="guide-last-checked">Last checked: 30 July 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>Still need help?</h2>
<p>If something is unclear or missing, contact MSOS and we will help you find the right institution or answer. Deadlines and rules change, so always confirm the details that matter for your case.</p>
<a class="guide-help-email" href="mailto:info@msosorg.com?subject=Guide%20feedback%3A%20Prepare%20your%20documents%20correctly"><i class="fas fa-envelope" aria-hidden="true"></i>Email us</a>
</div>
<div class="guide-viber">
<p class="guide-viber-title"><i class="fab fa-viber" aria-hidden="true"></i>Viber community of Macedonian students in Slovenia</p>
<p class="guide-viber-text">Join our Viber community to ask questions and meet other Macedonian students already studying in Slovenia.</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>Join the Viber community</a>
</div>
<div class="guide-feedback" data-slug="document-preparation">
<p class="guide-feedback-q">Was this page helpful?</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>Yes</button>
<button type="button" class="guide-feedback-btn" data-vote="no"><i class="fas fa-thumbs-down" aria-hidden="true"></i>No</button>
</div>
<p class="guide-feedback-msg guide-feedback-yes" hidden>Thanks, we are glad this helped.</p>
<p class="guide-feedback-msg guide-feedback-no" hidden>Thanks for telling us. Help us improve this page by writing what was missing to <a href="mailto:info@msosorg.com?subject=Guide%20feedback%3A%20Prepare%20your%20documents%20correctly">info@msosorg.com</a> or ask in our <a href="https://invite.viber.com/?g2=AQA8mf%2BZki%2FEk1GS2lyGTD6tc7SdqKmI5pVkOKT1jVasvZz0Lhn8esKYxjza9xoy" target="_blank" rel="noopener">Viber community</a>.</p>
<div class="guide-feedback-comment" hidden>
<label class="guide-feedback-comment-label" for="fbc-document-preparation">What was missing or unclear? (optional)</label>
<textarea id="fbc-document-preparation" class="guide-feedback-comment-input" rows="3" placeholder="Tell us what we can improve on this page"></textarea>
<button type="button" class="guide-feedback-comment-send">Send</button>
<p class="guide-feedback-comment-thanks" hidden>Thanks, we received your note.</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 loading="lazy" decoding="async" src="../../../images/msos-logo-white-en.svg" 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>
</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>
<a href="../../../en/legal/">Official information</a>
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Manage cookies</a>
</div>
</div>
<div class="footer-credit">
<span>Built with the help of Mark and Domen from <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Spletni Mojster</a> and Kristijan from MSOS. Big thanks to them!</span>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js"></script>
<script src="../../../guide-feedback.js"></script>
</body>
</html>