{"id":222,"date":"2026-11-08T00:36:15","date_gmt":"2026-11-08T00:36:15","guid":{"rendered":"https:\/\/procedo.ba\/?page_id=222"},"modified":"2026-11-08T00:36:15","modified_gmt":"2026-11-08T00:36:15","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/procedo.ba\/?page_id=222","title":{"rendered":"Kontakt"},"content":{"rendered":"\n<style>\n.procedo-contact {\n    width: min(1120px, calc(100vw - 50px));\n    position: relative;\n    left: 50%;\n    transform: translateX(-50%);\n    font-family: Arial, sans-serif;\n    color: #20282e;\n    margin: 25px 0 45px;\n}\n\n.procedo-contact * {\n    box-sizing: border-box;\n}\n\n.procedo-contact-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n}\n\n.procedo-contact-card {\n    background: #f3f5f6;\n    border-radius: 12px;\n    padding: 32px;\n    border: 1px solid #e5e8ea;\n}\n\n.procedo-contact-card h3 {\n    font-size: 23px;\n    margin: 0 0 25px;\n    color: #182127;\n    font-weight: 700;\n}\n\n.procedo-contact-item {\n    display: flex;\n    gap: 15px;\n    align-items: flex-start;\n    margin-bottom: 23px;\n}\n\n.procedo-contact-icon {\n    width: 42px;\n    height: 42px;\n    min-width: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: #ed1c24;\n    color: #fff;\n    border-radius: 8px;\n    font-size: 19px;\n}\n\n.procedo-contact-item strong {\n    display: block;\n    font-size: 14px;\n    color: #182127;\n    margin-bottom: 6px;\n}\n\n.procedo-contact-item span,\n.procedo-contact-item a {\n    font-size: 15px;\n    color: #505a61;\n    text-decoration: none;\n    line-height: 1.6;\n    overflow-wrap: anywhere;\n}\n\n.procedo-contact-item a:hover {\n    color: #ed1c24;\n}\n\n.procedo-contact-dark {\n    background: #182127;\n    color: #fff;\n    border-radius: 12px;\n    padding: 32px;\n    position: relative;\n    overflow: hidden;\n}\n\n.procedo-contact-dark:before {\n    content: \"\";\n    position: absolute;\n    width: 170px;\n    height: 170px;\n    border: 25px solid rgba(255,255,255,0.04);\n    border-radius: 50%;\n    right: -55px;\n    bottom: -65px;\n}\n\n.procedo-contact-dark h3 {\n    font-size: 25px;\n    color: #fff;\n    margin: 0 0 18px;\n}\n\n.procedo-contact-dark p {\n    font-size: 15px;\n    line-height: 1.8;\n    color: #cbd0d3;\n    margin: 0 0 25px;\n}\n\n.procedo-contact-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 13px;\n    align-items: flex-start;\n}\n\n.procedo-contact-btn {\n    display: inline-block;\n    padding: 13px 21px;\n    background: #ed1c24;\n    color: #fff !important;\n    text-decoration: none !important;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 700;\n    transition: background 0.2s ease;\n}\n\n.procedo-contact-btn:hover {\n    background: #c9141b;\n}\n\n.procedo-contact-note {\n    margin-top: 24px;\n    padding-top: 19px;\n    border-top: 1px solid rgba(255,255,255,0.15);\n    color: #aeb7bc;\n    font-size: 12px;\n    letter-spacing: 1px;\n    line-height: 1.7;\n}\n\n.procedo-map-section {\n    margin-top: 28px;\n    background: #f3f5f6;\n    padding: 12px;\n    border: 1px solid #e5e8ea;\n    border-radius: 12px;\n    box-shadow: 0 5px 18px rgba(0,0,0,0.06);\n}\n\n.procedo-map-section iframe {\n    display: block;\n    width: 100%;\n    height: 400px;\n    border: 0;\n    border-radius: 8px;\n}\n\n.procedo-map-caption {\n    padding: 15px 10px 5px;\n    font-size: 13px;\n    color: #59636a;\n}\n\n@media (max-width: 700px) {\n    .procedo-contact {\n        width: calc(100vw - 30px);\n        margin-top: 15px;\n    }\n\n    .procedo-contact-grid {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n\n    .procedo-contact-card,\n    .procedo-contact-dark {\n        padding: 24px 20px;\n    }\n\n    .procedo-contact-card h3,\n    .procedo-contact-dark h3 {\n        font-size: 21px;\n    }\n\n    .procedo-map-section iframe {\n        height: 300px;\n    }\n}\n<\/style>\n\n<div class=\"procedo-contact\">\n\n    <div class=\"procedo-contact-grid\">\n\n        <!-- KONTAKT PODACI -->\n        <div class=\"procedo-contact-card\">\n\n            <h3>Kontakt podaci<\/h3>\n\n            <div class=\"procedo-contact-item\">\n                <div class=\"procedo-contact-icon\">\u2316<\/div>\n                <div>\n                    <strong>Adresa<\/strong>\n                    <span>Hasana Merd\u017eanovi\u0107a<br>Vogo\u0161\u0107a 71320<br>Bosnia and Herzegovina<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"procedo-contact-item\">\n                <div class=\"procedo-contact-icon\">\u260e<\/div>\n                <div>\n                    <strong>Telefon<\/strong>\n                    <a href=\"tel:+38733424350\">+387 33 424-350<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"procedo-contact-item\">\n                <div class=\"procedo-contact-icon\">\u25a4<\/div>\n                <div>\n                    <strong>Fax<\/strong>\n                    <span>+387 33 424-350<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"procedo-contact-item\">\n                <div class=\"procedo-contact-icon\">\u2709<\/div>\n                <div>\n                    <strong>E-mail<\/strong>\n                    <a href=\"mailto:info@procedo.ba\">info@procedo.ba<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"procedo-contact-item\">\n                <div class=\"procedo-contact-icon\">\u25ce<\/div>\n                <div>\n                    <strong>Web stranica<\/strong>\n                    <a href=\"https:\/\/www.procedo.ba\" target=\"_blank\">www.procedo.ba<\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- KONTAKTNA KARTICA -->\n        <div class=\"procedo-contact-dark\">\n\n            <h3>Obratite nam se<\/h3>\n\n            <p>\n                Za sve informacije o na\u0161im proizvodima, uslugama i\n                mogu\u0107nostima saradnje, slobodno nas kontaktirajte.\n                Na\u0161 tim \u0107e vam rado pru\u017eiti potrebne informacije\n                i pomo\u0107i u pronala\u017eenju odgovaraju\u0107eg rje\u0161enja.\n            <\/p>\n\n            <div class=\"procedo-contact-buttons\">\n\n                <a class=\"procedo-contact-btn\"\n                   href=\"mailto:info@procedo.ba\">\n                    PO\u0160ALJITE E-MAIL\n                <\/a>\n\n                <a class=\"procedo-contact-btn\"\n                   href=\"tel:+38733424350\">\n                    POZOVITE NAS\n                <\/a>\n\n            <\/div>\n\n            <div class=\"procedo-contact-note\">\n                PROCEDO d.o.o.<br>\n                REZNI ALATI \/ CUTTING TOOLS \/ SCHNEIDEWERKZEUGE\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- GOOGLE MAPA -->\n    <div class=\"procedo-map-section\">\n\n        <iframe\n            src=\"https:\/\/www.google.com\/maps?q=V9W3%2BXH%20Vogo%C5%A1%C4%87a&#038;output=embed\"\n            allowfullscreen=\"\"\n            loading=\"lazy\"\n            referrerpolicy=\"no-referrer-when-downgrade\">\n        <\/iframe>\n\n        <div class=\"procedo-map-caption\">\n            PROCEDO d.o.o. \u2013 Vogo\u0161\u0107a, Sarajevo, Bosna i Hercegovina\n        <\/div>\n\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kontakt podaci \u2316 Adresa Hasana Merd\u017eanovi\u0107aVogo\u0161\u0107a 71320Bosnia and Herzegovina \u260e Telefon +387 33 424-350 \u25a4 Fax +387 33 424-350 \u2709 E-mail info@procedo.ba \u25ce Web stranica www.procedo.ba Obratite nam se Za sve informacije o na\u0161im proizvodima, uslugama i mogu\u0107nostima saradnje, slobodno nas kontaktirajte. Na\u0161 tim \u0107e vam rado pru\u017eiti potrebne informacije i pomo\u0107i u pronala\u017eenju odgovaraju\u0107eg [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/procedo.ba\/index.php?rest_route=\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/procedo.ba\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/procedo.ba\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/procedo.ba\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/procedo.ba\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=222"}],"version-history":[{"count":1,"href":"https:\/\/procedo.ba\/index.php?rest_route=\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":223,"href":"https:\/\/procedo.ba\/index.php?rest_route=\/wp\/v2\/pages\/222\/revisions\/223"}],"wp:attachment":[{"href":"https:\/\/procedo.ba\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}