216 lines
11 KiB
HTML
216 lines
11 KiB
HTML
<!-- {
|
|
"title": "Sample Article Title",
|
|
"date": "2025-11-17",
|
|
"image": "/assets/images/blog/sample-image.webp",
|
|
"summary": "This is a sample summary for the article. It should be one or two sentences long."
|
|
} -->
|
|
<!DOCTYPE html>
|
|
<html lang="sl">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Sample Article Title - Prosberry</title>
|
|
<meta name="description"
|
|
content="This is a sample summary for the article. It should be one or two sentences long.">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
|
|
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
|
|
<link rel="stylesheet" href="/css/style.css?v=1763500835">
|
|
<link rel="stylesheet" href="/css/animations.css">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon/favicon-96x96.png">
|
|
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg">
|
|
<link rel="shortcut icon" href="/assets/favicon/favicon.ico">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
|
|
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
|
</head>
|
|
|
|
<body>
|
|
<header class="main-header">
|
|
<nav class="nav-container">
|
|
<div class="logo">
|
|
<a href="/">
|
|
<picture>
|
|
<source
|
|
srcset="/assets/images/logo-100w.webp 100w, /assets/images/logo-200w.webp 200w, /assets/images/logo-400w.webp 400w, /assets/images/logo.webp 1500w"
|
|
sizes="(max-width: 768px) 100px, 180px" type="image/webp">
|
|
<img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async"
|
|
fetchpriority="high">
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
<div class="nav-links">
|
|
<a href="/">Naslovnica</a>
|
|
<!-- Zavihek "Ponudba" je zdaj dropdown meni -->
|
|
<div class="dropdown">
|
|
<button class="dropbtn">Ponudba</button>
|
|
<div class="dropdown-content">
|
|
<a href="/ponudba/">Splošne ponudbe</a>
|
|
<!-- Celoten meni "Skupaj za vključevanje" je premaknjen sem -->
|
|
<div class="dropdown-submenu">
|
|
<a href="#">Skupaj za vključevanje</a>
|
|
<div class="dropdown-submenu-content">
|
|
<div class="dropdown-submenu">
|
|
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
|
|
<div class="dropdown-submenu-content">
|
|
<a
|
|
href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
|
|
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
|
|
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
|
|
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown-submenu">
|
|
<a href="#">Delavnice</a>
|
|
<div class="dropdown-submenu-content">
|
|
<div class="dropdown-submenu">
|
|
<a href="#">Šola</a>
|
|
<div class="dropdown-submenu-content">
|
|
<a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se
|
|
splača znati slovensko?</a>
|
|
<a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši
|
|
priseljenci</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown-submenu">
|
|
<a href="#">Vrtec</a>
|
|
<div class="dropdown-submenu-content">
|
|
<a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj
|
|
gradimo nove začetke</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown-submenu">
|
|
<a href="#">Zaposleni</a>
|
|
<div class="dropdown-submenu-content">
|
|
<a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do
|
|
sošolca</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Konec menija "Ponudba" -->
|
|
<div class="dropdown">
|
|
<button class="dropbtn">Skupaj za vključevanje</button>
|
|
<div class="dropdown-content">
|
|
<div class="dropdown-submenu">
|
|
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/">MK posredovanje</a>
|
|
<div class="dropdown-submenu-content">
|
|
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Individualno</a>
|
|
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#skupinsko">Skupinsko</a>
|
|
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek</a>
|
|
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Oblike</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown-submenu">
|
|
<a href="#">Delavnice</a>
|
|
<div class="dropdown-submenu-content">
|
|
<div class="dropdown-submenu">
|
|
<a href="#">Šola</a>
|
|
<div class="dropdown-submenu-content">
|
|
<a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">Zakaj se splača
|
|
znati slovensko?</a>
|
|
<a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">Šola in starši
|
|
priseljenci</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown-submenu">
|
|
<a href="#">Vrtec</a>
|
|
<div class="dropdown-submenu-content">
|
|
<a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">Skupaj gradimo nove
|
|
začetke</a>
|
|
</div>
|
|
</div>
|
|
<div class="dropdown-submenu">
|
|
<a href="#">Zaposleni</a>
|
|
<div class="dropdown-submenu-content">
|
|
<a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">Od tujca do
|
|
sošolca</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="/kdo-sem">Kdo sem</a>
|
|
<a href="/kontakt">Kontakt</a>
|
|
<a href="/pogosta-vprasanja">Pogosta vprašanja</a>
|
|
<a href="/cene-in-reference">Cene in reference</a>
|
|
<a href="/blog/">Blog</a>
|
|
</div>
|
|
<div class="mobile-menu-btn">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<section class="article-hero">
|
|
<div class="article-hero-text">
|
|
<p class="article-date">17. november 2025</p>
|
|
<h1>Sample Article Title</h1>
|
|
<p class="article-summary">This is a sample summary for the article. It should be one or two sentences
|
|
long.</p>
|
|
</div>
|
|
<div class="article-hero-image" style="background-image: url('/assets/images/blog/sample-image.webp');">
|
|
</div>
|
|
</section>
|
|
<section class="article-content-section">
|
|
<div class="article-grid" data-aos="fade-up">
|
|
<article class="article-card">
|
|
<div class="article-card-body">
|
|
|
|
</div>
|
|
</article>
|
|
<aside class="article-sidebar">
|
|
<div class="sidebar-card">
|
|
<h3>Povezave</h3>
|
|
<a href="/blog/">Vsi članki</a>
|
|
<a href="/skupaj-za-vkljucevanje/">Skupaj za vključevanje</a>
|
|
<a href="/kontakt/">Kontakt</a>
|
|
</div>
|
|
<div class="sidebar-card">
|
|
<h3>Podpora</h3>
|
|
<p>Potrebujete pomoč pri razumevanju kulturne dinamike v razredu?</p>
|
|
<a class="cta-button" href="/kontakt/">Pišite nam</a>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</section>
|
|
<section class="final-cta">
|
|
<div class="final-cta-content" data-aos="fade-up">
|
|
<h2>Imaš vprašanje? Pokliči ali piši!</h2>
|
|
<div class="final-cta-buttons">
|
|
<a href="tel:+38630312855" class="cta-button contact-link">+386 30 312 855</a>
|
|
<a href="mailto:info@prosberry.si" class="cta-button contact-link">info@prosberry.si</a>
|
|
</div>
|
|
<p>Skupaj ustvarimo prostor za učenje, razumevanje in povezovanje.</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<div class="footer-content">
|
|
<div class="footer-logo">
|
|
<h3>PROSBERRY</h3>
|
|
</div>
|
|
<div class="footer-links">
|
|
<p><a href="/politika-zasebnosti/">Politika zasebnosti</a></p>
|
|
</div>
|
|
<div class="footer-contact">
|
|
<p>Email: <a href="mailto:info@prosberry.si">info@prosberry.si</a></p>
|
|
<p>Tel: <a href="tel:+38630312855">+386 30 312 855</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
|
|
<script src="/js/main.js" defer></script>
|
|
</body>
|
|
|
|
</html>
|