267 lines
15 KiB
HTML
267 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>Kontakt - Prosberry</title>
|
||
<meta name="description" content="Stopite v stik z Prosberry za tečaje angleščine, medkulturno posredovanje ali delavnice. Izpolnite kontaktni obrazec ali nas pokličite in z veseljem vam bomo pomagali.">
|
||
<meta name="keywords" content="kontakt, Prosberry, Amra Kurešepi Zulji, tečaji angleščine, medkulturno posredovanje, delavnice, povpraševanje">
|
||
<meta name="author" content="Amra Kurešepi Zulji">
|
||
<link rel="canonical" href="https://www.prosberry.si/kontakt/">
|
||
<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">
|
||
|
||
<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="/" >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 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/" class="active">Kontakt</a>
|
||
</div>
|
||
<div class="mobile-menu-btn">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<main>
|
||
<section class="contact-hero">
|
||
<div class="contact-hero-content" data-aos="fade-up">
|
||
<span class="contact-hero-kicker">Povežimo se</span>
|
||
<h1>Kontakt</h1>
|
||
<p class="contact-hero-lead">Veselim se sodelovanja pri vašem naslednjem tečaju, delavnici ali medkulturnem posredovanju.</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="contact-main">
|
||
<div class="contact-main-container">
|
||
<div class="contact-info-panel" data-aos="fade-up">
|
||
<h2>Stopimo v stik</h2>
|
||
<p class="contact-info-lead">Če želite izvedeti več o naših tečajih, delavnicah ali medkulturnem posredovanju, sem tukaj – lahko mi pišete ali me kontaktirate!</p>
|
||
<ul class="contact-services">
|
||
<li>Tečaji angleščine vseh nivojev</li>
|
||
<li>Medkulturno posredovanje za šole, vrtce, zdravstvene ustanove in druge organizacije</li>
|
||
<li>Delavnice za učence, starše in strokovne time</li>
|
||
<li>Podpora pri učenju jezikov in vključevanju novih družin</li>
|
||
</ul>
|
||
<div class="contact-details">
|
||
<div class="contact-detail">
|
||
<span class="detail-label">Email</span>
|
||
<a href="mailto:info@prosberry.si">info@prosberry.si</a>
|
||
</div>
|
||
<div class="contact-detail">
|
||
<span class="detail-label">Telefon</span>
|
||
<a href="tel:+38630312855">030 312 855</a>
|
||
</div>
|
||
</div>
|
||
<div class="contact-note">
|
||
<p>Dogovorimo se za kratek posvet, da skupaj bolje razumemo možnosti sodelovanja in poiščemo prave korake naprej.</p>
|
||
</div>
|
||
</div>
|
||
<div class="contact-form-panel" data-aos="fade-up" data-aos-delay="100">
|
||
<div class="contact-form-card">
|
||
<h3>Za več informacij</h3>
|
||
<p class="contact-form-lead">Izpolnite obrazec in sporočite, kako vam lahko pomagamo. Odgovor boste prejeli v najkrajšem možnem času.</p>
|
||
<form class="contact-form" id="contactForm">
|
||
<div class="form-group">
|
||
<label for="name">Ime in priimek</label>
|
||
<input type="text" id="name" name="name" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="email">Email naslov</label>
|
||
<input type="email" id="email" name="email" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="message">Sporočilo</label>
|
||
<textarea id="message" name="message" rows="6" required></textarea>
|
||
</div>
|
||
<div id="formMessage" class="form-message" style="display: none;"></div>
|
||
<button type="submit" class="submit-btn">Pošljite sporočilo</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<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­vanja kolegice Amre Kurešepi sem prepri­čan, da lastnosti, ki jih je izkazo­vala že med študijem, to je zavze­tost, resnost, odgo­vornost, samo­stojnost in ustvar­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š­č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­sio­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­logijo si s preva­jalnikom sicer lahko prevedemo osnovne infor­macije, za bolj kočljive teme pa je pogovor v živo nena­domest­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­vrstniško vklju­čevanje, čustvene in vedenjske težave...) je še toliko bolj pomembno, da je sporočilo pravilno posre­dovano in infor­macije niso izgubljene v prevodu. Amra se je izkazala kot odlična pre­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>
|
||
|
||
</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>
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// --- Form Submission Logic ---
|
||
const contactForm = document.getElementById('contactForm');
|
||
if (contactForm) {
|
||
contactForm.addEventListener('submit', function(e) {
|
||
e.preventDefault();
|
||
const formData = new FormData(this);
|
||
const messageDiv = document.getElementById('formMessage');
|
||
const submitButton = this.querySelector('button[type="submit"]');
|
||
|
||
submitButton.disabled = true;
|
||
submitButton.textContent = 'Pošiljam...';
|
||
|
||
fetch('../../../../kontakt/process_form.php', {
|
||
method: 'POST',
|
||
body: formData
|
||
})
|
||
.then(response => response.text())
|
||
.then(data => {
|
||
messageDiv.style.display = 'block';
|
||
if (data.includes('Hvala')) {
|
||
messageDiv.className = 'form-message success-message';
|
||
this.reset();
|
||
} else {
|
||
messageDiv.className = 'form-message error-message';
|
||
}
|
||
messageDiv.textContent = data;
|
||
})
|
||
.catch(error => {
|
||
messageDiv.style.display = 'block';
|
||
messageDiv.className = 'form-message error-message';
|
||
messageDiv.textContent = 'Prišlo je do napake. Prosimo poskusite ponovno.';
|
||
console.error('Error:', error);
|
||
})
|
||
.finally(() => {
|
||
submitButton.disabled = false;
|
||
submitButton.textContent = 'Pošlji sporočilo';
|
||
});
|
||
});
|
||
}
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|