prosberry/index.html

321 lines
21 KiB
HTML
Raw Permalink 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">Začetna</a>
<!-- 1. Poučevanje jezikov (prej Ponudba) -->
<a href="/ponudba/" >Učenje jezikov</a>
<!-- 2. Medkulturno povezovanje (prej Skupaj za vključevanje) -->
<!-- Opomba: Povezava vodi na medkulturno posredovanje s podmenijem -->
<div class="dropdown">
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropbtn" >Medkulturno povezovanje</a>
<div class="dropdown-content">
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/" class="dropdown-main-link">Pregled strani</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#individualno">Načini posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#oblike">Vrste posredovanja</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#sodelujem">S kom sodelujem</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#potek">Potek sodelovanja in cena</a>
<a href="/skupaj-za-vkljucevanje/medkulturno-posredovanje/#zakaj">Zakaj izbrati Prosberry</a>
</div>
</div>
<!-- 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="overflow: visible;">
<div class="hero-new-content">
<!-- 1. Področje z besedilom (naslov, slogani) -->
<div class="hero-welcome-area" data-aos="fade-up">
<h1 id="hero-welcome">Dobrodošli v prostoru rasti in sodelovanja</h1>
<p class="hero-slogan">PROSBERRY mesto, kjer učenje, povezovanje in podpora postanejo enostavni!</p>
<p class="hero-new-description">Učenje splošne in poslovne angleščine za vse starostne skupine ter podpora medkulturni integraciji v vrtcih, šolah in institucijah</p>
<div class="hero-cta-box-inline">
<p style="font-size: 0.85rem; margin-bottom: 0.5rem; color: #333; line-height: 1.4;">
<strong>Imate vprašanje ali razmišljate o sodelovanju?</strong> Uvodni pogovor je brezplačen in brez obveznosti.
</p>
<div style="text-align: center;">
<a href="/kontakt/" class="cta-button" style="display: inline-block; margin-top: 0; padding: 0.5rem 1rem; font-size: 0.85rem;">Kontaktirajte me</a>
</div>
</div>
<p class="hero-new-slogan">Uči se angleščine, spoznaj medkulturne zgodbe in uživaj v vsakem koraku!</p>
</div>
<!-- 2. Slika (Sredina na desktopu) -->
<div class="hero-new-image" data-aos="fade-left">
<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>
<!-- 3. DESNI STOLPEC: Calendly + Delavnice (Združeno v wrapper) -->
<div class="sidebar-wrapper" data-aos="fade-left" data-aos-delay="200">
<!-- Zgornji okvirček: Calendly -->
<div class="home-appointment-box">
<h3>Želite medkulturno posredovanje ali delavnico?</h3>
<a href="https://calendly.com/amra-kuresepi" target="_blank" class="cta-button">Rezervirajte termin</a>
</div>
<!-- Spodnji okvirček: Aktualne delavnice -->
<div class="workshops-sidebar-inline">
<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>
<!-- 4. PRIPOROČAMO BRANJE (Desktop: pod sliko v sredini) -->
<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="Kako medkulturnost spodbuja rast?" class="rec-thumb">
<span>Kako medkulturnost spodbuja rast?</span>
</a>
<a href="/blog/clanki/2025-11-18-dojemanje-casa-tocnosti-discipline.html" class="rec-item">
<img src="/assets/images/ikona2.png" alt="Kako se čas in disciplina razlikujeta po kulturah?" class="rec-thumb">
<span>Kako se čas in disciplina razlikujeta po kulturah?</span>
</a>
<a href="/blog/clanki/2025-12-21-od-ucilnice-do-skupnosti.html" class="rec-item">
<img src="/assets/images/ikona3.png" alt="Kako učenje ustvarja skupnost?" class="rec-thumb">
<span>Kako učenje ustvarja skupnost?</span>
</a>
</div>
</div>
<!-- 5. ZAKAJ PROSBERRY (Desktop: pod besedilom levo) -->
<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>
<!-- 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>Kaj lahko izberete</h2>
</div>
<div class="features-grid">
<div class="feature-card" data-aos="fade-up" data-aos-delay="100">
<h3>Učenje 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>Medkulturno povezovanje</h3>
<p>Z medkulturnim posredovanjem pomagamo premagovati jezikovne in kulturne razlike. Delujemo v slovenščini kot uradnem jeziku in v albanščini ter podpiramo posameznike, družine in strokovne delavce pri lažji komunikaciji in vključevanju.</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>Delavnice za vključevanje</h3>
<p>Podpirajo šole in vrtce pri vključevanju otrok priseljencev ter krepitvi sodelovanja z njihovimi družinami. Delavnice naroči šola ali vrtec za: <a href="/skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/" style="color: var(--primary-color); text-decoration: underline;">učence priseljence</a>, <a href="/skupaj-za-vkljucevanje/delavnica-sola-in-starsi/" style="color: var(--primary-color); text-decoration: underline;">starše učencev priseljencev</a>, <a href="/skupaj-za-vkljucevanje/delavnica-vrtec-novi-zacetki/" style="color: var(--primary-color); text-decoration: underline;">starše otrok priseljencev v vrtcih</a> ter <a href="/skupaj-za-vkljucevanje/delavnica-od-tujca-do-sosolca/" style="color: var(--primary-color); text-decoration: underline;">zaposlene v šolah in vrtcih</a>.</p>
<a href="/delavnice/" class="cta-button">Razišči delavnice</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>
</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 klicnega 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>
<!-- ===== KONEC NOVE VSEBINE ===== -->
</main>
<section class="final-cta">
<div class="final-cta-content" data-aos="fade-up">
<h2>Imate vprašanje ali razmišljate o sodelovanju?</h2>
<p style="font-size: 1.1rem; margin-bottom: 2rem; color: #444;">Z veseljem se pogovorimo!</p>
<div class="final-cta-buttons">
<a href="tel:+38630312855" class="cta-button contact-link">Pokličite me: +386 30 312 855</a>
</div>
<p style="margin-top: 2rem; font-size: 1.05rem;">Ali pišite preko <a href="/kontakt/" style="color: var(--primary-color); font-weight: 600; text-decoration: underline;">kontaktnega obrazca</a>.</p>
</div>
</section>
<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>