243 lines
15 KiB
HTML
243 lines
15 KiB
HTML
<!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="/">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>
|
||
</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">
|
||
<div class="hero-new-content">
|
||
<div class="hero-new-text" data-aos="fade-up">
|
||
<h1>Dobrodošli v našem medkulturnem kotičku…</h1>
|
||
<p class="hero-new-subtitle">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">
|
||
<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>
|
||
</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>Uči se po svojem tempu</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">PONUDBE</a>
|
||
</div>
|
||
<div class="feature-card" data-aos="fade-up" data-aos-delay="200">
|
||
<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</a>
|
||
</div>
|
||
<div class="feature-card" data-aos="fade-up" data-aos-delay="300">
|
||
<h3>Prejmi podporo, ko jo najbolj potrebuješ</h3>
|
||
<p>Medkulturno posredovanje, 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">MK POSREDOVANJE</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="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>
|