<?xml version="1.0" encoding="utf-8"?>
<!-- generator="Joomla! - Open Source Content Management" -->
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title>Škola za vozače i KOD 95 Split | POU Instruktor</title>
		<description><![CDATA[Pučkog Otvoreno Učilište Instruktor polaznicima nudi široku paletu obrazovnih programa za stjecanje stručne spreme, osposobljavanje i usavršavanje]]></description>
		<link>https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika</link>
		<lastBuildDate>Fri, 24 Jul 2026 17:47:17 +0000</lastBuildDate>
		<generator>Joomla! - Open Source Content Management</generator>
		<atom:link rel="self" type="application/rss+xml" href="https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika?format=feed&amp;type=rss"/>
		<language>sr-yu</language>
		<item>
			<title>Rukovatelj hidrauličnom dizalicom</title>
			<link>https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/rukovatelj-hidraulicnom-dizalicom</link>
			<guid isPermaLink="true">https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/rukovatelj-hidraulicnom-dizalicom</guid>
			<description><![CDATA[<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>

<style>
    :root {
        --primary-color: #193564;
        --primary-dark: #0f2344;
        --secondary-color: #4a90e2;
        --text-dark: #193564;
        --text-light: #5a7ba8;
        --white: #ffffff;
        --success: #10b981;
        --gradient: linear-gradient(135deg, #193564 0%, #4a90e2 100%);
    }
    .program-template-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-dark); }
    .program-template-container .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .program-template-container .hero { padding: 50px 0; text-align: center; }
    .program-template-container .hero h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; color: var(--primary-color); }
    .program-template-container .hero-subtitle { font-size: 1.4rem; margin-bottom: 2rem; color: var(--text-light); font-weight: 300; }
    .program-template-container .cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
    .program-template-container .btn { padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
    .program-template-container .btn-primary { background: var(--secondary-color); color: white; box-shadow: 0 10px 30px rgba(74, 144, 226, 0.4); }
    .program-template-container .btn-primary:hover { background: var(--primary-color); transform: translateY(-3px); }
    .program-template-container .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); }
    .program-template-container .btn-secondary:hover { background: var(--primary-color); color: white; }
    .program-template-container .section { padding: 80px 0; }
    .program-template-container .section-title { text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 4rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .program-template-container .program-info { display: grid; grid-template-columns: 1fr 400px; gap: 4rem; align-items: start; }
    .program-template-container .program-content h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--text-dark); }
    .program-template-container .program-stats { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .stat-item { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #f1f5f9; }
    .program-template-container .stat-item:last-child { border-bottom: none; }
    .program-template-container .stat-icon { width: 50px; height: 50px; background: var(--gradient); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0; }
    .program-template-container .stat-content h4 { font-weight: 600; margin: 0 0 5px 0; }
    .program-template-container .stat-content p { color: var(--text-light); font-size: 0.9rem; margin: 0; }
    .program-template-container .card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .card h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); }
    .program-template-container .card-icon { width: 70px; height: 70px; background: var(--gradient); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; margin-bottom: 1rem; }
    .program-template-container .program-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; }
    .program-template-container .program-list li { padding: 8px 0 8px 30px; position: relative; color: var(--text-light); }
    .program-template-container .program-list li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: bold; }
    .program-template-container .faq-container { margin-top: 4rem; }
    .program-template-container .faq-item { background: var(--white); margin-bottom: 1rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(25, 53, 100, 0.08); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .faq-question { padding: 1.5rem 2rem; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background-color: transparent; color: var(--text-dark); }
    .program-template-container .faq-answer { padding: 0 2rem; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: var(--text-light); }
    .program-template-container .faq-icon { transition: transform 0.3s ease; }
    .program-template-container .faq-question.active .faq-icon { transform: rotate(180deg); }
    @media (max-width: 960px) { .program-template-container .program-info { grid-template-columns: 1fr; } }
    @media (max-width: 768px) { .program-template-container .hero h1 { font-size: 2.5rem; } }
    .program-template-container hr { border: 0; height: 1px; background-color: #eee; margin: 2rem 0; }
</style>

<div class="program-template-container">

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Rukovatelj hidrauličnom dizalicom</h1>
                <p class="hero-subtitle">Postanite stručnjak za rukovanje hidrauličnim dizalicama, ključnim alatom u modernoj industriji.</p>
                <div class="cta-buttons">
                    <a href="https://poui.hr/#kontakt" class="btn btn-primary"><i class="fas fa-paper-plane"></i> Zatražite Ponudu</a>
                    <a href="https://poui.hr/#uvjeti" class="btn btn-secondary"><i class="fas fa-info-circle"></i> Saznajte Uvjete</a>
                </div>
            </div>
        </div>
    </section>

    <section id="program" class="section program-details">
        <div class="container">
            <div class="program-info" style="align-items: stretch;">
                <div class="program-content">

                    <h3>O programu</h3>
                    <p>Osposobljavanje za rukovatelja hidrauličnom dizalicom (utovarnom dizalicom) pokriva sve aspekte rada s ovim svestranim strojevima. Polaznici će se upoznati s principima hidraulike, naučiti kako sigurno montirati dizalicu na vozilo, upravljati njome te provoditi redovite preglede i održavanje. Program je usmjeren na praktične vještine za efikasan i siguran rad.</p>
                    <hr />

                    <h3 id="uvjeti">Uvjeti za upis</h3>
                    <div class="card" style="margin-top: 1.5rem;">
                        <div class="card-icon"><i class="fas fa-user-check"></i></div>
                        <h4>Potrebno za upis</h4>
                        <ul class="program-list">
                            <li>Završena najmanje osnovna škola</li>
                            <li>Najmanje 18 godina starosti</li>
                            <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje hidrauličnom dizalicom</li>
                        </ul>
                    </div>
                </div>

                <div class="program-stats">
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-clock"></i></div>
                        <div class="stat-content">
                            <h4>200 sati</h4>
                            <p>Ukupno trajanje programa</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-map-marker-alt"></i></div>
                        <div class="stat-content">
                            <h4>Split</h4>
                            <p>Šibenska 21</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-certificate"></i></div>
                        <div class="stat-content">
                            <h4>Uvjerenje o osposobljavanju</h4>
                            <p>Upisuje se u e-radnu knjižicu</p>
                        </div>
                    </div>
                    <button onclick="openModal('prijavaModal')" class="btn btn-primary" style="width: 100%; margin-top: 2rem;">
                        <i class="fas fa-paper-plane"></i> Prijavite se sada
                    </button>
                </div>
            </div>
        </div>
    </section>

    <section class="section" style="padding-top: 0;">
        <div class="container" style="text-align: center;">
            <a href="https://poui.hr/cesto-postavljana-pitanja" class="btn btn-secondary"><i class="fas fa-question-circle"></i> Često postavljana pitanja</a>
        </div>
    </section>

</div>

<div id="prijavaModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>Prijava za program</h2>
            <span class="close" onclick="closeModal('prijavaModal')">&times;</span>
        </div>
        <div class="modal-body">
            <p style="text-align: center; font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem;">
                Nazovite <a href="https://poui.hr/tel:+385992128888" style="color: var(--primary-color); font-weight: 600;">099 212 8888</a> ili ispunite formular
            </p>
            <form id="applicationForm" action="/posalji-mail.php" method="POST">
                <div class="form-row">
                    <div class="form-group">
                        <label for="firstName">Ime *</label>
                        <input type="text" id="firstName" name="firstName" required>
                    </div>
                    <div class="form-group">
                        <label for="lastName">Prezime *</label>
                        <input type="text" id="lastName" name="lastName" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email adresa *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Broj telefona *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="message">Poruka (opcionalno)</label>
                    <textarea id="message" name="message" rows="4" placeholder="Ako imate dodatnih pitanja, upišite ih ovdje..."></textarea>
                </div>
                <div class="form-group">
                    <label style="display: flex; align-items: center;">
                        <input type="checkbox" name="gdpr_consent" value="1" required style="width: auto; margin-right: 10px;">
                        Slažem se s uvjetima i dajem pristanak na obradu osobnih podataka. *
                    </label>
                </div>
                <button type="submit" class="btn btn-primary" style="width: 100%;" id="submitBtn">
                    <i class="fas fa-paper-plane"></i> Pošaljite Upit
                </button>
            </form>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    // Funkcije za otvaranje i zatvaranje modala
    window.openModal = function(modalId) {
        document.getElementById(modalId).style.display = 'block';
        document.body.style.overflow = 'hidden';
    }
    window.closeModal = function(modalId) {
        document.getElementById(modalId).style.display = 'none';
        document.body.style.overflow = 'auto';
    }
    window.onclick = function(event) {
        if (event.target.classList.contains('modal')) {
            event.target.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    }

    // Slanje forme
    const form = document.getElementById('applicationForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            const submitBtn = document.getElementById('submitBtn');
            const originalText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Šalje se...';
            submitBtn.disabled = true;
            
            const formData = new FormData(this);
            
            fetch(this.action, {
                method: 'POST',
                body: formData,
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Hvala vam na prijavi! Vaš zahtjev je uspješno poslan.');
                    closeModal('prijavaModal');
                    this.reset();
                } else {
                    alert('Greška: ' + (data.message || 'Pokušajte ponovno.'));
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Dogodila se greška. Molimo kontaktirajte nas direktno.');
            })
            .finally(() => {
                submitBtn.innerHTML = originalText;
                submitBtn.disabled = false;
            });
        });
    }
});
</script>]]></description>
			<category>Promet i logistika</category>
			<pubDate>Mon, 29 Sep 2025 20:56:27 +0000</pubDate>
		</item>
		<item>
			<title>Instruktor vožnje B kategorije</title>
			<link>https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-b-kategorije</link>
			<guid isPermaLink="true">https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-b-kategorije</guid>
			<description><![CDATA[<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>

<style>
    :root {
        --primary-color: #193564;
        --primary-dark: #0f2344;
        --secondary-color: #4a90e2;
        --text-dark: #193564;
        --text-light: #5a7ba8;
        --white: #ffffff;
        --success: #10b981;
        --gradient: linear-gradient(135deg, #193564 0%, #4a90e2 100%);
    }
    .program-template-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-dark); }
    .program-template-container .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .program-template-container .hero { padding: 50px 0; text-align: center; }
    .program-template-container .hero h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; color: var(--primary-color); }
    .program-template-container .hero-subtitle { font-size: 1.4rem; margin-bottom: 2rem; color: var(--text-light); font-weight: 300; }
    .program-template-container .cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
    .program-template-container .btn { padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
    .program-template-container .btn-primary { background: var(--secondary-color); color: white; box-shadow: 0 10px 30px rgba(74, 144, 226, 0.4); }
    .program-template-container .btn-primary:hover { background: var(--primary-color); transform: translateY(-3px); }
    .program-template-container .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); }
    .program-template-container .btn-secondary:hover { background: var(--primary-color); color: white; }
    .program-template-container .section { padding: 80px 0; }
    .program-template-container .section-title { text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 4rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .program-template-container .program-info { display: grid; grid-template-columns: 1fr 400px; gap: 4rem; align-items: start; }
    .program-template-container .program-content h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--text-dark); }
    .program-template-container .program-stats { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .stat-item { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #f1f5f9; }
    .program-template-container .stat-item:last-child { border-bottom: none; }
    .program-template-container .stat-icon { width: 50px; height: 50px; background: var(--gradient); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0; }
    .program-template-container .stat-content h4 { font-weight: 600; margin: 0 0 5px 0; }
    .program-template-container .stat-content p { color: var(--text-light); font-size: 0.9rem; margin: 0; }
    .program-template-container .card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .card h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); }
    .program-template-container .card-icon { width: 70px; height: 70px; background: var(--gradient); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; margin-bottom: 1rem; }
    .program-template-container .program-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; }
    .program-template-container .program-list li { padding: 8px 0 8px 30px; position: relative; color: var(--text-light); }
    .program-template-container .program-list li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: bold; }
    .program-template-container .faq-container { margin-top: 4rem; }
    .program-template-container .faq-item { background: var(--white); margin-bottom: 1rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(25, 53, 100, 0.08); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .faq-question { padding: 1.5rem 2rem; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background-color: transparent; color: var(--text-dark); }
    .program-template-container .faq-answer { padding: 0 2rem; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: var(--text-light); }
    .program-template-container .faq-icon { transition: transform 0.3s ease; }
    .program-template-container .faq-question.active .faq-icon { transform: rotate(180deg); }
    @media (max-width: 960px) { .program-template-container .program-info { grid-template-columns: 1fr; } }
    @media (max-width: 768px) { .program-template-container .hero h1 { font-size: 2.5rem; } }
    .program-template-container hr { border: 0; height: 1px; background-color: #eee; margin: 2rem 0; }
</style>

<div class="program-template-container">

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Instruktor vožnje B kategorije</h1>
                <p class="hero-subtitle">Obučite nove generacije vozača i postanite stručnjak u prometnoj edukaciji.</p>
                <div class="cta-buttons">
                    <a href="https://poui.hr/#kontakt" class="btn btn-primary"><i class="fas fa-paper-plane"></i> Zatražite Ponudu</a>
                    <a href="https://poui.hr/#uvjeti" class="btn btn-secondary"><i class="fas fa-info-circle"></i> Saznajte Uvjete</a>
                </div>
            </div>
        </div>
    </section>

    <section id="program" class="section program-details">
        <div class="container">
            <div class="program-info" style="align-items: stretch;">
                <div class="program-content">

                    <h3>O programu</h3>
                    <p>Program za stjecanje cjelovite kvalifikacije instruktora vožnje B kategorije je intenzivan i sveobuhvatan. Obuhvaća prometne propise, metodiku obuke, psihologiju poučavanja i praktičnu nastavu. Cilj je osposobiti polaznike da postanu visokokvalitetni edukatori koji će sigurno i odgovorno pripremati kandidate za samostalno sudjelovanje u prometu.</p>
                    <hr />

                    <h3 id="uvjeti">Uvjeti za upis</h3>
                    <div class="card" style="margin-top: 1.5rem;">
                        <div class="card-icon"><i class="fas fa-user-check"></i></div>
                        <h4>Potrebno za upis</h4>
                        <ul class="program-list">
                            <li>Stečena kvalifikacija na razini 4.1 HKO-a ili viša</li>
                            <li>Vozačka dozvola za vozila B kategorije najmanje tri godine</li>
                            <li>Najmanje 22 godine starosti</li>
                            <li>Liječničko uvjerenje o zdravstvenoj sposobnosti za obavljanje poslova instruktora vožnje</li>
                        </ul>
                    </div>
                </div>

                <div class="program-stats">
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-clock"></i></div>
                        <div class="stat-content">
                            <h4>1500 sati</h4>
                            <p>Ukupno trajanje programa</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-map-marker-alt"></i></div>
                        <div class="stat-content">
                            <h4>Split</h4>
                            <p>Šibenska 21</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-certificate"></i></div>
                        <div class="stat-content">
                            <h4>Svjedodžba o stručnoj osposobljenosti</h4>
                            <p>Upisuje se u e-radnu knjižicu</p>
                        </div>
                    </div>
                    <button onclick="openModal('prijavaModal')" class="btn btn-primary" style="width: 100%; margin-top: 2rem;">
                        <i class="fas fa-paper-plane"></i> Prijavite se sada
                    </button>
                </div>
            </div>
        </div>
    </section>

    <section class="section" style="padding-top: 0;">
        <div class="container" style="text-align: center;">
            <a href="https://poui.hr/cesto-postavljana-pitanja" class="btn btn-secondary"><i class="fas fa-question-circle"></i> Često postavljana pitanja</a>
        </div>
    </section>

</div>

<div id="prijavaModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>Prijava za program</h2>
            <span class="close" onclick="closeModal('prijavaModal')">&times;</span>
        </div>
        <div class="modal-body">
            <p style="text-align: center; font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem;">
                Nazovite <a href="https://poui.hr/tel:+385992128888" style="color: var(--primary-color); font-weight: 600;">099 212 8888</a> ili ispunite formular
            </p>
            <form id="applicationForm" action="/posalji-mail.php" method="POST">
                <div class="form-row">
                    <div class="form-group">
                        <label for="firstName">Ime *</label>
                        <input type="text" id="firstName" name="firstName" required>
                    </div>
                    <div class="form-group">
                        <label for="lastName">Prezime *</label>
                        <input type="text" id="lastName" name="lastName" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email adresa *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Broj telefona *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="message">Poruka (opcionalno)</label>
                    <textarea id="message" name="message" rows="4" placeholder="Ako imate dodatnih pitanja, upišite ih ovdje..."></textarea>
                </div>
                <div class="form-group">
                    <label style="display: flex; align-items: center;">
                        <input type="checkbox" name="gdpr_consent" value="1" required style="width: auto; margin-right: 10px;">
                        Slažem se s uvjetima i dajem pristanak na obradu osobnih podataka. *
                    </label>
                </div>
                <button type="submit" class="btn btn-primary" style="width: 100%;" id="submitBtn">
                    <i class="fas fa-paper-plane"></i> Pošaljite Upit
                </button>
            </form>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    // Funkcije za otvaranje i zatvaranje modala
    window.openModal = function(modalId) {
        document.getElementById(modalId).style.display = 'block';
        document.body.style.overflow = 'hidden';
    }
    window.closeModal = function(modalId) {
        document.getElementById(modalId).style.display = 'none';
        document.body.style.overflow = 'auto';
    }
    window.onclick = function(event) {
        if (event.target.classList.contains('modal')) {
            event.target.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    }

    // Slanje forme
    const form = document.getElementById('applicationForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            const submitBtn = document.getElementById('submitBtn');
            const originalText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Šalje se...';
            submitBtn.disabled = true;
            
            const formData = new FormData(this);
            
            fetch(this.action, {
                method: 'POST',
                body: formData,
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Hvala vam na prijavi! Vaš zahtjev je uspješno poslan.');
                    closeModal('prijavaModal');
                    this.reset();
                } else {
                    alert('Greška: ' + (data.message || 'Pokušajte ponovno.'));
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Dogodila se greška. Molimo kontaktirajte nas direktno.');
            })
            .finally(() => {
                submitBtn.innerHTML = originalText;
                submitBtn.disabled = false;
            });
        });
    }
});
</script>
]]></description>
			<category>Promet i logistika</category>
			<pubDate>Mon, 29 Sep 2025 20:55:51 +0000</pubDate>
		</item>
		<item>
			<title>Instruktor vožnje A kategorije</title>
			<link>https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-a-kategorije</link>
			<guid isPermaLink="true">https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-a-kategorije</guid>
			<description><![CDATA[<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>

<style>
    :root {
        --primary-color: #193564;
        --primary-dark: #0f2344;
        --secondary-color: #4a90e2;
        --text-dark: #193564;
        --text-light: #5a7ba8;
        --white: #ffffff;
        --success: #10b981;
        --gradient: linear-gradient(135deg, #193564 0%, #4a90e2 100%);
    }
    .program-template-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-dark); }
    .program-template-container .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .program-template-container .hero { padding: 50px 0; text-align: center; }
    .program-template-container .hero h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; color: var(--primary-color); }
    .program-template-container .hero-subtitle { font-size: 1.4rem; margin-bottom: 2rem; color: var(--text-light); font-weight: 300; }
    .program-template-container .cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
    .program-template-container .btn { padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
    .program-template-container .btn-primary { background: var(--secondary-color); color: white; box-shadow: 0 10px 30px rgba(74, 144, 226, 0.4); }
    .program-template-container .btn-primary:hover { background: var(--primary-color); transform: translateY(-3px); }
    .program-template-container .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); }
    .program-template-container .btn-secondary:hover { background: var(--primary-color); color: white; }
    .program-template-container .section { padding: 80px 0; }
    .program-template-container .section-title { text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 4rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .program-template-container .program-info { display: grid; grid-template-columns: 1fr 400px; gap: 4rem; align-items: start; }
    .program-template-container .program-content h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--text-dark); }
    .program-template-container .program-stats { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .stat-item { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #f1f5f9; }
    .program-template-container .stat-item:last-child { border-bottom: none; }
    .program-template-container .stat-icon { width: 50px; height: 50px; background: var(--gradient); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0; }
    .program-template-container .stat-content h4 { font-weight: 600; margin: 0 0 5px 0; }
    .program-template-container .stat-content p { color: var(--text-light); font-size: 0.9rem; margin: 0; }
    .program-template-container .card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .card h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); }
    .program-template-container .card-icon { width: 70px; height: 70px; background: var(--gradient); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; margin-bottom: 1rem; }
    .program-template-container .program-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; }
    .program-template-container .program-list li { padding: 8px 0 8px 30px; position: relative; color: var(--text-light); }
    .program-template-container .program-list li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: bold; }
    .program-template-container .faq-container { margin-top: 4rem; }
    .program-template-container .faq-item { background: var(--white); margin-bottom: 1rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(25, 53, 100, 0.08); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .faq-question { padding: 1.5rem 2rem; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background-color: transparent; color: var(--text-dark); }
    .program-template-container .faq-answer { padding: 0 2rem; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: var(--text-light); }
    .program-template-container .faq-icon { transition: transform 0.3s ease; }
    .program-template-container .faq-question.active .faq-icon { transform: rotate(180deg); }
    @media (max-width: 960px) { .program-template-container .program-info { grid-template-columns: 1fr; } }
    @media (max-width: 768px) { .program-template-container .hero h1 { font-size: 2.5rem; } }
    .program-template-container hr { border: 0; height: 1px; background-color: #eee; margin: 2rem 0; }
</style>

<div class="program-template-container">

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Instruktor vožnje A kategorije</h1>
                <p class="hero-subtitle">Proširite svoje kompetencije i osposobljavajte buduće vozače motocikala.</p>
                <div class="cta-buttons">
                    <a href="https://poui.hr/#kontakt" class="btn btn-primary"><i class="fas fa-paper-plane"></i> Zatražite Ponudu</a>
                    <a href="https://poui.hr/#uvjeti" class="btn btn-secondary"><i class="fas fa-info-circle"></i> Saznajte Uvjete</a>
                </div>
            </div>
        </div>
    </section>

    <section id="program" class="section program-details">
        <div class="container">
            <div class="program-info" style="align-items: stretch;">
                <div class="program-content">

                    <h3>O programu</h3>
                    <p>Ovaj program usavršavanja namijenjen je postojećim instruktorima vožnje B kategorije koji žele steći i licencu za A kategoriju. Kroz specijaliziranu obuku, naučit ćete specifičnosti metodike poučavanja vožnje motocikla, uključujući tehnike sigurne vožnje, manevriranje i primjenu propisa za vozače na dva kotača.</p>
                    <hr />

                    <h3 id="uvjeti">Uvjeti za upis</h3>
                    <div class="card" style="margin-top: 1.5rem;">
                        <div class="card-icon"><i class="fas fa-user-check"></i></div>
                        <h4>Potrebno za upis</h4>
                        <ul class="program-list">
                            <li>Završeno stručno specijalističko usavršavanje za instruktora vožnje B kategorije</li>
                            <li>Vozačka dozvola za vozilo A kategorije</li>
                        </ul>
                    </div>
                </div>

                <div class="program-stats">
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-clock"></i></div>
                        <div class="stat-content">
                            <h4>100 sati</h4>
                            <p>Ukupno trajanje programa</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-map-marker-alt"></i></div>
                        <div class="stat-content">
                            <h4>Split</h4>
                            <p>Šibenska 21</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-certificate"></i></div>
                        <div class="stat-content">
                            <h4>Uvjerenje o usavršavanju</h4>
                            <p>Upisuje se u e-radnu knjižicu</p>
                        </div>
                    </div>
                    <button onclick="openModal('prijavaModal')" class="btn btn-primary" style="width: 100%; margin-top: 2rem;">
                        <i class="fas fa-paper-plane"></i> Prijavite se sada
                    </button>
                </div>
            </div>
        </div>
    </section>

    <section class="section" style="padding-top: 0;">
        <div class="container" style="text-align: center;">
            <a href="https://poui.hr/cesto-postavljana-pitanja" class="btn btn-secondary"><i class="fas fa-question-circle"></i> Često postavljana pitanja</a>
        </div>
    </section>

</div>

<div id="prijavaModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>Prijava za program</h2>
            <span class="close" onclick="closeModal('prijavaModal')">&times;</span>
        </div>
        <div class="modal-body">
            <p style="text-align: center; font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem;">
                Nazovite <a href="https://poui.hr/tel:+385992128888" style="color: var(--primary-color); font-weight: 600;">099 212 8888</a> ili ispunite formular
            </p>
            <form id="applicationForm" action="/posalji-mail.php" method="POST">
                <div class="form-row">
                    <div class="form-group">
                        <label for="firstName">Ime *</label>
                        <input type="text" id="firstName" name="firstName" required>
                    </div>
                    <div class="form-group">
                        <label for="lastName">Prezime *</label>
                        <input type="text" id="lastName" name="lastName" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email adresa *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Broj telefona *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="message">Poruka (opcionalno)</label>
                    <textarea id="message" name="message" rows="4" placeholder="Ako imate dodatnih pitanja, upišite ih ovdje..."></textarea>
                </div>
                <div class="form-group">
                    <label style="display: flex; align-items: center;">
                        <input type="checkbox" name="gdpr_consent" value="1" required style="width: auto; margin-right: 10px;">
                        Slažem se s uvjetima i dajem pristanak na obradu osobnih podataka. *
                    </label>
                </div>
                <button type="submit" class="btn btn-primary" style="width: 100%;" id="submitBtn">
                    <i class="fas fa-paper-plane"></i> Pošaljite Upit
                </button>
            </form>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    // Funkcije za otvaranje i zatvaranje modala
    window.openModal = function(modalId) {
        document.getElementById(modalId).style.display = 'block';
        document.body.style.overflow = 'hidden';
    }
    window.closeModal = function(modalId) {
        document.getElementById(modalId).style.display = 'none';
        document.body.style.overflow = 'auto';
    }
    window.onclick = function(event) {
        if (event.target.classList.contains('modal')) {
            event.target.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    }

    // Slanje forme
    const form = document.getElementById('applicationForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            const submitBtn = document.getElementById('submitBtn');
            const originalText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Šalje se...';
            submitBtn.disabled = true;
            
            const formData = new FormData(this);
            
            fetch(this.action, {
                method: 'POST',
                body: formData,
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Hvala vam na prijavi! Vaš zahtjev je uspješno poslan.');
                    closeModal('prijavaModal');
                    this.reset();
                } else {
                    alert('Greška: ' + (data.message || 'Pokušajte ponovno.'));
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Dogodila se greška. Molimo kontaktirajte nas direktno.');
            })
            .finally(() => {
                submitBtn.innerHTML = originalText;
                submitBtn.disabled = false;
            });
        });
    }
});
</script>]]></description>
			<category>Promet i logistika</category>
			<pubDate>Mon, 29 Sep 2025 20:55:02 +0000</pubDate>
		</item>
		<item>
			<title>Instruktor vožnje C kategorije</title>
			<link>https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-c-kategorije</link>
			<guid isPermaLink="true">https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-c-kategorije</guid>
			<description><![CDATA[<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>

<style>
    :root {
        --primary-color: #193564;
        --primary-dark: #0f2344;
        --secondary-color: #4a90e2;
        --text-dark: #193564;
        --text-light: #5a7ba8;
        --white: #ffffff;
        --success: #10b981;
        --gradient: linear-gradient(135deg, #193564 0%, #4a90e2 100%);
    }
    .program-template-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-dark); }
    .program-template-container .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .program-template-container .hero { padding: 50px 0; text-align: center; }
    .program-template-container .hero h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; color: var(--primary-color); }
    .program-template-container .hero-subtitle { font-size: 1.4rem; margin-bottom: 2rem; color: var(--text-light); font-weight: 300; }
    .program-template-container .cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
    .program-template-container .btn { padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
    .program-template-container .btn-primary { background: var(--secondary-color); color: white; box-shadow: 0 10px 30px rgba(74, 144, 226, 0.4); }
    .program-template-container .btn-primary:hover { background: var(--primary-color); transform: translateY(-3px); }
    .program-template-container .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); }
    .program-template-container .btn-secondary:hover { background: var(--primary-color); color: white; }
    .program-template-container .section { padding: 80px 0; }
    .program-template-container .section-title { text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 4rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .program-template-container .program-info { display: grid; grid-template-columns: 1fr 400px; gap: 4rem; align-items: start; }
    .program-template-container .program-content h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--text-dark); }
    .program-template-container .program-stats { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .stat-item { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #f1f5f9; }
    .program-template-container .stat-item:last-child { border-bottom: none; }
    .program-template-container .stat-icon { width: 50px; height: 50px; background: var(--gradient); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0; }
    .program-template-container .stat-content h4 { font-weight: 600; margin: 0 0 5px 0; }
    .program-template-container .stat-content p { color: var(--text-light); font-size: 0.9rem; margin: 0; }
    .program-template-container .card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .card h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); }
    .program-template-container .card-icon { width: 70px; height: 70px; background: var(--gradient); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; margin-bottom: 1rem; }
    .program-template-container .program-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; }
    .program-template-container .program-list li { padding: 8px 0 8px 30px; position: relative; color: var(--text-light); }
    .program-template-container .program-list li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: bold; }
    .program-template-container .faq-container { margin-top: 4rem; }
    .program-template-container .faq-item { background: var(--white); margin-bottom: 1rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(25, 53, 100, 0.08); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .faq-question { padding: 1.5rem 2rem; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background-color: transparent; color: var(--text-dark); }
    .program-template-container .faq-answer { padding: 0 2rem; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: var(--text-light); }
    .program-template-container .faq-icon { transition: transform 0.3s ease; }
    .program-template-container .faq-question.active .faq-icon { transform: rotate(180deg); }
    @media (max-width: 960px) { .program-template-container .program-info { grid-template-columns: 1fr; } }
    @media (max-width: 768px) { .program-template-container .hero h1 { font-size: 2.5rem; } }
    .program-template-container hr { border: 0; height: 1px; background-color: #eee; margin: 2rem 0; }
</style>

<div class="program-template-container">

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Instruktor vožnje C kategorije</h1>
                <p class="hero-subtitle">Postanite kvalificirani instruktor za obuku vozača teretnih vozila.</p>
                <div class="cta-buttons">
                    <a href="https://poui.hr/#kontakt" class="btn btn-primary"><i class="fas fa-paper-plane"></i> Zatražite Ponudu</a>
                    <a href="https://poui.hr/#uvjeti" class="btn btn-secondary"><i class="fas fa-info-circle"></i> Saznajte Uvjete</a>
                </div>
            </div>
        </div>
    </section>

    <section id="program" class="section program-details">
        <div class="container">
            <div class="program-info" style="align-items: stretch;">
                <div class="program-content">

                    <h3>O programu</h3>
                    <p>Program usavršavanja za instruktora vožnje C kategorije nadograđuje vaša postojeća znanja i vještine. Fokusira se na specifičnosti upravljanja teretnim vozilima, uključujući poznavanje tahografa, osiguranje tereta i manevriranje velikim vozilima. Osposobite se za prenošenje znanja budućim profesionalnim vozačima i doprinesite sigurnosti u teretnom prometu.</p>
                    <hr />

                    <h3 id="uvjeti">Uvjeti za upis</h3>
                    <div class="card" style="margin-top: 1.5rem;">
                        <div class="card-icon"><i class="fas fa-user-check"></i></div>
                        <h4>Potrebno za upis</h4>
                        <ul class="program-list">
                            <li>Završeno strukovno specijalističko usavršavanje za instruktora vožnje B kategorije</li>
                            <li>Vozačka dozvola za vozilo C kategorije</li>
                        </ul>
                    </div>
                </div>

                <div class="program-stats">
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-clock"></i></div>
                        <div class="stat-content">
                            <h4>100 sati</h4>
                            <p>Ukupno trajanje programa</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-map-marker-alt"></i></div>
                        <div class="stat-content">
                            <h4>Split</h4>
                            <p>Šibenska 21</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-certificate"></i></div>
                        <div class="stat-content">
                            <h4>Uvjerenje o usavršavanju</h4>
                            <p>Upisuje se u e-radnu knjižicu</p>
                        </div>
                    </div>
                    <button onclick="openModal('prijavaModal')" class="btn btn-primary" style="width: 100%; margin-top: 2rem;">
                        <i class="fas fa-paper-plane"></i> Prijavite se sada
                    </button>
                </div>
            </div>
        </div>
    </section>

    <section class="section" style="padding-top: 0;">
        <div class="container" style="text-align: center;">
            <a href="https://poui.hr/cesto-postavljana-pitanja" class="btn btn-secondary"><i class="fas fa-question-circle"></i> Često postavljana pitanja</a>
        </div>
    </section>

</div>

<div id="prijavaModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>Prijava za program</h2>
            <span class="close" onclick="closeModal('prijavaModal')">&times;</span>
        </div>
        <div class="modal-body">
            <p style="text-align: center; font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem;">
                Nazovite <a href="https://poui.hr/tel:+385992128888" style="color: var(--primary-color); font-weight: 600;">099 212 8888</a> ili ispunite formular
            </p>
            <form id="applicationForm" action="/posalji-mail.php" method="POST">
                <div class="form-row">
                    <div class="form-group">
                        <label for="firstName">Ime *</label>
                        <input type="text" id="firstName" name="firstName" required>
                    </div>
                    <div class="form-group">
                        <label for="lastName">Prezime *</label>
                        <input type="text" id="lastName" name="lastName" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email adresa *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Broj telefona *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="message">Poruka (opcionalno)</label>
                    <textarea id="message" name="message" rows="4" placeholder="Ako imate dodatnih pitanja, upišite ih ovdje..."></textarea>
                </div>
                <div class="form-group">
                    <label style="display: flex; align-items: center;">
                        <input type="checkbox" name="gdpr_consent" value="1" required style="width: auto; margin-right: 10px;">
                        Slažem se s uvjetima i dajem pristanak na obradu osobnih podataka. *
                    </label>
                </div>
                <button type="submit" class="btn btn-primary" style="width: 100%;" id="submitBtn">
                    <i class="fas fa-paper-plane"></i> Pošaljite Upit
                </button>
            </form>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    // Funkcije za otvaranje i zatvaranje modala
    window.openModal = function(modalId) {
        document.getElementById(modalId).style.display = 'block';
        document.body.style.overflow = 'hidden';
    }
    window.closeModal = function(modalId) {
        document.getElementById(modalId).style.display = 'none';
        document.body.style.overflow = 'auto';
    }
    window.onclick = function(event) {
        if (event.target.classList.contains('modal')) {
            event.target.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    }

    // Slanje forme
    const form = document.getElementById('applicationForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            const submitBtn = document.getElementById('submitBtn');
            const originalText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Šalje se...';
            submitBtn.disabled = true;
            
            const formData = new FormData(this);
            
            fetch(this.action, {
                method: 'POST',
                body: formData,
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Hvala vam na prijavi! Vaš zahtjev je uspješno poslan.');
                    closeModal('prijavaModal');
                    this.reset();
                } else {
                    alert('Greška: ' + (data.message || 'Pokušajte ponovno.'));
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Dogodila se greška. Molimo kontaktirajte nas direktno.');
            })
            .finally(() => {
                submitBtn.innerHTML = originalText;
                submitBtn.disabled = false;
            });
        });
    }
});
</script>]]></description>
			<category>Promet i logistika</category>
			<pubDate>Mon, 29 Sep 2025 20:54:19 +0000</pubDate>
		</item>
		<item>
			<title>Instruktor vožnje CE kategorije</title>
			<link>https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-ce-kategorije</link>
			<guid isPermaLink="true">https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-ce-kategorije</guid>
			<description><![CDATA[<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>

<style>
    :root {
        --primary-color: #193564;
        --primary-dark: #0f2344;
        --secondary-color: #4a90e2;
        --text-dark: #193564;
        --text-light: #5a7ba8;
        --white: #ffffff;
        --success: #10b981;
        --gradient: linear-gradient(135deg, #193564 0%, #4a90e2 100%);
    }
    .program-template-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-dark); }
    .program-template-container .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .program-template-container .hero { padding: 50px 0; text-align: center; }
    .program-template-container .hero h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; color: var(--primary-color); }
    .program-template-container .hero-subtitle { font-size: 1.4rem; margin-bottom: 2rem; color: var(--text-light); font-weight: 300; }
    .program-template-container .cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
    .program-template-container .btn { padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
    .program-template-container .btn-primary { background: var(--secondary-color); color: white; box-shadow: 0 10px 30px rgba(74, 144, 226, 0.4); }
    .program-template-container .btn-primary:hover { background: var(--primary-color); transform: translateY(-3px); }
    .program-template-container .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); }
    .program-template-container .btn-secondary:hover { background: var(--primary-color); color: white; }
    .program-template-container .section { padding: 80px 0; }
    .program-template-container .section-title { text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 4rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .program-template-container .program-info { display: grid; grid-template-columns: 1fr 400px; gap: 4rem; align-items: start; }
    .program-template-container .program-content h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--text-dark); }
    .program-template-container .program-stats { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .stat-item { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #f1f5f9; }
    .program-template-container .stat-item:last-child { border-bottom: none; }
    .program-template-container .stat-icon { width: 50px; height: 50px; background: var(--gradient); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0; }
    .program-template-container .stat-content h4 { font-weight: 600; margin: 0 0 5px 0; }
    .program-template-container .stat-content p { color: var(--text-light); font-size: 0.9rem; margin: 0; }
    .program-template-container .card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .card h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); }
    .program-template-container .card-icon { width: 70px; height: 70px; background: var(--gradient); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; margin-bottom: 1rem; }
    .program-template-container .program-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; }
    .program-template-container .program-list li { padding: 8px 0 8px 30px; position: relative; color: var(--text-light); }
    .program-template-container .program-list li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: bold; }
    .program-template-container .faq-container { margin-top: 4rem; }
    .program-template-container .faq-item { background: var(--white); margin-bottom: 1rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(25, 53, 100, 0.08); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .faq-question { padding: 1.5rem 2rem; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background-color: transparent; color: var(--text-dark); }
    .program-template-container .faq-answer { padding: 0 2rem; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: var(--text-light); }
    .program-template-container .faq-icon { transition: transform 0.3s ease; }
    .program-template-container .faq-question.active .faq-icon { transform: rotate(180deg); }
    @media (max-width: 960px) { .program-template-container .program-info { grid-template-columns: 1fr; } }
    @media (max-width: 768px) { .program-template-container .hero h1 { font-size: 2.5rem; } }
    .program-template-container hr { border: 0; height: 1px; background-color: #eee; margin: 2rem 0; }
</style>

<div class="program-template-container">

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Instruktor vožnje CE kategorije</h1>
                <p class="hero-subtitle">Specijalizirajte se za obuku vozača tegljača s poluprikolicom i postanite vrhunski instruktor.</p>
                <div class="cta-buttons">
                    <a href="https://poui.hr/#kontakt" class="btn btn-primary"><i class="fas fa-paper-plane"></i> Zatražite Ponudu</a>
                    <a href="https://poui.hr/#uvjeti" class="btn btn-secondary"><i class="fas fa-info-circle"></i> Saznajte Uvjete</a>
                </div>
            </div>
        </div>
    </section>

    <section id="program" class="section program-details">
        <div class="container">
            <div class="program-info" style="align-items: stretch;">
                <div class="program-content">

                    <h3>O programu</h3>
                    <p>Program usavršavanja za instruktora vožnje CE kategorije namijenjen je instruktorima koji žele osposobljavati vozače za upravljanje skupom vozila - tegljačem i poluprikolicom. Obuka uključuje napredne tehnike manevriranja, specifičnosti zakonske regulative za ovu kategoriju te metodiku prenošenja znanja za sigurno upravljanje jednim od najzahtjevnijih vozila u prometu.</p>
                    <hr />

                    <h3 id="uvjeti">Uvjeti za upis</h3>
                    <div class="card" style="margin-top: 1.5rem;">
                        <div class="card-icon"><i class="fas fa-user-check"></i></div>
                        <h4>Potrebno za upis</h4>
                        <ul class="program-list">
                            <li>Završeno strukovno specijalističko usavršavanje za instruktora vožnje B kategorije</li>
                            <li>Vozačka dozvola za vozilo CE kategorije</li>
                        </ul>
                    </div>
                </div>

                <div class="program-stats">
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-clock"></i></div>
                        <div class="stat-content">
                            <h4>100 sati</h4>
                            <p>Ukupno trajanje programa</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-map-marker-alt"></i></div>
                        <div class="stat-content">
                            <h4>Split</h4>
                            <p>Šibenska 21</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-certificate"></i></div>
                        <div class="stat-content">
                            <h4>Uvjerenje o usavršavanju</h4>
                            <p>Upisuje se u e-radnu knjižicu</p>
                        </div>
                    </div>
                    <button onclick="openModal('prijavaModal')" class="btn btn-primary" style="width: 100%; margin-top: 2rem;">
                        <i class="fas fa-paper-plane"></i> Prijavite se sada
                    </button>
                </div>
            </div>
        </div>
    </section>

    <section class="section" style="padding-top: 0;">
        <div class="container" style="text-align: center;">
            <a href="https://poui.hr/cesto-postavljana-pitanja" class="btn btn-secondary"><i class="fas fa-question-circle"></i> Često postavljana pitanja</a>
        </div>
    </section>

</div>

<div id="prijavaModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>Prijava za program</h2>
            <span class="close" onclick="closeModal('prijavaModal')">&times;</span>
        </div>
        <div class="modal-body">
            <p style="text-align: center; font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem;">
                Nazovite <a href="https://poui.hr/tel:+385992128888" style="color: var(--primary-color); font-weight: 600;">099 212 8888</a> ili ispunite formular
            </p>
            <form id="applicationForm" action="/posalji-mail.php" method="POST">
                <div class="form-row">
                    <div class="form-group">
                        <label for="firstName">Ime *</label>
                        <input type="text" id="firstName" name="firstName" required>
                    </div>
                    <div class="form-group">
                        <label for="lastName">Prezime *</label>
                        <input type="text" id="lastName" name="lastName" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email adresa *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Broj telefona *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="message">Poruka (opcionalno)</label>
                    <textarea id="message" name="message" rows="4" placeholder="Ako imate dodatnih pitanja, upišite ih ovdje..."></textarea>
                </div>
                <div class="form-group">
                    <label style="display: flex; align-items: center;">
                        <input type="checkbox" name="gdpr_consent" value="1" required style="width: auto; margin-right: 10px;">
                        Slažem se s uvjetima i dajem pristanak na obradu osobnih podataka. *
                    </label>
                </div>
                <button type="submit" class="btn btn-primary" style="width: 100%;" id="submitBtn">
                    <i class="fas fa-paper-plane"></i> Pošaljite Upit
                </button>
            </form>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    // Funkcije za otvaranje i zatvaranje modala
    window.openModal = function(modalId) {
        document.getElementById(modalId).style.display = 'block';
        document.body.style.overflow = 'hidden';
    }
    window.closeModal = function(modalId) {
        document.getElementById(modalId).style.display = 'none';
        document.body.style.overflow = 'auto';
    }
    window.onclick = function(event) {
        if (event.target.classList.contains('modal')) {
            event.target.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    }

    // Slanje forme
    const form = document.getElementById('applicationForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            const submitBtn = document.getElementById('submitBtn');
            const originalText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Šalje se...';
            submitBtn.disabled = true;
            
            const formData = new FormData(this);
            
            fetch(this.action, {
                method: 'POST',
                body: formData,
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Hvala vam na prijavi! Vaš zahtjev je uspješno poslan.');
                    closeModal('prijavaModal');
                    this.reset();
                } else {
                    alert('Greška: ' + (data.message || 'Pokušajte ponovno.'));
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Dogodila se greška. Molimo kontaktirajte nas direktno.');
            })
            .finally(() => {
                submitBtn.innerHTML = originalText;
                submitBtn.disabled = false;
            });
        });
    }
});
</script>]]></description>
			<category>Promet i logistika</category>
			<pubDate>Mon, 29 Sep 2025 20:53:49 +0000</pubDate>
		</item>
		<item>
			<title>Instruktor vožnje D kategorije</title>
			<link>https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-d-kategorije</link>
			<guid isPermaLink="true">https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/instruktor-voznje-d-kategorije</guid>
			<description><![CDATA[<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>

<style>
    :root {
        --primary-color: #193564;
        --primary-dark: #0f2344;
        --secondary-color: #4a90e2;
        --text-dark: #193564;
        --text-light: #5a7ba8;
        --white: #ffffff;
        --success: #10b981;
        --gradient: linear-gradient(135deg, #193564 0%, #4a90e2 100%);
    }
    .program-template-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-dark); }
    .program-template-container .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .program-template-container .hero { padding: 50px 0; text-align: center; }
    .program-template-container .hero h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; color: var(--primary-color); }
    .program-template-container .hero-subtitle { font-size: 1.4rem; margin-bottom: 2rem; color: var(--text-light); font-weight: 300; }
    .program-template-container .cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
    .program-template-container .btn { padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
    .program-template-container .btn-primary { background: var(--secondary-color); color: white; box-shadow: 0 10px 30px rgba(74, 144, 226, 0.4); }
    .program-template-container .btn-primary:hover { background: var(--primary-color); transform: translateY(-3px); }
    .program-template-container .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); }
    .program-template-container .btn-secondary:hover { background: var(--primary-color); color: white; }
    .program-template-container .section { padding: 80px 0; }
    .program-template-container .section-title { text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 4rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .program-template-container .program-info { display: grid; grid-template-columns: 1fr 400px; gap: 4rem; align-items: start; }
    .program-template-container .program-content h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--text-dark); }
    .program-template-container .program-stats { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .stat-item { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #f1f5f9; }
    .program-template-container .stat-item:last-child { border-bottom: none; }
    .program-template-container .stat-icon { width: 50px; height: 50px; background: var(--gradient); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0; }
    .program-template-container .stat-content h4 { font-weight: 600; margin: 0 0 5px 0; }
    .program-template-container .stat-content p { color: var(--text-light); font-size: 0.9rem; margin: 0; }
    .program-template-container .card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .card h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); }
    .program-template-container .card-icon { width: 70px; height: 70px; background: var(--gradient); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; margin-bottom: 1rem; }
    .program-template-container .program-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; }
    .program-template-container .program-list li { padding: 8px 0 8px 30px; position: relative; color: var(--text-light); }
    .program-template-container .program-list li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: bold; }
    .program-template-container .faq-container { margin-top: 4rem; }
    .program-template-container .faq-item { background: var(--white); margin-bottom: 1rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(25, 53, 100, 0.08); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .faq-question { padding: 1.5rem 2rem; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background-color: transparent; color: var(--text-dark); }
    .program-template-container .faq-answer { padding: 0 2rem; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: var(--text-light); }
    .program-template-container .faq-icon { transition: transform 0.3s ease; }
    .program-template-container .faq-question.active .faq-icon { transform: rotate(180deg); }
    @media (max-width: 960px) { .program-template-container .program-info { grid-template-columns: 1fr; } }
    @media (max-width: 768px) { .program-template-container .hero h1 { font-size: 2.5rem; } }
    .program-template-container hr { border: 0; height: 1px; background-color: #eee; margin: 2rem 0; }
</style>

<div class="program-template-container">

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Instruktor vožnje A kategorije</h1>
                <p class="hero-subtitle">Proširite svoje kompetencije i osposobljavajte buduće vozače motocikala.</p>
                <div class="cta-buttons">
                    <a href="https://poui.hr/#kontakt" class="btn btn-primary"><i class="fas fa-paper-plane"></i> Zatražite Ponudu</a>
                    <a href="https://poui.hr/#uvjeti" class="btn btn-secondary"><i class="fas fa-info-circle"></i> Saznajte Uvjete</a>
                </div>
            </div>
        </div>
    </section>

    <section id="program" class="section program-details">
        <div class="container">
            <div class="program-info" style="align-items: stretch;">
                <div class="program-content">

                    <h3>O programu</h3>
                    <p>Ovaj program usavršavanja namijenjen je postojećim instruktorima vožnje B kategorije koji žele steći i licencu za A kategoriju. Kroz specijaliziranu obuku, naučit ćete specifičnosti metodike poučavanja vožnje motocikla, uključujući tehnike sigurne vožnje, manevriranje i primjenu propisa za vozače na dva kotača.</p>
                    <hr />

                    <h3 id="uvjeti">Uvjeti za upis</h3>
                    <div class="card" style="margin-top: 1.5rem;">
                        <div class="card-icon"><i class="fas fa-user-check"></i></div>
                        <h4>Potrebno za upis</h4>
                        <ul class="program-list">
                            <li>Završeno stručno specijalističko usavršavanje za instruktora vožnje B kategorije</li>
                            <li>Vozačka dozvola za vozilo A kategorije</li>
                        </ul>
                    </div>
                </div>

                <div class="program-stats">
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-clock"></i></div>
                        <div class="stat-content">
                            <h4>100 sati</h4>
                            <p>Ukupno trajanje programa</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-map-marker-alt"></i></div>
                        <div class="stat-content">
                            <h4>Split</h4>
                            <p>Šibenska 21</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-certificate"></i></div>
                        <div class="stat-content">
                            <h4>Uvjerenje o usavršavanju</h4>
                            <p>Upisuje se u e-radnu knjižicu</p>
                        </div>
                    </div>
                    <button onclick="openModal('prijavaModal')" class="btn btn-primary" style="width: 100%; margin-top: 2rem;">
                        <i class="fas fa-paper-plane"></i> Prijavite se sada
                    </button>
                </div>
            </div>
        </div>
    </section>

    <section class="section" style="padding-top: 0;">
        <div class="container" style="text-align: center;">
            <a href="https://poui.hr/cesto-postavljana-pitanja" class="btn btn-secondary"><i class="fas fa-question-circle"></i> Često postavljana pitanja</a>
        </div>
    </section>

</div>

<div id="prijavaModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>Prijava za program</h2>
            <span class="close" onclick="closeModal('prijavaModal')">&times;</span>
        </div>
        <div class="modal-body">
            <p style="text-align: center; font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem;">
                Nazovite <a href="https://poui.hr/tel:+385992128888" style="color: var(--primary-color); font-weight: 600;">099 212 8888</a> ili ispunite formular
            </p>
            <form id="applicationForm" action="/posalji-mail.php" method="POST">
                <div class="form-row">
                    <div class="form-group">
                        <label for="firstName">Ime *</label>
                        <input type="text" id="firstName" name="firstName" required>
                    </div>
                    <div class="form-group">
                        <label for="lastName">Prezime *</label>
                        <input type="text" id="lastName" name="lastName" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email adresa *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Broj telefona *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="message">Poruka (opcionalno)</label>
                    <textarea id="message" name="message" rows="4" placeholder="Ako imate dodatnih pitanja, upišite ih ovdje..."></textarea>
                </div>
                <div class="form-group">
                    <label style="display: flex; align-items: center;">
                        <input type="checkbox" name="gdpr_consent" value="1" required style="width: auto; margin-right: 10px;">
                        Slažem se s uvjetima i dajem pristanak na obradu osobnih podataka. *
                    </label>
                </div>
                <button type="submit" class="btn btn-primary" style="width: 100%;" id="submitBtn">
                    <i class="fas fa-paper-plane"></i> Pošaljite Upit
                </button>
            </form>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    // Funkcije za otvaranje i zatvaranje modala
    window.openModal = function(modalId) {
        document.getElementById(modalId).style.display = 'block';
        document.body.style.overflow = 'hidden';
    }
    window.closeModal = function(modalId) {
        document.getElementById(modalId).style.display = 'none';
        document.body.style.overflow = 'auto';
    }
    window.onclick = function(event) {
        if (event.target.classList.contains('modal')) {
            event.target.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    }

    // Slanje forme
    const form = document.getElementById('applicationForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            const submitBtn = document.getElementById('submitBtn');
            const originalText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Šalje se...';
            submitBtn.disabled = true;
            
            const formData = new FormData(this);
            
            fetch(this.action, {
                method: 'POST',
                body: formData,
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Hvala vam na prijavi! Vaš zahtjev je uspješno poslan.');
                    closeModal('prijavaModal');
                    this.reset();
                } else {
                    alert('Greška: ' + (data.message || 'Pokušajte ponovno.'));
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Dogodila se greška. Molimo kontaktirajte nas direktno.');
            })
            .finally(() => {
                submitBtn.innerHTML = originalText;
                submitBtn.disabled = false;
            });
        });
    }
});
</script>]]></description>
			<category>Promet i logistika</category>
			<pubDate>Mon, 29 Sep 2025 20:53:11 +0000</pubDate>
		</item>
		<item>
			<title>Rukovatelj mosnom dizalicom</title>
			<link>https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/rukovatelj-mosnom-dizalicom</link>
			<guid isPermaLink="true">https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/rukovatelj-mosnom-dizalicom</guid>
			<description><![CDATA[<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>

<style>
    :root {
        --primary-color: #193564;
        --primary-dark: #0f2344;
        --secondary-color: #4a90e2;
        --text-dark: #193564;
        --text-light: #5a7ba8;
        --white: #ffffff;
        --success: #10b981;
        --gradient: linear-gradient(135deg, #193564 0%, #4a90e2 100%);
    }
    .program-template-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-dark); }
    .program-template-container .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .program-template-container .hero { padding: 50px 0; text-align: center; }
    .program-template-container .hero h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; color: var(--primary-color); }
    .program-template-container .hero-subtitle { font-size: 1.4rem; margin-bottom: 2rem; color: var(--text-light); font-weight: 300; }
    .program-template-container .cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
    .program-template-container .btn { padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
    .program-template-container .btn-primary { background: var(--secondary-color); color: white; box-shadow: 0 10px 30px rgba(74, 144, 226, 0.4); }
    .program-template-container .btn-primary:hover { background: var(--primary-color); transform: translateY(-3px); }
    .program-template-container .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); }
    .program-template-container .btn-secondary:hover { background: var(--primary-color); color: white; }
    .program-template-container .section { padding: 80px 0; }
    .program-template-container .section-title { text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 4rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .program-template-container .program-info { display: grid; grid-template-columns: 1fr 400px; gap: 4rem; align-items: start; }
    .program-template-container .program-content h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--text-dark); }
    .program-template-container .program-stats { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .stat-item { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #f1f5f9; }
    .program-template-container .stat-item:last-child { border-bottom: none; }
    .program-template-container .stat-icon { width: 50px; height: 50px; background: var(--gradient); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0; }
    .program-template-container .stat-content h4 { font-weight: 600; margin: 0 0 5px 0; }
    .program-template-container .stat-content p { color: var(--text-light); font-size: 0.9rem; margin: 0; }
    .program-template-container .card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .card h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); }
    .program-template-container .card-icon { width: 70px; height: 70px; background: var(--gradient); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; margin-bottom: 1rem; }
    .program-template-container .program-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; }
    .program-template-container .program-list li { padding: 8px 0 8px 30px; position: relative; color: var(--text-light); }
    .program-template-container .program-list li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: bold; }
    .program-template-container .faq-container { margin-top: 4rem; }
    .program-template-container .faq-item { background: var(--white); margin-bottom: 1rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(25, 53, 100, 0.08); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .faq-question { padding: 1.5rem 2rem; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background-color: transparent; color: var(--text-dark); }
    .program-template-container .faq-answer { padding: 0 2rem; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: var(--text-light); }
    .program-template-container .faq-icon { transition: transform 0.3s ease; }
    .program-template-container .faq-question.active .faq-icon { transform: rotate(180deg); }
    @media (max-width: 960px) { .program-template-container .program-info { grid-template-columns: 1fr; } }
    @media (max-width: 768px) { .program-template-container .hero h1 { font-size: 2.5rem; } }
    .program-template-container hr { border: 0; height: 1px; background-color: #eee; margin: 2rem 0; }
</style>

<div class="program-template-container">

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Rukovatelj mosnom dizalicom</h1>
                <p class="hero-subtitle">Savladajte upravljanje mosnim dizalicama, neizostavnim strojevima u proizvodnim pogonima i skladištima.</p>
                <div class="cta-buttons">
                    <a href="https://poui.hr/#kontakt" class="btn btn-primary"><i class="fas fa-paper-plane"></i> Zatražite Ponudu</a>
                    <a href="https://poui.hr/#uvjeti" class="btn btn-secondary"><i class="fas fa-info-circle"></i> Saznajte Uvjete</a>
                </div>
            </div>
        </div>
    </section>

    <section id="program" class="section program-details">
        <div class="container">
            <div class="program-info" style="align-items: stretch;">
                <div class="program-content">

                    <h3>O programu</h3>
                    <p>Program osposobljavanja za rukovatelja mosnom dizalicom fokusiran je na siguran rad i precizno rukovanje teretima u industrijskim okruženjima. Polaznici uče o konstrukciji dizalice, tehnikama upravljanja, signalizaciji te provođenju dnevnih pregleda. Stjecanjem ovih vještina postajete kvalificirani za rad u proizvodnim halama, brodogradilištima i drugim postrojenjima gdje je ključan transport teških tereta.</p>
                    <hr />

                    <h3 id="uvjeti">Uvjeti za upis</h3>
                    <div class="card" style="margin-top: 1.5rem;">
                        <div class="card-icon"><i class="fas fa-user-check"></i></div>
                        <h4>Potrebno za upis</h4>
                        <ul class="program-list">
                            <li>Završena najmanje osnovna škola</li>
                            <li>Najmanje 18 godina starosti</li>
                            <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje mosnom dizalicom</li>
                        </ul>
                    </div>
                </div>

                <div class="program-stats">
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-clock"></i></div>
                        <div class="stat-content">
                            <h4>200 sati</h4>
                            <p>Ukupno trajanje programa</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-map-marker-alt"></i></div>
                        <div class="stat-content">
                            <h4>Split</h4>
                            <p>Šibenska 21</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-certificate"></i></div>
                        <div class="stat-content">
                            <h4>Uvjerenje o osposobljavanju</h4>
                            <p>Upisuje se u e-radnu knjižicu</p>
                        </div>
                    </div>
                    <button onclick="openModal('prijavaModal')" class="btn btn-primary" style="width: 100%; margin-top: 2rem;">
                        <i class="fas fa-paper-plane"></i> Prijavite se sada
                    </button>
                </div>
            </div>
        </div>
    </section>

    <section class="section" style="padding-top: 0;">
        <div class="container" style="text-align: center;">
            <a href="https://poui.hr/cesto-postavljana-pitanja" class="btn btn-secondary"><i class="fas fa-question-circle"></i> Često postavljana pitanja</a>
        </div>
    </section>

</div>

<div id="prijavaModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>Prijava za program</h2>
            <span class="close" onclick="closeModal('prijavaModal')">&times;</span>
        </div>
        <div class="modal-body">
            <p style="text-align: center; font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem;">
                Nazovite <a href="https://poui.hr/tel:+385992128888" style="color: var(--primary-color); font-weight: 600;">099 212 8888</a> ili ispunite formular
            </p>
            <form id="applicationForm" action="/posalji-mail.php" method="POST">
                <div class="form-row">
                    <div class="form-group">
                        <label for="firstName">Ime *</label>
                        <input type="text" id="firstName" name="firstName" required>
                    </div>
                    <div class="form-group">
                        <label for="lastName">Prezime *</label>
                        <input type="text" id="lastName" name="lastName" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email adresa *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Broj telefona *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="message">Poruka (opcionalno)</label>
                    <textarea id="message" name="message" rows="4" placeholder="Ako imate dodatnih pitanja, upišite ih ovdje..."></textarea>
                </div>
                <div class="form-group">
                    <label style="display: flex; align-items: center;">
                        <input type="checkbox" name="gdpr_consent" value="1" required style="width: auto; margin-right: 10px;">
                        Slažem se s uvjetima i dajem pristanak na obradu osobnih podataka. *
                    </label>
                </div>
                <button type="submit" class="btn btn-primary" style="width: 100%;" id="submitBtn">
                    <i class="fas fa-paper-plane"></i> Pošaljite Upit
                </button>
            </form>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    // Funkcije za otvaranje i zatvaranje modala
    window.openModal = function(modalId) {
        document.getElementById(modalId).style.display = 'block';
        document.body.style.overflow = 'hidden';
    }
    window.closeModal = function(modalId) {
        document.getElementById(modalId).style.display = 'none';
        document.body.style.overflow = 'auto';
    }
    window.onclick = function(event) {
        if (event.target.classList.contains('modal')) {
            event.target.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    }

    // Slanje forme
    const form = document.getElementById('applicationForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            const submitBtn = document.getElementById('submitBtn');
            const originalText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Šalje se...';
            submitBtn.disabled = true;
            
            const formData = new FormData(this);
            
            fetch(this.action, {
                method: 'POST',
                body: formData,
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Hvala vam na prijavi! Vaš zahtjev je uspješno poslan.');
                    closeModal('prijavaModal');
                    this.reset();
                } else {
                    alert('Greška: ' + (data.message || 'Pokušajte ponovno.'));
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Dogodila se greška. Molimo kontaktirajte nas direktno.');
            })
            .finally(() => {
                submitBtn.innerHTML = originalText;
                submitBtn.disabled = false;
            });
        });
    }
});
</script>]]></description>
			<category>Promet i logistika</category>
			<pubDate>Mon, 29 Sep 2025 20:51:44 +0000</pubDate>
		</item>
		<item>
			<title>Rukovanje viličarom u skladišnom prostoru</title>
			<link>https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/rukovatelj-vilicarem-u-skladisnom-prostoru</link>
			<guid isPermaLink="true">https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/promet-i-logistika/rukovatelj-vilicarem-u-skladisnom-prostoru</guid>
			<description><![CDATA[<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>

<style>
    :root {
        --primary-color: #193564;
        --primary-dark: #0f2344;
        --secondary-color: #4a90e2;
        --text-dark: #193564;
        --text-light: #5a7ba8;
        --white: #ffffff;
        --success: #10b981;
        --gradient: linear-gradient(135deg, #193564 0%, #4a90e2 100%);
    }
    .program-template-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: var(--text-dark); }
    .program-template-container .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
    .program-template-container .hero { padding: 50px 0; text-align: center; }
    .program-template-container .hero h1 { font-size: 3.5rem; font-weight: 800; margin-bottom: 1.5rem; line-height: 1.2; color: var(--primary-color); }
    .program-template-container .hero-subtitle { font-size: 1.4rem; margin-bottom: 2rem; color: var(--text-light); font-weight: 300; }
    .program-template-container .cta-buttons { display: flex; gap: 1rem; justify-content: center; margin-top: 3rem; flex-wrap: wrap; }
    .program-template-container .btn { padding: 15px 30px; border: none; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
    .program-template-container .btn-primary { background: var(--secondary-color); color: white; box-shadow: 0 10px 30px rgba(74, 144, 226, 0.4); }
    .program-template-container .btn-primary:hover { background: var(--primary-color); transform: translateY(-3px); }
    .program-template-container .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); }
    .program-template-container .btn-secondary:hover { background: var(--primary-color); color: white; }
    .program-template-container .section { padding: 80px 0; }
    .program-template-container .section-title { text-align: center; font-size: 2.8rem; font-weight: 700; margin-bottom: 4rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .program-template-container .program-info { display: grid; grid-template-columns: 1fr 400px; gap: 4rem; align-items: start; }
    .program-template-container .program-content h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.5rem; color: var(--text-dark); }
    .program-template-container .program-stats { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .stat-item { display: flex; align-items: center; gap: 15px; padding: 15px 0; border-bottom: 1px solid #f1f5f9; }
    .program-template-container .stat-item:last-child { border-bottom: none; }
    .program-template-container .stat-icon { width: 50px; height: 50px; background: var(--gradient); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; flex-shrink: 0; }
    .program-template-container .stat-content h4 { font-weight: 600; margin: 0 0 5px 0; }
    .program-template-container .stat-content p { color: var(--text-light); font-size: 0.9rem; margin: 0; }
    .program-template-container .card { background: var(--white); padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(25, 53, 100, 0.1); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .card h4 { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-dark); }
    .program-template-container .card-icon { width: 70px; height: 70px; background: var(--gradient); border-radius: 15px; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; margin-bottom: 1rem; }
    .program-template-container .program-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; }
    .program-template-container .program-list li { padding: 8px 0 8px 30px; position: relative; color: var(--text-light); }
    .program-template-container .program-list li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: bold; }
    .program-template-container .faq-container { margin-top: 4rem; }
    .program-template-container .faq-item { background: var(--white); margin-bottom: 1rem; border-radius: 15px; box-shadow: 0 5px 20px rgba(25, 53, 100, 0.08); border: 1px solid rgba(25, 53, 100, 0.1); }
    .program-template-container .faq-question { padding: 1.5rem 2rem; border: none; width: 100%; text-align: left; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; background-color: transparent; color: var(--text-dark); }
    .program-template-container .faq-answer { padding: 0 2rem; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: var(--text-light); }
    .program-template-container .faq-icon { transition: transform 0.3s ease; }
    .program-template-container .faq-question.active .faq-icon { transform: rotate(180deg); }
    @media (max-width: 960px) { .program-template-container .program-info { grid-template-columns: 1fr; } }
    @media (max-width: 768px) { .program-template-container .hero h1 { font-size: 2.5rem; } }
    .program-template-container hr { border: 0; height: 1px; background-color: #eee; margin: 2rem 0; }
</style>

<div class="program-template-container">

    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <h1>Rukovatelj viličarima</h1>
                <p class="hero-subtitle">Naučite kako sigurno i učinkovito rukovati viličarima u skladištima i industrijskim pogonima.</p>
                <div class="cta-buttons">
                    <a href="https://poui.hr/#kontakt" class="btn btn-primary"><i class="fas fa-paper-plane"></i> Zatražite Ponudu</a>
                    <a href="https://poui.hr/#uvjeti" class="btn btn-secondary"><i class="fas fa-info-circle"></i> Saznajte Uvjete</a>
                </div>
            </div>
        </div>
    </section>

    <section id="program" class="section program-details">
        <div class="container">
            <div class="program-info" style="align-items: stretch;">
                <div class="program-content">

                    <h3>O programu</h3>
                    <p>Viličar je industrijsko vozilo koje služi za prijenos i dizanje materijala. Zahvaljujući razvoju paletnog i kontejnerskog sustava, svojim konstrukcijskim osobinama te dobrim performansama postao je nezamjenjivi dio opreme u proizvodnim halama, lukama, željezničkim kolodvorima i skladištima.</p>
                    <hr />

                    <h3 id="uvjeti">Uvjeti za upis</h3>
                    <div class="card" style="margin-top: 1.5rem;">
                        <div class="card-icon"><i class="fas fa-user-check"></i></div>
                        <h4>Potrebno za upis</h4>
                        <ul class="program-list">
                            <li>Završena najmanje osnovna škola</li>
                            <li>Liječničko uvjerenje o zdravstvenoj sposobnosti za rukovatelja viličarem</li>
                            <li>Posjedovanje vozačke dozvole</li>
                        </ul>
                    </div>
                </div>

                <div class="program-stats">
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-clock"></i></div>
                        <div class="stat-content">
                            <h4>175 sati</h4>
                            <p>Ukupno trajanje programa</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-map-marker-alt"></i></div>
                        <div class="stat-content">
                            <h4>Split</h4>
                            <p>Šibenska 21</p>
                        </div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon"><i class="fas fa-certificate"></i></div>
                        <div class="stat-content">
                            <h4>Uvjerenje o osposobljavanju</h4>
                            <p>Upisuje se u e-radnu knjižicu</p>
                        </div>
                    </div>
                    <button onclick="openModal('prijavaModal')" class="btn btn-primary" style="width: 100%; margin-top: 2rem;">
                        <i class="fas fa-paper-plane"></i> Prijavite se sada
                    </button>
                </div>
            </div>
        </div>
    </section>

    <section class="section" style="padding-top: 0;">
        <div class="container" style="text-align: center;">
            <a href="https://poui.hr/cesto-postavljana-pitanja" class="btn btn-secondary"><i class="fas fa-question-circle"></i> Često postavljana pitanja</a>
        </div>
    </section>

</div>

<div id="prijavaModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <h2>Prijava za program</h2>
            <span class="close" onclick="closeModal('prijavaModal')">&times;</span>
        </div>
        <div class="modal-body">
            <p style="text-align: center; font-size: 1.1rem; color: var(--text-light); margin-bottom: 2rem;">
                Nazovite <a href="https://poui.hr/tel:+385992128888" style="color: var(--primary-color); font-weight: 600;">099 212 8888</a> ili ispunite formular
            </p>
            <form id="applicationForm" action="/posalji-mail.php" method="POST">
                <div class="form-row">
                    <div class="form-group">
                        <label for="firstName">Ime *</label>
                        <input type="text" id="firstName" name="firstName" required>
                    </div>
                    <div class="form-group">
                        <label for="lastName">Prezime *</label>
                        <input type="text" id="lastName" name="lastName" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label for="email">Email adresa *</label>
                        <input type="email" id="email" name="email" required>
                    </div>
                    <div class="form-group">
                        <label for="phone">Broj telefona *</label>
                        <input type="tel" id="phone" name="phone" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="message">Poruka (opcionalno)</label>
                    <textarea id="message" name="message" rows="4" placeholder="Ako imate dodatnih pitanja, upišite ih ovdje..."></textarea>
                </div>
                <div class="form-group">
                    <label style="display: flex; align-items: center;">
                        <input type="checkbox" name="gdpr_consent" value="1" required style="width: auto; margin-right: 10px;">
                        Slažem se s uvjetima i dajem pristanak na obradu osobnih podataka. *
                    </label>
                </div>
                <button type="submit" class="btn btn-primary" style="width: 100%;" id="submitBtn">
                    <i class="fas fa-paper-plane"></i> Pošaljite Upit
                </button>
            </form>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    // Funkcije za otvaranje i zatvaranje modala
    window.openModal = function(modalId) {
        document.getElementById(modalId).style.display = 'block';
        document.body.style.overflow = 'hidden';
    }
    window.closeModal = function(modalId) {
        document.getElementById(modalId).style.display = 'none';
        document.body.style.overflow = 'auto';
    }
    window.onclick = function(event) {
        if (event.target.classList.contains('modal')) {
            event.target.style.display = 'none';
            document.body.style.overflow = 'auto';
        }
    }

    // Slanje forme
    const form = document.getElementById('applicationForm');
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            const submitBtn = document.getElementById('submitBtn');
            const originalText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Šalje se...';
            submitBtn.disabled = true;
            
            const formData = new FormData(this);
            
            fetch(this.action, {
                method: 'POST',
                body: formData,
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    alert('Hvala vam na prijavi! Vaš zahtjev je uspješno poslan.');
                    closeModal('prijavaModal');
                    this.reset();
                } else {
                    alert('Greška: ' + (data.message || 'Pokušajte ponovno.'));
                }
            })
            .catch(error => {
                console.error('Error:', error);
                alert('Dogodila se greška. Molimo kontaktirajte nas direktno.');
            })
            .finally(() => {
                submitBtn.innerHTML = originalText;
                submitBtn.disabled = false;
            });
        });
    }
});
</script>]]></description>
			<category>Promet i logistika</category>
			<pubDate>Thu, 28 Aug 2025 13:05:33 +0000</pubDate>
		</item>
	</channel>
</rss>
