{"id":1452,"date":"2013-10-16T12:05:38","date_gmt":"2013-10-16T10:05:38","guid":{"rendered":"http:\/\/demo.qodeinteractive.com\/bridge21\/?page_id=1452"},"modified":"2026-09-08T21:51:46","modified_gmt":"2026-09-08T19:51:46","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/hadal.hr\/?page_id=1452","title":{"rendered":"Kontakt"},"content":{"rendered":"\n<div class=\"hadal-contact-page\">\n<style>\n\/* BLOCKSY RAZMAK IZNAD I ISPOD SADR\u017dAJA, SAMO NA OVOJ STRANICI *\/\nbody.page .hero-section,\nbody.page header.entry-header {\n  display:none!important\n}\n\nbody.page .site-main,\nbody.page .site-main > .ct-container-full,\nbody.page .site-main .ct-container-full[data-vertical-spacing],\nbody.page .site-main article.page,\nbody.page .site-main article.page > .entry-content,\nbody.page .site-main .wpb-content-wrapper {\n  margin-top:0!important;\n  margin-bottom:0!important;\n  padding-top:0!important;\n  padding-bottom:0!important\n}\n\n.hadal-contact-page,\n.hadal-contact-page *,\n.hadal-contact-page *::before,\n.hadal-contact-page *::after{box-sizing:border-box}\n.hadal-contact-page{\n  --red:#d82b1b;\n  --black:#171717;\n  --dark:#242424;\n  position:relative;\n  width:100vw;\n  max-width:100vw;\n  margin-left:calc(50% - 50vw);\n  padding:0;\n  overflow:hidden;\n  color:#242424;\n  font-family:Arial,Helvetica,sans-serif\n}\n.hadal-contact-page h1,\n.hadal-contact-page h2,\n.hadal-contact-page h3,\n.hadal-contact-page p{margin-top:0}\n.hadal-contact-inner{\n  width:min(1240px,calc(100% - 48px));\n  margin-right:auto;\n  margin-left:auto\n}\n.hadal-contact-eyebrow{\n  margin-bottom:12px;\n  color:var(--red);\n  font-size:13px;\n  font-weight:800;\n  letter-spacing:.14em;\n  line-height:1.4;\n  text-transform:uppercase\n}\n.hadal-contact-page a:focus-visible{outline:3px solid var(--red);outline-offset:4px}\n\n\/* UVOD *\/\n.hadal-contact-hero{border-top:7px solid var(--red);background:var(--black);color:#fff}\n.hadal-contact-hero-grid{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  min-height:420px\n}\n.hadal-contact-hero-copy,\n.hadal-contact-hero-text{\n  display:flex;\n  min-width:0;\n  flex-direction:column;\n  justify-content:center;\n  padding:clamp(44px,6vw,76px)\n}\n.hadal-contact-hero-text{background:var(--dark)}\n.hadal-contact-hero .hadal-contact-eyebrow{\n  margin-bottom:18px;\n  font-size:clamp(15px,1.35vw,19px)\n}\n.hadal-contact-hero h1{\n  max-width:650px;\n  margin-bottom:0;\n  color:#fff;\n  font-size:clamp(34px,4vw,54px);\n  font-weight:800;\n  letter-spacing:-.025em;\n  line-height:1.08\n}\n.hadal-contact-hero-text p{\n  margin-bottom:28px;\n  color:#e3e3e3;\n  font-size:clamp(17px,1.5vw,19px);\n  line-height:1.75\n}\n.hadal-contact-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:12px\n}\n.hadal-contact-button{\n  display:inline-flex;\n  min-height:52px;\n  align-items:center;\n  justify-content:center;\n  padding:15px 25px;\n  background:var(--red);\n  color:#fff!important;\n  font-size:16px;\n  font-weight:800;\n  text-decoration:none!important\n}\n.hadal-contact-button-outline{\n  border:1px solid #777;\n  background:transparent;\n  color:#fff!important\n}\n\n\/* PODACI ZA UPIT *\/\n.hadal-contact-brief{padding:clamp(60px,7vw,92px) 0;background:#f3f3f3}\n.hadal-contact-brief-head{\n  max-width:860px;\n  margin:0 auto 40px;\n  text-align:center\n}\n.hadal-contact-brief h2{\n  margin-bottom:18px;\n  color:#191919;\n  font-size:clamp(30px,4vw,44px);\n  line-height:1.18\n}\n.hadal-contact-brief-head p:last-child{\n  margin-bottom:0;\n  color:#555;\n  font-size:18px;\n  line-height:1.75\n}\n.hadal-contact-brief-grid{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:18px\n}\n.hadal-contact-brief-grid article{\n  min-width:0;\n  padding:28px;\n  border-top:5px solid var(--red);\n  background:#fff\n}\n.hadal-contact-number{\n  margin-bottom:22px;\n  color:var(--red);\n  font-size:27px;\n  font-weight:800\n}\n.hadal-contact-brief-grid h3{\n  margin-bottom:10px;\n  color:#1d1d1d;\n  font-size:20px;\n  line-height:1.3\n}\n.hadal-contact-brief-grid article p:last-child{\n  margin-bottom:0;\n  color:#5a5a5a;\n  line-height:1.65\n}\n\n\/* KONTAKT PODACI *\/\n.hadal-contact-details{padding:clamp(60px,7vw,92px) 0;background:#fff}\n.hadal-contact-details-grid{\n  display:grid;\n  grid-template-columns:1.25fr .75fr;\n  gap:24px;\n  align-items:stretch\n}\n.hadal-contact-card{\n  min-width:0;\n  padding:clamp(32px,5vw,56px);\n  border-top:6px solid var(--red);\n  background:#f4f4f4\n}\n.hadal-contact-card-dark{background:#202020;color:#fff}\n.hadal-contact-card h2{\n  margin-bottom:28px;\n  color:#191919;\n  font-size:clamp(28px,3.5vw,40px);\n  line-height:1.2\n}\n.hadal-contact-card-dark h2{color:#fff}\n.hadal-contact-company{\n  margin-bottom:25px;\n  color:#333;\n  font-size:17px;\n  line-height:1.75\n}\n.hadal-contact-item{margin-bottom:22px}\n.hadal-contact-item:last-of-type{margin-bottom:30px}\n.hadal-contact-label{\n  display:block;\n  margin-bottom:5px;\n  color:#666;\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.12em;\n  text-transform:uppercase\n}\n.hadal-contact-link{\n  color:var(--red)!important;\n  font-size:18px;\n  font-weight:800;\n  text-decoration:none!important\n}\n.hadal-contact-secondary-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px\n}\n.hadal-contact-secondary{\n  display:inline-flex;\n  min-height:48px;\n  align-items:center;\n  justify-content:center;\n  padding:13px 19px;\n  background:#1a1a1a;\n  color:#fff!important;\n  font-size:14px;\n  font-weight:800;\n  text-decoration:none!important\n}\n.hadal-contact-card-dark p{\n  margin-bottom:0;\n  color:#ddd;\n  font-size:16px;\n  line-height:1.85\n}\n\n\/* ZAVR\u0160NI POZIV *\/\n.hadal-contact-final{\n  padding:clamp(56px,6vw,78px) 0;\n  background:var(--red);\n  color:#fff;\n  text-align:center\n}\n.hadal-contact-final h2{\n  max-width:820px;\n  margin:0 auto 18px;\n  color:#fff;\n  font-size:clamp(30px,4vw,45px);\n  line-height:1.2\n}\n.hadal-contact-final p{\n  max-width:760px;\n  margin:0 auto 30px;\n  color:#fff;\n  font-size:18px;\n  line-height:1.7\n}\n.hadal-contact-final .hadal-contact-actions{justify-content:center}\n.hadal-contact-final .hadal-contact-button{background:#fff;color:#1a1a1a!important}\n.hadal-contact-final .hadal-contact-button-outline{border:0;background:#1a1a1a;color:#fff!important}\n\n@media(max-width:980px){\n  .hadal-contact-brief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media(max-width:760px){\n  .hadal-contact-inner{width:min(1240px,calc(100% - 36px))}\n  .hadal-contact-hero-grid,\n  .hadal-contact-brief-grid,\n  .hadal-contact-details-grid{grid-template-columns:1fr}\n  .hadal-contact-hero-grid{min-height:0}\n  .hadal-contact-hero-copy,\n  .hadal-contact-hero-text{padding:52px 24px}\n  .hadal-contact-actions,\n  .hadal-contact-secondary-actions{flex-direction:column}\n  .hadal-contact-button,\n  .hadal-contact-secondary{width:100%}\n}\n<\/style>\n\n<section class=\"hadal-contact-hero\">\n  <div class=\"hadal-contact-inner hadal-contact-hero-grid\">\n    <div class=\"hadal-contact-hero-copy\">\n      <p class=\"hadal-contact-eyebrow\">Kontakt<\/p>\n      <h1>Zatra\u017eite ponudu za svoj projekt<\/h1>\n    <\/div>\n    <div class=\"hadal-contact-hero-text\">\n      <p>Opi\u0161ite \u0161to \u017eelite izraditi, a mi \u0107emo predlo\u017eiti tehni\u010dko i vizualno rje\u0161enje prilago\u0111eno prostoru, namjeni i bud\u017eetu.<\/p>\n      <div class=\"hadal-contact-actions\">\n        <a class=\"hadal-contact-button\" href=\"mailto:info@hadal.hr?subject=Upit%20za%20reklamu\">Po\u0161aljite upit<\/a>\n        <a class=\"hadal-contact-button hadal-contact-button-outline\" href=\"tel:+385915109210\">Nazovite nas<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"hadal-contact-brief\">\n  <div class=\"hadal-contact-inner\">\n    <header class=\"hadal-contact-brief-head\">\n      <p class=\"hadal-contact-eyebrow\">Podaci o projektu<\/p>\n      <h2>\u0160to nam poslati za precizniju procjenu<\/h2>\n      <p>Ne morate imati gotovu tehni\u010dku specifikaciju. Dovoljno je poslati osnovne informacije, a detalje \u0107emo definirati zajedno.<\/p>\n    <\/header>\n\n    <div class=\"hadal-contact-brief-grid\">\n      <article>\n        <p class=\"hadal-contact-number\">01<\/p>\n        <h3>Vrsta izvedbe<\/h3>\n        <p>Navedite \u0161to \u017eelite izraditi i gdje \u0107e se proizvod koristiti.<\/p>\n      <\/article>\n      <article>\n        <p class=\"hadal-contact-number\">02<\/p>\n        <h3>Dimenzije<\/h3>\n        <p>Po\u0161aljite pribli\u017ene mjere ili nacrt ako ga ve\u0107 imate.<\/p>\n      <\/article>\n      <article>\n        <p class=\"hadal-contact-number\">03<\/p>\n        <h3>Fotografija lokacije<\/h3>\n        <p>Fotografija prostora ili objekta olak\u0161ava procjenu uvjeta monta\u017ee.<\/p>\n      <\/article>\n      <article>\n        <p class=\"hadal-contact-number\">04<\/p>\n        <h3>\u017deljeni rok<\/h3>\n        <p>Navedite termin do kojeg projekt treba biti dovr\u0161en.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"hadal-contact-details\">\n  <div class=\"hadal-contact-inner hadal-contact-details-grid\">\n    <div class=\"hadal-contact-card\">\n      <p class=\"hadal-contact-eyebrow\">Kontakt<\/p>\n      <h2>HADAL d.o.o.<\/h2>\n      <p class=\"hadal-contact-company\">Samoborska cesta 91a<br>10090 Zagreb<\/p>\n\n      <div class=\"hadal-contact-item\">\n        <span class=\"hadal-contact-label\">Telefon<\/span>\n        <a class=\"hadal-contact-link\" href=\"tel:+38513733250\">+385 1 3733 250<\/a>\n      <\/div>\n      <div class=\"hadal-contact-item\">\n        <span class=\"hadal-contact-label\">Mobitel<\/span>\n        <a class=\"hadal-contact-link\" href=\"tel:+385915109210\">+385 91 510 9210<\/a>\n      <\/div>\n      <div class=\"hadal-contact-item\">\n        <span class=\"hadal-contact-label\">E po\u0161ta<\/span>\n        <a class=\"hadal-contact-link\" href=\"mailto:info@hadal.hr\">info@hadal.hr<\/a>\n      <\/div>\n\n      <div class=\"hadal-contact-secondary-actions\">\n        <a class=\"hadal-contact-secondary\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Samoborska+cesta+91a%2C+Zagreb\" target=\"_blank\" rel=\"noopener noreferrer\">Prika\u017ei lokaciju<\/a>\n        <a class=\"hadal-contact-secondary\" href=\"https:\/\/www.facebook.com\/profile.php?id=100083421005244\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook projekti<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"hadal-contact-card hadal-contact-card-dark\">\n      <p class=\"hadal-contact-eyebrow\">Podaci o dru\u0161tvu<\/p>\n      <h2>Poslovni podaci<\/h2>\n      <p>HADAL d.o.o. za proizvodnju, trgovinu i usluge<br><br>Sjedi\u0161te: Jagnedje 1, 10000 Zagreb<br>OIB: 31309755249<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"hadal-contact-final\">\n  <div class=\"hadal-contact-inner\">\n    <h2>Po\u0161aljite osnovne informacije. Mi \u0107emo razraditi izvedbu.<\/h2>\n    <p>Za prvi odgovor dovoljan je kratak opis projekta, pribli\u017ene dimenzije i fotografija prostora.<\/p>\n    <div class=\"hadal-contact-actions\">\n      <a class=\"hadal-contact-button\" href=\"mailto:info@hadal.hr?subject=Upit%20za%20reklamu\">info@hadal.hr<\/a>\n      <a class=\"hadal-contact-button hadal-contact-button-outline\" href=\"tel:+385915109210\">+385 91 510 9210<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kontakt Zatra\u017eite ponudu za svoj projekt Opi\u0161ite \u0161to \u017eelite izraditi, a mi \u0107emo predlo\u017eiti tehni\u010dko i vizualno rje\u0161enje prilago\u0111eno prostoru, namjeni i bud\u017eetu. Po\u0161aljite upit Nazovite nas Podaci o projektu \u0160to nam poslati za precizniju procjenu Ne morate imati gotovu tehni\u010dku specifikaciju. Dovoljno je poslati osnovne informacije, a detalje \u0107emo definirati zajedno. 01 Vrsta izvedbe [&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-1452","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/pages\/1452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hadal.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1452"}],"version-history":[{"count":24,"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/pages\/1452\/revisions"}],"predecessor-version":[{"id":16831,"href":"https:\/\/hadal.hr\/index.php?rest_route=\/wp\/v2\/pages\/1452\/revisions\/16831"}],"wp:attachment":[{"href":"https:\/\/hadal.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}