prosberry/index.html

281 lines
18 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>Prosberry - Medkulturno izobraževanje in podpora</title>
<meta name="description" content="Prosberry je vaš medkulturni kotiček za učenje angleščine, razumevanje medkulturnih odnosov in osebno rast. Nudimo delavnice, medkulturno posredovanje in individualno podporo.">
<meta name="keywords" content="učenje angleščine, medkulturno posredovanje, delavnice za otroke, delavnice za starše, delavnice za šole, Amra Kurešepi Zulji, Prosberry">
<meta name="author" content="Amra Kurešepi Zulji">
<link rel="canonical" href="https://www.prosberry.si/">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://unpkg.com">
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://unpkg.com">
<link rel="preload" as="image" href="/assets/images/amra-767w.webp" imagesrcset="/assets/images/amra-320w.webp 320w, /assets/images/amra-480w.webp 480w, /assets/images/amra-767w.webp 767w, /assets/images/amra-960w.webp 960w, /assets/images/amra.webp 1544w" imagesizes="(max-width: 767px) 100vw, (max-width: 992px) 50vw, 480px">
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"></noscript>
<link rel="preload" href="https://unpkg.com/aos@next/dist/aos.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css"></noscript>
<link rel="stylesheet" href="/css/style.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="/" class="active">Naslovnica</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Poučevanje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi direktno na medkulturno posredovanje -->
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" >Medkulturno povezovanje</a>
<!-- 3. Delavnice za vključevanje (Nova glavna kategorija s podmenijem) -->
<div class="dropdown">
<a href="/delavnice/" class="dropbtn" >Delavnice za vključevanje</a>
<div class="dropdown-content">
<a href="/delavnice/" class="dropdown-main-link">Pregled delavnic</a>
<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>
<a href="/kdo-sem/" >Kdo sem</a>
<a href="/cene-in-reference/" >Cene in reference</a>
<a href="/pogosta-vprasanja/" >Vprašanja</a>
<a href="/blog/" >Blog</a>
<a href="/kontakt/" >Kontakt</a>
</div>
<div class="mobile-menu-btn">
<span></span>
<span></span>
<span></span>
</div>
</nav>
</header>
<main>
<!-- ===== ZAČETEK NOVE VSEBINE ===== -->
<!-- 1. Sekcija: Glavni pozdrav (Hero) -->
<section class="hero-new" style="max-height: 950px; overflow: visible;">
<div class="hero-new-content" style="grid-template-columns: 1.2fr 0.8fr 200px; gap: 2rem; max-width: 1600px;">
<div class="hero-new-text" data-aos="fade-up">
<h1>Dobrodošli v medkulturnem kotičku</h1>
<p class="hero-new-description">Učenje splošne in poslovne angleščine za vse starosti ter podpora medkulturni integraciji v vrtcih, šolah in institucijah</p>
<p class="hero-new-description-small">Dodatno: začetna slovenščina za prve korake in albanščina za osebni interes</p>
<p class="hero-new-slogan">Uči se angleščine, razvozlaj medkulturne vozle in uživaj v vsakem koraku!</p>
<div class="hero-info-box">
<h2>Zakaj PROSBERRY?</h2>
<p><strong>PROS</strong> simbolizira znanje, izkušnje in strokovnost, ki podpirajo rast in razvoj.</p>
<p><strong>BERRY</strong> predstavlja raznolikost in živost, ki bogati učenje, povezovanje in medkulturne izkušnje.</p>
<p>Tudi v jeziku in med ljudmi rastemo vsak po svoje z različnimi potrebami, ozadji in cilji.</p>
<p>Moj cilj je ustvariti prostor, kjer se lahko učimo, povezujemo in sodelujemo naravno, enostavno in z veseljem.</p>
</div>
</div>
<div class="hero-new-image" data-aos="fade-left" style="margin: 0;">
<img src="assets/images/amra.webp" alt="Amra Kurešepi Zulji" width="1544" height="1920" fetchpriority="high" srcset="/assets/images/amra-320w.webp 320w, /assets/images/amra-480w.webp 480w, /assets/images/amra-767w.webp 767w, /assets/images/amra-960w.webp 960w, /assets/images/amra.webp 1544w">
</div>
<!-- Panel: Aktualne delavnice (tretji stolpec) -->
<div class="workshops-sidebar-inline" data-aos="fade-left" data-aos-delay="200">
<h3>Aktualne delavnice</h3>
<div class="workshops-sidebar-list">
<a class="workshop-sidebar-item" href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/">
<img src="/assets/images/vkljucevanje/delavnica-ucenci.webp" alt="Zakaj se splača znati slovensko?" loading="lazy">
<span>Zakaj se splača znati slovensko?</span>
</a>
<a class="workshop-sidebar-item" href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/">
<img src="/assets/images/vkljucevanje/delavnica-starsi-sola.webp" alt="Šola in starši priseljenci" loading="lazy">
<span>Šola in starši priseljenci</span>
</a>
<a class="workshop-sidebar-item" href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/">
<img src="/assets/images/vkljucevanje/delavnica-starsi-vrtec.webp" alt="Skupaj gradimo nove začetke" loading="lazy">
<span>Skupaj gradimo nove začetke</span>
</a>
<a class="workshop-sidebar-item" href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/">
<img src="/assets/images/vkljucevanje/delavnica-ucitelji.webp" alt="Od tujca do sošolca" loading="lazy">
<span>Od tujca do sošolca</span>
</a>
</div>
</div>
</div>
<!-- Dekorativni elementi v ozadju -->
<div class="bg-shape shape-1"></div>
<div class="bg-shape shape-2"></div>
<div class="bg-shape shape-3"></div>
<div class="bg-shape shape-4"></div>
</section>
<!-- 2. Sekcija: Ključne ponudbe -->
<section class="features-section">
<div class="features-container">
<div class="features-intro" data-aos="fade-up">
<h2>PROSBERRY mesto, kjer učenje, povezovanje in podpora postanejo enostavni!</h2>
</div>
<div class="features-grid">
<div class="feature-card" data-aos="fade-up" data-aos-delay="100">
<h3>Poučevanje jezikov</h3>
<p>Z izurjeno profesorico, ki se je tudi sama kdaj lovila pri učenju in uporabi tujih jezikov, odkrij načine, kako se jezika naučiti prilagojeno svojim potrebam in ritmu.</p>
<a href="/ponudba/" class="cta-button">Odkrij ponudbe</a>
</div>
<div class="feature-card" data-aos="fade-up" data-aos-delay="200">
<h3>Odkrij, kako povežemo</h3>
<p>Z medkulturnim posredovanjem, ki vsakodnevne izzive naredi lažje za vse — v slovenščini, albanščini, srbščini in angleščini.</p>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="cta-button">Izvedi več</a>
</div>
<div class="feature-card" data-aos="fade-up" data-aos-delay="300">
<h3>Razišči delavnice</h3>
<p>Za priseljene otroke in starše, ki krepijo vezi s šolo ali vrtcem, ter za zaposlene v vrtcih in šolah, ki krepijo vezi z otroki in starši.</p>
<a href="/delavnice/" class="cta-button">DELAVNICE ZA VKLJUČEVANJE</a>
</div>
</div>
</div>
</section>
<!-- 3. Sekcija: Osebna predstavitev -->
<section class="about-amra-intro">
<div class="about-amra-wrapper" data-aos="fade-up">
<div class="about-amra-image">
<img src="assets/images/amra2.webp" alt="Amra Kurešepi Zulji" loading="lazy" decoding="async" width="480" height="503">
</div>
<div class="about-amra-content">
<p>Sem Amra mama, žena, raziskovalka jezikov in kultur ter vaša zvesta sopotnica na zanimivi poti učenja in odkrivanja novih svetov.</p>
<p>Kot profesorica angleščine in medkulturna posrednica vam pomagam usvajati angleščino (in druge jezike), odpirati vrata razumevanju ter ustvarjati priložnosti, da se v vsakem okolju počutite domače in samozavestno. Skupaj bomo rasli, se smejali in sijali v svetu novih možnosti!</p>
<a href="/kdo-sem/" class="cta-button-alt">MOJA ZGODBA</a>
</div>
<!-- Okvirček: Priporočamo branje -->
<div class="recommendation-box-home">
<h3>Priporočamo branje</h3>
<div class="rec-list">
<a href="/blog/clanki/2025-11-17-medkulturnost-prostor-za-rast.html" class="rec-item">
<img src="/assets/images/blog/2025-11-17-medkulturnost-prostor-za-rast/header.png" alt="Medkulturnost" class="rec-thumb">
<span>MEDKULTURNOST</span>
</a>
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
<img src="/assets/images/ikona2.png" alt="Čas, točnost in disciplina" class="rec-thumb">
<span>ČAS, TOČNOST IN DISCIPLINA</span>
</a>
<a href="/blog/clanki/2025-12-21-od-ucilnice-do-skupnosti.html" class="rec-item">
<img src="/assets/images/ikona3.png" alt="Od učilnice do skupnosti" class="rec-thumb">
<span>OD UČILNICE DO SKUPNOSTI</span>
</a>
</div>
</div>
</div>
</section>
<!-- 4. Sekcija: Poziv k akciji (CTA) -->
<section class="references-section" data-aos="fade-up">
<div class="references-container">
<div class="split-ref-layout">
<div class="ref-left-wrapper">
<div class="ref-left-spacer" aria-hidden="true"></div>
<h2 class="references-kicker-custom">Mnenja, ki dajejo vpogled...</h2>
<div class="ref-left-spacer" aria-hidden="true"></div>
<div class="ref-group-left">
<article class="reference-card">
<p style="text-align:justify;">V luči mojega osebnega pozna&shy;vanja kolegice Amre Kurešepi sem prepri&shy;čan, da lastnosti, ki jih je izkazo&shy;vala že med študijem, to je zavze&shy;tost, resnost, odgo&shy;vornost, samo&shy;stojnost in ustvar&shy;jalnost, izkazuje pri vsakem delu, ki ga opravlja.</p>
<div style="margin-top:auto; display:flex; flex-direction:column; gap:0.2rem;">
<p class="reference-author" style="margin-bottom:0;">red. prof. dr. Janez Skela</p>
<div class="reference-cta" style="white-space:nowrap; margin-top:0;">
<span>Preberi celo referenco</span>
<span class="reference-arrow"></span>
<a class="reference-button" href="/cene-in-reference/#reference-janez">Prikaži</a>
</div>
</div>
</article>
<article class="reference-card">
<p style="text-align:justify;">Amra, ful ti hvala za vse res. Tako sem vesela, da nimam odpora do učenja angleš&shy;čine. Res čutim, da sem na pravi poti in želim od tega tečaja odnesti max. Me je pa treba priganjati in ti početje to zelo prijazno in profe&shy;sio&shy;nalno, za kar sem ti neskončno hvaležna. Tokrat prvič nimam strahu in sramu, da bom povedala ali naredila kaj narobe.</p>
<p class="reference-author" style="text-align:left;">Mojca Triller, predstavnica klienca centra</p>
</article>
</div>
</div>
<article class="reference-card">
<p style="text-align:justify;">Z današnjo tehno&shy;logijo si s preva&shy;jalnikom sicer lahko prevedemo osnovne infor&shy;macije, za bolj kočljive teme pa je pogovor v živo nena&shy;domest&shy;ljiv. Kadar gre za teme, ki so za starše bolj čustvene (kot so otrokove težave v šoli ali učne težave, med&shy;vrstniško vklju&shy;čevanje, čustvene in vedenjske težave...) je še toliko bolj pomembno, da je sporočilo pravilno posre&shy;dovano in infor&shy;macije niso izgubljene v prevodu. Amra se je izkazala kot odlična pre&shy;vajalka prav v teh situacijah, saj je sama tudi učiteljica na osnovni šoli, pozna tako slovenski kot albanski šolski sistem ter tekoče govori oba jezika.</p>
<p class="reference-author" style="text-align:left;">Barbara Vodopivec, svetovalna delavka v OŠ Livada, Ljubljana</p>
<div class="reference-cta">
<span>Preberi celo referenco</span>
<span class="reference-arrow"></span>
<a class="reference-button" href="/cene-in-reference/#reference-barbara">Prikaži</a>
</div>
</article>
</div>
</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 ustvariva prostor za učenje in povezovanje.</p>
</div>
</section>
<!-- ===== KONEC NOVE VSEBINE ===== -->
</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>