Initial commit
This commit is contained in:
Mark Poljanšek committed
commit
f6489333ea
36 files changed
+7214
No files matched your search
@@ -0,0 +1,242 @@
|
||||
<!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>
|
||||
<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.png" type="image/webp">
|
||||
<img src="/assets/images/logo.png" alt="Prosberry Logo">
|
||||
</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" class="active">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="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>Piši mi</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>
|
||||
</main>
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<h3>PROSBERRY</h3>
|
||||
</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"></script>
|
||||
<script src="/js/main.js"></script>
|
||||
<script src="/js/animations.js"></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>
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
// Preveri če je zahteva POST
|
||||
if ($_SERVER["REQUEST_METHOD"] == "POST") {
|
||||
// Pridobi podatke iz obrazca
|
||||
$name = isset($_POST['name']) ? strip_tags(trim($_POST['name'])) : '';
|
||||
$email = isset($_POST['email']) ? filter_var(trim($_POST['email']), FILTER_SANITIZE_EMAIL) : '';
|
||||
$message = isset($_POST['message']) ? strip_tags(trim($_POST['message'])) : '';
|
||||
|
||||
// Preveri če so vsa polja izpolnjena
|
||||
if (empty($name) || empty($message) || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
|
||||
http_response_code(400);
|
||||
echo "Prosimo izpolnite vsa polja pravilno.";
|
||||
exit;
|
||||
}
|
||||
|
||||
// Nastavi prejemnika in zadevo
|
||||
$recipient = "info@prosberry.si";
|
||||
$subject = "Novo sporočilo iz kontaktnega obrazca - $name";
|
||||
|
||||
// Pripravi vsebino emaila
|
||||
$email_content = "Ime: $name\n";
|
||||
$email_content .= "Email: $email\n\n";
|
||||
$email_content .= "Sporočilo:\n$message\n";
|
||||
|
||||
// Nastavi email headers
|
||||
$email_headers = "From: $name <$email>\r\n";
|
||||
$email_headers .= "Reply-To: $email\r\n";
|
||||
$email_headers .= "X-Mailer: PHP/" . phpversion();
|
||||
|
||||
// Pošlji email
|
||||
if (mail($recipient, $subject, $email_content, $email_headers)) {
|
||||
http_response_code(200);
|
||||
echo "Hvala! Vaše sporočilo je bilo uspešno poslano.";
|
||||
} else {
|
||||
http_response_code(500);
|
||||
echo "Oprostite! Prišlo je do napake pri pošiljanju sporočila.";
|
||||
}
|
||||
} else {
|
||||
http_response_code(403);
|
||||
echo "Prišlo je do napake pri obdelavi zahteve.";
|
||||
}
|
||||
?>
|
||||
Reference in new issue
Block a user