prosberry/kdo-sem/index.html

232 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>Kdo sem - Prosberry</title>
<meta name="description" content="Spoznajte Amro Kurešepi Zulji, ustanoviteljico Prosberry. Odkrijte njeno osebno zgodbo, izkušnje z večjezičnostjo in strast do podpore posameznikom pri učenju jezikov in medkulturnem razumevanju.">
<meta name="keywords" content="Amra Kurešepi Zulji, Prosberry, o meni, medkulturna mediatorka, profesorica angleščine, osebna rast, zgodba o uspehu">
<meta name="author" content="Amra Kurešepi Zulji">
<link rel="canonical" href="https://www.prosberry.si/kdo-sem/">
<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="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">
<link rel="stylesheet" href="../css/animations.css">
</head>
<body>
<header class="main-header">
<nav class="nav-container">
<div class="logo">
<a href="/">
<picture>
<source srcset="/assets/images/logo.webp" type="image/webp">
<img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
</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>
<section class="about-hero">
<div class="about-hero-container">
<div class="about-hero-text" data-aos="fade-up">
<span class="about-hero-kicker">O meni</span>
<h1>Povezanost z jeziki, ljudmi in zgodbami</h1>
<p>Od nekdaj sem imela rada jezike, ljudi in zgodbe. Življenje v večjezičnem okolju me je naučilo naravno prehajati med jeziki in kulturami. Svojo poklicno pot sem začela z osnovnim študijem angleškega jezika in književnosti na Univerzi v Prištini. Nadaljevala sem na Filozofski fakulteti v Ljubljani, kjer sem opravila magistrski študij angleščine. Že med študijem sem začela poučevati najprej prostovoljno, pozneje tudi poklicno. Poučevala sem otroke, mladostnike in odrasle, tako v skupinah kot individualno, kar mi je dalo prilagodljivost, potrpežljivost in občutek za različne potrebe učencev. Takrat sem začela zares verjeti, da lahko s tem delom pomagam ljudem in obenem rastem tudi sama. Kasneje sem se izobraževala za medkulturno mediatorko, da bi še bolje podpirala ljudi pri vključevanju v novo okolje.</p>
</div>
<div class="about-hero-image" data-aos="fade-left" data-aos-delay="150">
<div class="image-frame">
<picture>
<source srcset="../assets/images/kdo-sem-fotografija.webp" type="image/webp">
<img src="../assets/images/kdo-sem-fotografija.jpg" alt="Amra Kurešepi Zulji" loading="lazy" decoding="async" width="1600" height="900">
</picture>
</div>
</div>
</div>
<div class="about-hero-shape shape-a"></div>
<div class="about-hero-shape shape-b"></div>
<div class="about-hero-shape shape-c"></div>
<div class="about-hero-shape shape-d"></div>
</section>
<section class="about-accordion-section">
<div class="about-accordion-container">
<div class="about-accordion-list">
<div class="about-accordion-item" data-aos="fade-up" data-aos-delay="50">
<button class="about-accordion-toggle" type="button" aria-expanded="true">
<span>Osebna izkušnja in razumevanje</span>
<span class="accordion-icon" aria-hidden="true"></span>
</button>
<div class="about-accordion-content">
<p>Sama sem doživela selitev v drugo državo, zato dobro vem, kako pomembno je, da te nekdo razume, prisluhne in ti pomaga poiskati pravo pot. Posebno blizu so mi posamezniki in družine, ki se znajdejo v novem okolju tujci v Sloveniji, priseljenci, otroci iz večjezičnih družin in tisti, ki doma govorijo drug jezik. Za mnoge je jezik povezan z občutki negotovosti, sramežljivosti ali izključenosti. Prav zato si prizadevam ustvariti varen in spodbuden prostor, kjer govor odpira vrata do osebne in družbene rasti. Z leti sem začela vse bolj prepoznavati pomen medkulturnega razumevanja in razvijala občutek za to, kaj posameznik v resnici potrebuje.</p>
</div>
</div>
<div class="about-accordion-item" data-aos="fade-up" data-aos-delay="100">
<button class="about-accordion-toggle" type="button" aria-expanded="false">
<span>Podpora in pristop, ki temelji na spoštovanju</span>
<span class="accordion-icon" aria-hidden="true"></span>
</button>
<div class="about-accordion-content" hidden>
<p>Skozi leta sem sodelovala z ljudmi z zelo različnimi izkušnjami od začetnikov do tistih, ki so želeli znanje nadgraditi zaradi študija ali poklica. Poleg poučevanja sem pogosto pomagala pri prevodih, sporazumevanju z uradi, izpolnjevanju obrazcev in razumevanju kulturnih razlik. Zaradi teh izkušenj svoje delo vidim kot več kot le poučevanje; zame je to odnos, podpora, varnost in skupna rast. Kot mama zelo dobro razumem, kaj pomeni usklajevati različne vloge. Vem, kako pomembno je, da ti nekdo prisluhne in da te vodi na način, ki ti ustreza. Moj pristop temelji na poslušanju, spoštovanju in prilagajanju vsakemu posamezniku ne glede na to, ali gre za učenje jezika, pripravo na izpit, prevod dokumenta ali preprosto podporo.</p>
</div>
</div>
<div class="about-accordion-item" data-aos="fade-up" data-aos-delay="150">
<button class="about-accordion-toggle" type="button" aria-expanded="false">
<span>PROSBERRY osebna in profesionalna rast</span>
<span class="accordion-icon" aria-hidden="true"></span>
</button>
<div class="about-accordion-content" hidden>
<p>Od leta 2023 delujem samostojno pod imenom PROSBERRY. Ime združuje simboliko rasti in dozorevanja z zavestnim, profesionalnim pristopom. Svojim strankam želim biti zanesljiva spremljevalka na poti do večje jezikovne samozavesti in lažjega vključevanja v novo okolje s toplino, jasno komunikacijo in globokim razumevanjem človeka.</p>
</div>
</div>
</div>
</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"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const toggles = document.querySelectorAll('.about-accordion-toggle');
toggles.forEach(toggle => {
const content = toggle.nextElementSibling;
const isExpanded = toggle.getAttribute('aria-expanded') === 'true';
if (content) {
content.hidden = !isExpanded;
}
toggle.addEventListener('click', () => {
const currentlyExpanded = toggle.getAttribute('aria-expanded') === 'true';
toggle.setAttribute('aria-expanded', String(!currentlyExpanded));
if (content) {
content.hidden = currentlyExpanded;
}
});
});
});
</script>
</body>
</html>