{"id":29,"date":"2026-03-07T11:58:14","date_gmt":"2026-03-07T11:58:14","guid":{"rendered":"https:\/\/skalac.hdi.vision\/?page_id=29"},"modified":"2026-03-13T11:37:28","modified_gmt":"2026-03-13T11:37:28","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/skalac.hdi.vision\/index.php\/kontakt\/","title":{"rendered":"kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29\" class=\"elementor elementor-29\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e77914f e-con-full e-flex e-con e-parent\" data-id=\"e77914f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74e0079 elementor-widget elementor-widget-html\" data-id=\"74e0079\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700&family=Open+Sans:wght@400;600&display=swap');\r\n\r\n    :root {\r\n        --deep-indigo: #291A62;\r\n        --solar-yellow: #F5D100;\r\n        --arctic-blue: #0082C8;\r\n        --pure-white: #FFFFFF;\r\n        --soft-gray: #F4F7F9;\r\n        --dark-gray: #4A4A4A;\r\n        --premium-shadow: 0 20px 40px rgba(41, 26, 98, 0.06);\r\n        --hover-shadow: 0 25px 50px rgba(41, 26, 98, 0.12);\r\n        --card-border: 1px solid rgba(0, 130, 200, 0.08);\r\n        --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); \r\n    }\r\n\r\n    .skalac-widget * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .skalac-widget {\r\n        font-family: 'Open Sans', sans-serif;\r\n        color: var(--dark-gray);\r\n        line-height: 1.7;\r\n        background-color: var(--pure-white);\r\n        overflow-x: hidden;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .skalac-section { \r\n        padding: 100px 0; \r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .bg-white { background-color: var(--pure-white); }\r\n    .bg-gray { background-color: var(--soft-gray); }\r\n\r\n    .skalac-container {\r\n        max-width: 1240px;\r\n        margin: 0 auto;\r\n        padding: 0 24px;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .blob-1 {\r\n        position: absolute;\r\n        top: -10%; left: -5%;\r\n        width: 400px; height: 400px;\r\n        background: radial-gradient(circle, rgba(0,130,200,0.05) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n    }\r\n    .blob-2 {\r\n        position: absolute;\r\n        bottom: -10%; right: -5%;\r\n        width: 500px; height: 500px;\r\n        background: radial-gradient(circle, rgba(245,209,0,0.05) 0%, transparent 70%);\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n    }\r\n\r\n    .skalac-widget h1, .skalac-widget h2, .skalac-widget h3, .skalac-widget h4 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        color: var(--deep-indigo);\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .skalac-widget h2 {\r\n        font-size: clamp(2rem, 4vw, 2.8rem);\r\n        margin-bottom: 24px;\r\n        position: relative;\r\n    }\r\n\r\n    .section-header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n        max-width: 800px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    .section-header h2::after {\r\n        content: '';\r\n        display: block;\r\n        width: 60px;\r\n        height: 4px;\r\n        background: var(--solar-yellow);\r\n        margin: 24px auto 0;\r\n        border-radius: 2px;\r\n    }\r\n    \r\n    .section-header p {\r\n        margin-top: 24px;\r\n        font-size: 1.15rem;\r\n        color: var(--dark-gray);\r\n    }\r\n\r\n    .reveal {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n        will-change: opacity, transform;\r\n    }\r\n    .reveal.active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    .reveal-delay-1 { transition-delay: 0.1s; }\r\n    .reveal-delay-2 { transition-delay: 0.2s; }\r\n\r\n    .skalac-btn {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        text-decoration: none;\r\n        padding: 16px 36px; \r\n        border-radius: 50px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        transition: var(--transition);\r\n        font-size: 0.95rem;\r\n        letter-spacing: 0.5px;\r\n        cursor: pointer;\r\n        text-align: center;\r\n        border: 2px solid transparent;\r\n    }\r\n\r\n    .skalac-btn-primary {\r\n        background-color: var(--solar-yellow);\r\n        color: var(--deep-indigo);\r\n        box-shadow: 0 8px 20px rgba(245, 209, 0, 0.25);\r\n    }\r\n\r\n    .skalac-btn-primary:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 15px 30px rgba(245, 209, 0, 0.4);\r\n        background-color: #ffe133;\r\n    }\r\n\r\n    .skalac-btn-secondary {\r\n        background-color: transparent;\r\n        color: var(--pure-white);\r\n        border: 2px solid var(--pure-white);\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\r\n    .skalac-btn-secondary:hover {\r\n        background-color: var(--pure-white);\r\n        color: var(--deep-indigo);\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\r\n    }\r\n\r\n    \/* --- HERO SECTION --- *\/\r\n    .hero-contact {\r\n        position: relative;\r\n        padding: 200px 24px 160px; \r\n        text-align: center;\r\n        background: linear-gradient(rgba(41, 26, 98, 0.90), rgba(41, 26, 98, 0.80)), \r\n                    url('https:\/\/images.unsplash.com\/photo-1581092918056-0c4c3acd3789') center\/cover no-repeat;\r\n        color: var(--pure-white);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .hero-contact h1 {\r\n        color: var(--pure-white);\r\n        font-size: clamp(2.4rem, 5vw, 4rem);\r\n        max-width: 900px;\r\n        margin: 0 auto 24px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .hero-contact .subtitle {\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: clamp(1.1rem, 2vw, 1.4rem);\r\n        font-weight: 700;\r\n        color: var(--solar-yellow);\r\n        max-width: 800px;\r\n        margin: 0 auto 24px;\r\n    }\r\n\r\n    .hero-contact .description {\r\n        font-size: 1.15rem;\r\n        max-width: 700px;\r\n        margin: 0 auto 40px;\r\n        font-weight: 400;\r\n        color: #E2E8F0;\r\n    }\r\n\r\n    .hero-actions {\r\n        display: flex;\r\n        gap: 20px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* --- FORM SECTION --- *\/\r\n    .form-section {\r\n        padding-top: 80px; \/* Preba\u010deno na padding kako bi pozadina ostala siva *\/\r\n        margin-top: 0;\r\n        position: relative;\r\n        z-index: 10;\r\n        padding-bottom: 100px;\r\n    }\r\n\r\n    .form-card {\r\n        background: var(--pure-white);\r\n        border-radius: 24px;\r\n        box-shadow: var(--hover-shadow);\r\n        padding: 60px;\r\n        max-width: 900px;\r\n        margin: 0 auto;\r\n        border: var(--card-border);\r\n    }\r\n\r\n    .form-card-header {\r\n        text-align: center;\r\n        margin-bottom: 60px; \r\n    }\r\n\r\n    .form-card-header h2 {\r\n        font-size: 2.2rem;\r\n        margin-bottom: 16px;\r\n    }\r\n\r\n    .form-card-header h2::after {\r\n        content: '';\r\n        display: block;\r\n        width: 50px;\r\n        height: 4px;\r\n        background: var(--solar-yellow);\r\n        margin: 16px auto 0;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .form-card-header p {\r\n        font-size: 1.1rem;\r\n        color: var(--dark-gray);\r\n    }\r\n\r\n    \/* --- STILIZACIJA CONTACT FORM 7 --- *\/\r\n    .skalac-form-wrapper .wpcf7 {\r\n        width: 100%;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-form p {\r\n        margin-bottom: 30px; \r\n    }\r\n\r\n    .skalac-form-wrapper label {\r\n        display: block;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        color: var(--deep-indigo);\r\n        margin-bottom: 24px; \r\n        font-size: 0.95rem;\r\n    }\r\n\r\n    .skalac-form-wrapper input[type=\"text\"],\r\n    .skalac-form-wrapper input[type=\"email\"],\r\n    .skalac-form-wrapper input[type=\"tel\"],\r\n    .skalac-form-wrapper input[type=\"number\"],\r\n    .skalac-form-wrapper select,\r\n    .skalac-form-wrapper textarea {\r\n        width: 100%;\r\n        padding: 16px 24px;\r\n        background-color: var(--soft-gray);\r\n        border: 2px solid transparent;\r\n        border-radius: 16px;\r\n        font-family: 'Open Sans', sans-serif;\r\n        font-size: 1rem;\r\n        color: var(--dark-gray);\r\n        transition: var(--transition);\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .skalac-form-wrapper input:focus,\r\n    .skalac-form-wrapper select:focus,\r\n    .skalac-form-wrapper textarea:focus {\r\n        outline: none;\r\n        background-color: var(--pure-white);\r\n        border-color: var(--arctic-blue);\r\n        box-shadow: 0 0 0 4px rgba(0, 130, 200, 0.1);\r\n    }\r\n\r\n    .skalac-form-wrapper textarea {\r\n        min-height: 160px;\r\n        resize: vertical;\r\n    }\r\n\r\n    .skalac-form-wrapper select {\r\n        appearance: none;\r\n        -webkit-appearance: none;\r\n        background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%234A4A4A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n        background-repeat: no-repeat;\r\n        background-position: right 20px center;\r\n        background-size: 16px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-list-item {\r\n        margin: 0;\r\n        display: block;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-list-item-label {\r\n        font-weight: 400;\r\n        color: var(--dark-gray);\r\n        font-size: 0.95rem;\r\n        margin-left: 8px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .skalac-form-wrapper input[type=\"checkbox\"],\r\n    .skalac-form-wrapper input[type=\"radio\"] {\r\n        width: 18px;\r\n        height: 18px;\r\n        accent-color: var(--arctic-blue);\r\n        cursor: pointer;\r\n        position: relative;\r\n        top: 3px;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-acceptance {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-submit {\r\n        background-color: var(--solar-yellow);\r\n        color: var(--deep-indigo);\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        padding: 20px 40px;\r\n        border-radius: 50px;\r\n        border: none;\r\n        cursor: pointer;\r\n        width: 100%;\r\n        transition: var(--transition);\r\n        font-size: 1.05rem;\r\n        letter-spacing: 0.5px;\r\n        box-shadow: 0 8px 20px rgba(245, 209, 0, 0.25);\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-submit:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 15px 30px rgba(245, 209, 0, 0.4);\r\n        background-color: #ffe133;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-not-valid-tip {\r\n        font-size: 0.85rem;\r\n        color: #e74c3c;\r\n        margin-top: 5px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-response-output {\r\n        border-radius: 12px;\r\n        padding: 16px 20px;\r\n        margin-top: 24px;\r\n        font-weight: 600;\r\n        border: none !important;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-mail-sent-ok {\r\n        background-color: #d4edda;\r\n        color: #155724;\r\n    }\r\n\r\n    .skalac-form-wrapper .wpcf7-validation-errors {\r\n        background-color: #f8d7da;\r\n        color: #721c24;\r\n    }\r\n\r\n    \/* --- QUICK CONTACT SECTION --- *\/\r\n    .quick-contact-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .contact-info-card {\r\n        background: var(--pure-white);\r\n        padding: 40px 30px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        box-shadow: var(--premium-shadow);\r\n        border: var(--card-border);\r\n        transition: var(--transition);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .contact-info-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 4px;\r\n        background: var(--arctic-blue);\r\n        transform: scaleX(0);\r\n        transform-origin: center;\r\n        transition: transform 0.4s ease;\r\n    }\r\n\r\n    .contact-info-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: var(--hover-shadow);\r\n        border-color: transparent;\r\n    }\r\n\r\n    .contact-info-card:hover::before {\r\n        transform: scaleX(1);\r\n    }\r\n\r\n    .contact-icon {\r\n        width: 70px;\r\n        height: 70px;\r\n        background: var(--soft-gray);\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0 auto 24px;\r\n        color: var(--arctic-blue);\r\n        transition: var(--transition);\r\n    }\r\n\r\n    .contact-info-card:hover .contact-icon {\r\n        background: var(--arctic-blue);\r\n        color: var(--pure-white);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .contact-info-card h3 {\r\n        font-size: 1.25rem;\r\n        margin-bottom: 12px;\r\n    }\r\n\r\n    .contact-info-card p, .contact-info-card a {\r\n        font-size: 1.05rem;\r\n        color: var(--dark-gray);\r\n        text-decoration: none;\r\n        line-height: 1.6;\r\n        display: block;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .contact-info-card a:hover {\r\n        color: var(--arctic-blue);\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n    @media (max-width: 992px) {\r\n        .form-card { padding: 40px 30px; }\r\n        .quick-contact-grid { grid-template-columns: 1fr; gap: 20px; max-width: 500px; margin-left: auto; margin-right: auto; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .hero-contact { padding: 160px 20px 120px; }\r\n        .hero-actions { flex-direction: column; width: 100%; }\r\n        .hero-actions .skalac-btn { width: 100%; max-width: 320px; }\r\n        .form-card { padding: 30px 20px; border-radius: 16px; }\r\n        .skalac-form-wrapper input[type=\"text\"],\r\n        .skalac-form-wrapper input[type=\"email\"],\r\n        .skalac-form-wrapper input[type=\"tel\"],\r\n        .skalac-form-wrapper input[type=\"number\"],\r\n        .skalac-form-wrapper select,\r\n        .skalac-form-wrapper textarea { padding: 14px 16px; }\r\n        .form-section { padding-top: 50px; margin-top: 0; }\r\n        .contact-info-card { padding: 30px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"skalac-widget\">\r\n\r\n    <section class=\"hero-contact\">\r\n        <div class=\"skalac-container reveal\">\r\n            <h1>Kontaktirajte majstore za instalacije<\/h1>\r\n            <p class=\"subtitle\">Centralno grijanje, vodoinstalacije, plinske instalacije i klimatizacija<\/p>\r\n            <p class=\"description\">Trebate pouzdanog majstora za instalacije ili servis? Po\u0161aljite nam upit putem obrasca ili nas kontaktirajte telefonom. Na\u0161 tim javlja se u najkra\u0107em mogu\u0107em roku.<\/p>\r\n            \r\n            <div class=\"hero-actions\">\r\n                <a href=\"tel:+385013376501\" class=\"skalac-btn skalac-btn-primary\">\r\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                    Nazovite nas\r\n                <\/a>\r\n                <a href=\"#kontakt-forma\" class=\"skalac-btn skalac-btn-secondary\">\r\n                    Po\u0161aljite upit &rarr;\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"form-section bg-gray\" id=\"kontakt-forma\">\r\n        <div class=\"blob-1\"><\/div>\r\n        <div class=\"skalac-container reveal reveal-delay-1\">\r\n            <div class=\"form-card\">\r\n                <div class=\"form-card-header\">\r\n                    <h2>Po\u0161aljite nam upit<\/h2>\r\n                    <p>Ispunite obrazac i javit \u0107emo vam se s informacijama o terminu, cijeni ili procjeni radova.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"skalac-form-wrapper\">\r\n                    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f14-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"14\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php\/wp-json\/wp\/v2\/pages\/29#wpcf7-f14-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"14\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f14-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Ime i prezime<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> E-mail<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Broj mobitela<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Lokacija \/ adresa objekta<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-address\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-address\" \/><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Koja usluga vas zanima?<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-service\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-service\"><option value=\"\">Odaberite uslugu<\/option><option value=\"Vodoinstalacije\">Vodoinstalacije<\/option><option value=\"Centralno grijanje\">Centralno grijanje<\/option><option value=\"Plinske instalacije\">Plinske instalacije<\/option><option value=\"Klimatizacija\">Klimatizacija<\/option><option value=\"Servis bojlera\">Servis bojlera<\/option><option value=\"Servis klima ure\u0111aja\">Servis klima ure\u0111aja<\/option><option value=\"Ostalo\">Ostalo<\/option><\/select><\/span><br \/>\n<\/label>\n<\/p>\n<p><label> Opi\u0161ite upit<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Po\u0161aljite upit\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"skalac-section bg-white\">\r\n        <div class=\"blob-2\"><\/div>\r\n        <div class=\"skalac-container\">\r\n            <div class=\"section-header reveal\">\r\n                <h2>Trebate brzi odgovor?<\/h2>\r\n                <p>Na raspolaganju smo vam za sva tehni\u010dka pitanja, hitne intervencije ili brze dogovore oko ponude.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"quick-contact-grid\">\r\n                <div class=\"contact-info-card reveal reveal-delay-1\">\r\n                    <div class=\"contact-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <h3>Telefon<\/h3>\r\n                    <a href=\"tel:+385013376501\">+385 01 337 6501<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"contact-info-card reveal reveal-delay-2\">\r\n                    <div class=\"contact-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                    <h3>Email<\/h3>\r\n                    <a href=\"mailto:info@skalac-instalacije.hr\">info@skalac-instalacije.hr<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"contact-info-card reveal reveal-delay-1\">\r\n                    <div class=\"contact-icon\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                    <\/div>\r\n                    <h3>Adresa<\/h3>\r\n                    <p>Bistrec 45<br>Lug Samoborski<br>10432 Bregana<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        \/\/ --- SCROLL REVEAL ANIMACIJE ---\r\n        const observerOptions = { root: null, rootMargin: '0px', threshold: 0.15 };\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('active');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, observerOptions);\r\n\r\n        document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n        \r\n        \/\/ --- SMOOTH SCROLL ZA ANCHOR LINKOVE ---\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                const targetId = this.getAttribute('href');\r\n                if(targetId === '#') return;\r\n                \r\n                const targetElement = document.querySelector(targetId);\r\n                if(targetElement) {\r\n                    e.preventDefault();\r\n                    targetElement.scrollIntoView({\r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kontaktirajte majstore za instalacije Centralno grijanje, vodoinstalacije, plinske instalacije i klimatizacija Trebate pouzdanog majstora za instalacije ili servis? Po\u0161aljite nam upit putem obrasca ili nas kontaktirajte telefonom. Na\u0161 tim javlja se u najkra\u0107em mogu\u0107em roku. Nazovite nas Po\u0161aljite upit &rarr; Po\u0161aljite nam upit Ispunite obrazac i javit \u0107emo vam se s informacijama o terminu, cijeni [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skalac.hdi.vision\/index.php\/wp-json\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skalac.hdi.vision\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skalac.hdi.vision\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skalac.hdi.vision\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skalac.hdi.vision\/index.php\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":16,"href":"https:\/\/skalac.hdi.vision\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/skalac.hdi.vision\/index.php\/wp-json\/wp\/v2\/pages\/29\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/skalac.hdi.vision\/index.php\/wp-json\/wp\/v2\/media?parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}