prosberry/blog/index.html

261 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Medkulturni kotiček - Prosberry</title>
<meta name="description"
content="Novice, razmisleki in napovedi iz sveta medkulturnega povezovanja in poučevanja angleščine, ki jih z vami deli Prosberry.">
<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="/blog/">Blog</a>
<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>
</div>
<div class="mobile-menu-btn">
<span></span>
<span></span>
<span></span>
</div>
</nav>
</header>
<main>
<section class="contact-hero blog-hero">
<div class="contact-hero-content" data-aos="fade-up">
<span class="contact-hero-kicker">Zamisli, razumi, poveži</span>
<h1>Medkulturni kotiček</h1>
<p class="contact-hero-lead">Članki, refleksije in vaje, ki zberejo izkušnje iz učenja jezikov,
medkulturnega posredovanja in delavnic za šole ter vrtce.</p>
</div>
<div class="contact-hero-shape shape-a"></div>
<div class="contact-hero-shape shape-b"></div>
<div class="contact-hero-shape shape-c"></div>
<div class="contact-hero-shape shape-d"></div>
</section>
<section class="blog-content">
<div class="blog-layout-wrapper">
<div class="blog-main-column">
<article class="featured-article" data-aos="fade-up">
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html">
<img src="/assets/images/blog/2025-11-18-dojemanje-casa-tocnosti-discipline/header.png"
alt="Dojemanje časa, točnosti in discipline od juga proti severu Evrope">
<div class="featured-article-content">
<p class="article-date">18. november 2025</p>
<h2>Dojemanje časa, točnosti in discipline od juga proti severu Evrope</h2>
<p>Medkulturne razlike v dojemanju časa segajo od sproščenih odnosov na jugu do natančne
discipline na severu Evrope, zato je pomembno razumeti, kaj posamezne skupine
resnično sporočajo z zamudo ali redom.</p>
</div>
</a>
</article>
<div class="recent-articles-grid" data-aos="fade-up" data-aos-delay="100">
<article class="recent-card">
<a href="/blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html">
<img src="/assets/images/blog/2025-11-17-medkulturnost-prostor-za-rast/header.png"
alt="Medkulturnost: prostor za rast v razredih in skupinah vrtca">
<h3>Medkulturnost: prostor za rast v razredih in skupinah vrtca</h3>
<p class="article-date">17.11.2025</p>
<p>Kako ustvariti varen prostor za učno povezovanje v razredih in skupinah vrtca, kjer
so otroci iz različnih kulturnih okolij.</p>
</a>
</article>
<article class="recent-card placeholder-card">
<a href="#">
<img src="/assets/images/blog/placeholder.webp" alt="Pripravljamo nove vsebine">
<h3>Pripravljamo nove vsebine</h3>
<p class="article-date">pomlad 2026</p>
<p>Razmišljanja o tem, kako navdušiti učence za medkulturne pogovore in skupinske
projekte.</p>
</a>
</article>
<article class="recent-card placeholder-card">
<a href="#">
<img src="/assets/images/blog/placeholder.webp" alt="Kratek vodič po delavnicah">
<h3>Kratek vodič po delavnicah</h3>
<p class="article-date">pomlad 2026</p>
<p>Kako strukturirati delavnico, ki vključuje starše, učitelje in otroke v enakopravnem
dialogu.</p>
</a>
</article>
</div>
</div>
<aside class="blog-sidebar" data-aos="fade-up" data-aos-delay="150">
<div class="sidebar-card">
<h3>Seznam starejših člankov</h3>
<p class="sidebar-subtitle">Le naslovi in datumi</p>
<ul class="older-articles-list">
</ul>
</div>
<div class="sidebar-card">
<h3>Arhiv vseh, ki niso na nobenem seznamu</h3>
<ul class="archive-list">
<!-- Additional archive items if needed -->
</ul>
</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 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>