Rukovatelj građevinskim strojevima Split | POU Instruktor Pučkog Otvoreno Učilište Instruktor polaznicima nudi široku paletu obrazovnih programa za stjecanje stručne spreme, osposobljavanje i usavršavanje https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija 2026-07-24T17:47:11+00:00 Pučko Otvoreno Učilište Instruktor Joomla! - Open Source Content Management Rukovanje toranjskom dizalicom 2025-10-01T19:11:43+00:00 2025-10-01T19:11:43+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/rukovanje-toranjskom-dizalicom Kiko <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 .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; } @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>Rukovanje toranjskom dizalicom</h1> <p class="hero-subtitle">Dosegnite nove visine u karijeri i postanite stručnjak za upravljanje toranjskim dizalicama.</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 obrazovanja za rukovatelja toranjskom dizalicom pruža specijalizirana znanja i vještine potrebne za sigurno i učinkovito upravljanje jednim od najvažnijih strojeva na modernim gradilištima. Polaznici će naučiti sve o montaži, radu i održavanju toranjskih dizalica, kao i o primjeni mjera zaštite na radu, prve pomoći i zaštite okoliš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šena najmanje osnovna škola (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje toranjskom 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>Mikrokvalifikacija</h4> <p>Upisuje se u e-radnu knjižicu</p> </div> </div> <button class="btn btn-primary" onclick="openModal('prijavaModal')" 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:+385912128888" style="color: var(--primary-color); font-weight: 600;">091 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> <input type="checkbox" name="gdpr_consent" value="1" required> 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 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 .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; } @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>Rukovanje toranjskom dizalicom</h1> <p class="hero-subtitle">Dosegnite nove visine u karijeri i postanite stručnjak za upravljanje toranjskim dizalicama.</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 obrazovanja za rukovatelja toranjskom dizalicom pruža specijalizirana znanja i vještine potrebne za sigurno i učinkovito upravljanje jednim od najvažnijih strojeva na modernim gradilištima. Polaznici će naučiti sve o montaži, radu i održavanju toranjskih dizalica, kao i o primjeni mjera zaštite na radu, prve pomoći i zaštite okoliš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šena najmanje osnovna škola (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje toranjskom 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>Mikrokvalifikacija</h4> <p>Upisuje se u e-radnu knjižicu</p> </div> </div> <button class="btn btn-primary" onclick="openModal('prijavaModal')" 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:+385912128888" style="color: var(--primary-color); font-weight: 600;">091 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> <input type="checkbox" name="gdpr_consent" value="1" required> 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> Rukovanje skrejperom 2025-10-01T19:10:25+00:00 2025-10-01T19:10:25+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/rukovanje-skrejperom Kiko <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 .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; } @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>Rukovanje skrejperom</h1> <p class="hero-subtitle">Postanite kvalificirani rukovatelj skrejperom i upravljajte snažnim strojevima za zemljane radove.</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 obrazovanja za stjecanje mikrokvalifikacije rukovanje skrejperom osposobljava polaznike za sigurno i učinkovito upravljanje ovim specijaliziranim građevinskim strojem. Kroz program se stječu znanja o tehničkim karakteristikama stroja, pravilima zaštite na radu i okoliša, te praktične vještine za izvođenje različitih radnih operacija u građevinarstvu.</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 (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje skrejperom</li> <li>Vozačka dozvola odgovarajuće 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>150 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>Mikrokvalifikacija</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> <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 .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; } @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>Rukovanje skrejperom</h1> <p class="hero-subtitle">Postanite kvalificirani rukovatelj skrejperom i upravljajte snažnim strojevima za zemljane radove.</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 obrazovanja za stjecanje mikrokvalifikacije rukovanje skrejperom osposobljava polaznike za sigurno i učinkovito upravljanje ovim specijaliziranim građevinskim strojem. Kroz program se stječu znanja o tehničkim karakteristikama stroja, pravilima zaštite na radu i okoliša, te praktične vještine za izvođenje različitih radnih operacija u građevinarstvu.</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 (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje skrejperom</li> <li>Vozačka dozvola odgovarajuće 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>150 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>Mikrokvalifikacija</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> Rukovanje kombinirkom 2025-10-01T19:09:59+00:00 2025-10-01T19:09:59+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/rukovanje-kombinirkom Kiko <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 .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; } @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>Rukovanje kombinirkom</h1> <p class="hero-subtitle">Osposobite se za rad s višenamjenskom kombinirkom, jednim od najsvestranijih strojeva na gradilištu.</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 obrazovanja za rukovatelja kombinirkom osmišljen je kako bi polaznici stekli vještine za sigurno i učinkovito upravljanje ovim multifunkcionalnim strojem. Obuka pokriva sve aspekte rada, od utovara i iskopa do primjene različitih priključaka, uz strogo poštivanje mjera zaštite na radu i očuvanja okoliš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šena najmanje osnovna škola (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje kombinirkom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>225 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>Mikrokvalifikacija</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> <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 .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; } @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>Rukovanje kombinirkom</h1> <p class="hero-subtitle">Osposobite se za rad s višenamjenskom kombinirkom, jednim od najsvestranijih strojeva na gradilištu.</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 obrazovanja za rukovatelja kombinirkom osmišljen je kako bi polaznici stekli vještine za sigurno i učinkovito upravljanje ovim multifunkcionalnim strojem. Obuka pokriva sve aspekte rada, od utovara i iskopa do primjene različitih priključaka, uz strogo poštivanje mjera zaštite na radu i očuvanja okoliš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šena najmanje osnovna škola (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje kombinirkom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>225 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>Mikrokvalifikacija</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> Rukovanje hidrauličnom platformom 2025-10-01T19:09:26+00:00 2025-10-01T19:09:26+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/rukovanje-hidraulicnom-platformom Kiko <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 .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; } @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>Rukovanje hidrauličnom platformom</h1> <p class="hero-subtitle">Postanite certificirani rukovatelj hidrauličnim platformama i radite sigurno na visini.</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 hidrauličnom platformom pruža polaznicima sva potrebna znanja za siguran i efikasan rad. Obuka pokriva sve aspekte rukovanja, od mjera zaštite na radu i zaštite okoliša, do praktičnog upravljanja platformom u različitim radnim uvjetima. Postanite kvalificirani stručnjak za rad na visini.</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 (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje hidrauličnom platformom</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>150 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>Mikrokvalifikacija</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> <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 .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; } @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>Rukovanje hidrauličnom platformom</h1> <p class="hero-subtitle">Postanite certificirani rukovatelj hidrauličnim platformama i radite sigurno na visini.</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 hidrauličnom platformom pruža polaznicima sva potrebna znanja za siguran i efikasan rad. Obuka pokriva sve aspekte rukovanja, od mjera zaštite na radu i zaštite okoliša, do praktičnog upravljanja platformom u različitim radnim uvjetima. Postanite kvalificirani stručnjak za rad na visini.</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 (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje hidrauličnom platformom</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>150 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>Mikrokvalifikacija</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> Rukovanje grejderom 2025-10-01T19:09:00+00:00 2025-10-01T19:09:00+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/rukovanje-grejderom Kiko <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 .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; } @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>Rukovanje grejderom</h1> <p class="hero-subtitle">Postanite majstor preciznosti u zemljanim radovima i osposobite se za rukovanje grejderom.</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 obrazovanja pruža sveobuhvatnu obuku za rukovanje grejderom, strojem neophodnim za fino planiranje, profiliranje i ravnanje terena u cestogradnji i drugim velikim građevinskim projektima. Kroz program ćete steći znanja o sigurnom rukovanju, tehnikama rada, održavanju stroja te primjeni mjera zaštite na radu i okoliš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šena najmanje osnovna škola (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje grejderom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>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>Mikrokvalifikacija</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> <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 .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; } @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>Rukovanje grejderom</h1> <p class="hero-subtitle">Postanite majstor preciznosti u zemljanim radovima i osposobite se za rukovanje grejderom.</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 obrazovanja pruža sveobuhvatnu obuku za rukovanje grejderom, strojem neophodnim za fino planiranje, profiliranje i ravnanje terena u cestogradnji i drugim velikim građevinskim projektima. Kroz program ćete steći znanja o sigurnom rukovanju, tehnikama rada, održavanju stroja te primjeni mjera zaštite na radu i okoliš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šena najmanje osnovna škola (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje grejderom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>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>Mikrokvalifikacija</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> Rukovanje dozerom 2025-10-01T19:08:29+00:00 2025-10-01T19:08:29+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/rukovanje-dozerom Kiko <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 .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; } @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>Rukovanje dozerom</h1> <p class="hero-subtitle">Savladajte vještine upravljanja dozerom, ključnim strojem za zemljane radove i ravnanje terena.</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 rukovatelja dozerom nudi sveobuhvatnu obuku za sigurno i efikasno upravljanje ovim moćnim građevinskim strojem. Polaznici će naučiti o tehničkim karakteristikama dozera, metodama izvođenja radnih operacija poput guranja materijala i finog planiranja, te o primjeni mjera zaštite na radu i zaštite okoliš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šena najmanje osnovna škola (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje dozerom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>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>Mikrokvalifikacija</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> <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 .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; } @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>Rukovanje dozerom</h1> <p class="hero-subtitle">Savladajte vještine upravljanja dozerom, ključnim strojem za zemljane radove i ravnanje terena.</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 rukovatelja dozerom nudi sveobuhvatnu obuku za sigurno i efikasno upravljanje ovim moćnim građevinskim strojem. Polaznici će naučiti o tehničkim karakteristikama dozera, metodama izvođenja radnih operacija poput guranja materijala i finog planiranja, te o primjeni mjera zaštite na radu i zaštite okoliš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šena najmanje osnovna škola (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje dozerom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>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>Mikrokvalifikacija</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> Rukovanje damperom 2025-10-01T19:07:55+00:00 2025-10-01T19:07:55+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/rukovanje-damperom Kiko <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 .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; } @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>Rukovanje damperom</h1> <p class="hero-subtitle">Postanite stručnjak za siguran i učinkovit prijevoz rasutih materijala na gradiliš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 za rukovatelja damperom pruža polaznicima potrebna znanja za upravljanje ovim snažnim strojevima za transport. Obuka obuhvaća tehničku primjenu i analizu rada dampera, izvođenje radnih operacija, kao i ključne aspekte zaštite na radu i očuvanja okoliša, osiguravajući time visoku razinu kompetencije i sigurnosti.</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 (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje damperom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>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>Mikrokvalifikacija</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> <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 .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; } @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>Rukovanje damperom</h1> <p class="hero-subtitle">Postanite stručnjak za siguran i učinkovit prijevoz rasutih materijala na gradiliš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 za rukovatelja damperom pruža polaznicima potrebna znanja za upravljanje ovim snažnim strojevima za transport. Obuka obuhvaća tehničku primjenu i analizu rada dampera, izvođenje radnih operacija, kao i ključne aspekte zaštite na radu i očuvanja okoliša, osiguravajući time visoku razinu kompetencije i sigurnosti.</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 (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje damperom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>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>Mikrokvalifikacija</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> Rukovanje bagerom 2025-10-01T19:07:16+00:00 2025-10-01T19:07:16+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/rukovanje-bagerom Kiko <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 .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; } @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>Rukovanje bagerom</h1> <p class="hero-subtitle">Osposobite se za profesionalno i sigurno upravljanje bagerom na svim vrstama gradilišta.</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 obrazovanja osmišljen je kako bi polaznicima pružio ključna znanja i vještine za rukovanje bagerom. Kroz kombinaciju teorijske nastave i praktičnog rada, naučit ćete sve o sigurnosnim procedurama, zaštiti okoliša, tehničkim aspektima stroja i izvođenju različitih radnih operacija kao što su iskop, utovar i planiranje terena.</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 (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje bagerom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>225 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>Mikrokvalifikacija</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> <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 .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; } @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>Rukovanje bagerom</h1> <p class="hero-subtitle">Osposobite se za profesionalno i sigurno upravljanje bagerom na svim vrstama gradilišta.</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 obrazovanja osmišljen je kako bi polaznicima pružio ključna znanja i vještine za rukovanje bagerom. Kroz kombinaciju teorijske nastave i praktičnog rada, naučit ćete sve o sigurnosnim procedurama, zaštiti okoliša, tehničkim aspektima stroja i izvođenju različitih radnih operacija kao što su iskop, utovar i planiranje terena.</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 (razina 1 HKO-a)</li> <li>Najmanje 18 godina starosti</li> <li>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za rukovanje bagerom</li> <li>Posjedovanje vozačke dozvole odgovarajuće 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>225 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>Mikrokvalifikacija</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> Oblaganje keramikom 2025-10-01T19:06:41+00:00 2025-10-01T19:06:41+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/oblaganje-keramikom Kiko <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 .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; } @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>Oblaganje keramikom</h1> <p class="hero-subtitle">Postanite majstor u postavljanju keramičkih pločica i oblaganju svih vrsta površina.</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 oblaganje keramikom pruža polaznicima temeljna znanja i praktične vještine potrebne za samostalno obavljanje keramičarskih radova. Kroz ovaj program naučit ćete sve o materijalima, alatima, tehnologiji i izvedbi oblagačkih radova, uključujući pripremu podloge, polaganje pločica i fugiranje.</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>Liječničko uvjerenje medicine rada za obavljanje poslova oblaganja keramikom</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>300 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>Mikrokvalifikacija</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> <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 .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; } @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>Oblaganje keramikom</h1> <p class="hero-subtitle">Postanite majstor u postavljanju keramičkih pločica i oblaganju svih vrsta površina.</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 oblaganje keramikom pruža polaznicima temeljna znanja i praktične vještine potrebne za samostalno obavljanje keramičarskih radova. Kroz ovaj program naučit ćete sve o materijalima, alatima, tehnologiji i izvedbi oblagačkih radova, uključujući pripremu podloge, polaganje pločica i fugiranje.</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>Liječničko uvjerenje medicine rada za obavljanje poslova oblaganja keramikom</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>300 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>Mikrokvalifikacija</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> Montiranje i demontiranje građevinske skele 2025-10-01T19:06:12+00:00 2025-10-01T19:06:12+00:00 https://poui.hr/cjelozivotno-obrazovanje/programi-osposobljavanja-usavrsavanja-i-prekvalifikacija/graditeljstvo-i-geodezija/montiranje-i-demontiranje-gradevinske-skele Kiko <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 .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; } @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>Montiranje i demontiranje građevinske skele</h1> <p class="hero-subtitle">Specijalizirajte se za siguran rad sa skelama i radnim platformama.</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 obrazovanja usmjeren je na stjecanje ključnih vještina za sigurno montiranje i demontiranje svih vrsta građevinskih skela i radnih platformi. Polaznici će naučiti sve o pravilima zaštite na radu, vrstama skela i pravilnim procedurama, čime postaju kvalificirani stručnjaci za jedno od najvažnijih zanimanja u graditeljstvu.</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>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za obavljanje poslova montiranja i demontiranja građevinske skele</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>75 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>Mikrokvalifikacija</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> <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 .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; } @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>Montiranje i demontiranje građevinske skele</h1> <p class="hero-subtitle">Specijalizirajte se za siguran rad sa skelama i radnim platformama.</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 obrazovanja usmjeren je na stjecanje ključnih vještina za sigurno montiranje i demontiranje svih vrsta građevinskih skela i radnih platformi. Polaznici će naučiti sve o pravilima zaštite na radu, vrstama skela i pravilnim procedurama, čime postaju kvalificirani stručnjaci za jedno od najvažnijih zanimanja u graditeljstvu.</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>Liječničko uvjerenje medicine rada o zdravstvenoj sposobnosti za obavljanje poslova montiranja i demontiranja građevinske skele</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>75 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>Mikrokvalifikacija</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>