{"id":54,"date":"2026-02-17T22:24:43","date_gmt":"2026-02-17T22:24:43","guid":{"rendered":"https:\/\/bolen-centar.fragment.digital\/art-museum\/"},"modified":"2026-10-21T19:50:54","modified_gmt":"2026-10-21T19:50:54","slug":"pocetna2","status":"publish","type":"page","link":"https:\/\/bolen-centar.fragment.digital\/en\/","title":{"rendered":"Po\u010detna2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"54\" class=\"elementor elementor-54\">\n\t\t\t\t<div class=\"elementor-element elementor-element-569b9da e-con-full e-flex sc_layouts_column_icons_position_left e-con e-parent\" data-id=\"569b9da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea49abd sc_fly_static elementor-widget elementor-widget-menu-anchor\" data-id=\"ea49abd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"anchor-container-01\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-659562b e-con e-atomic-element e-flexbox-base \" data-id=\"659562b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"659562b\">\n    \t\t<div class=\"elementor-element elementor-element-95864d4 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"95864d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     BOLENOV DRAVSKI PUT \u2013 Po\u010detna (kiosk 55\", landscape)\r\n     Zalijepi cijeli ovaj kod u Elementor HTML widget.\r\n     Stranica: Page Layout = Elementor Canvas, flexbox Width 100%, Padding 0.\r\n     Fotografije: u\u010ditaj pocetna-ponuda.webp, pocetna-karta.webp i\r\n     pocetna-dojmovi.webp u Medije (mapa 2026\/10).\r\n     ========================================================= -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#bk-home{\r\n  \/* --- lako za mijenjati --- *\/\r\n  --bk-olive:#AE9436;        \/* boja plo\u010dice Vodi\u010d kroz izlo\u017ebu *\/\r\n  --bk-dark:#1d1b18;\r\n  --bk-razmak:5vh;           \/* razmak gore i dolje (isti) *\/\r\n  --bk-gap:1.3vw;            \/* razmak izme\u0111u plo\u010dica *\/\r\n  --bk-radius:1.4vw;         \/* zaobljenje *\/\r\n  \/* ------------------------ *\/\r\n  width:100%;max-width:1800px;margin:var(--bk-razmak) auto;box-sizing:border-box;\r\n  font-family:'IBM Plex Sans',sans-serif;\r\n  display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--bk-gap);\r\n  height:calc(100vh - 2 * var(--bk-razmak));min-height:560px;\r\n  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;\r\n}\r\n#bk-home *{box-sizing:border-box}\r\n#bk-home a{text-decoration:none;color:inherit}\r\n\r\n#bk-home .bk-tile{\r\n  position:relative;overflow:hidden;border-radius:var(--bk-radius);isolation:isolate;cursor:pointer;\r\n  display:flex;flex-direction:column;justify-content:flex-end;\r\n  animation:bkUp .6s ease both;transition:transform .2s ease;\r\n}\r\n#bk-home .bk-tile:active{transform:scale(.985)}\r\n#bk-home .bk-tile:nth-child(2){animation-delay:.08s}\r\n#bk-home .bk-tile:nth-child(3){animation-delay:.14s}\r\n#bk-home .bk-tile:nth-child(4){animation-delay:.2s}\r\n#bk-home .bk-tile:nth-child(5){animation-delay:.26s}\r\n\r\n\/* fotografije *\/\r\n#bk-home .bk-photo::before{content:\"\";position:absolute;inset:0;z-index:-2;background:var(--img) center\/cover no-repeat;transition:transform 6s ease}\r\n#bk-home .bk-photo::after{content:\"\";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,13,10,0) 45%,rgba(15,13,10,.72) 100%)}\r\n#bk-home .bk-photo:hover::before{transform:scale(1.04)}\r\n\r\n\/* glavna plo\u010dica *\/\r\n#bk-home .bk-main{grid-row:span 2;background:var(--bk-olive);justify-content:center;align-items:center}\r\n#bk-home .bk-main-logo{width:80%;max-height:70%;object-fit:contain;display:block;pointer-events:none}\r\n#bk-home .bk-main-top{position:absolute;top:2vw;right:2vw;z-index:2}\r\n#bk-home .bk-logo{width:auto;max-width:70%;max-height:11vw;height:auto;display:block}\r\n\r\n#bk-home .bk-label{display:flex;align-items:flex-end;justify-content:space-between;gap:1.2vw;padding:1.8vw 2vw}\r\n#bk-home .bk-main .bk-label{position:absolute;left:3vw;right:2.4vw;bottom:2.8vw;padding:0}\r\n#bk-home h2{font-family:'IBM Plex Sans',sans-serif!important;letter-spacing:0!important;text-transform:none!important;margin:0;color:#fff;font-weight:600;line-height:1.12;font-size:clamp(20px,1.65vw,36px)}\r\n#bk-home .bk-main h2{font-weight:700;font-size:clamp(34px,3.2vw,68px);line-height:1.05}\r\n#bk-home .bk-arrow{\r\n  flex:0 0 auto;width:3vw;height:3vw;min-width:38px;min-height:38px;border-radius:50%;\r\n  border:2px solid rgba(255,255,255,.85);color:#fff;display:grid;place-items:center;\r\n}\r\n#bk-home .bk-main .bk-arrow{width:4.2vw;height:4.2vw;background:#fff;color:var(--bk-olive);border:0}\r\n#bk-home .bk-arrow svg{width:45%;height:45%}\r\n\r\n\/* jezik *\/\r\n#bk-home .bk-lang{display:inline-flex;gap:.3vw;padding:.3vw;border-radius:3vw;background:rgba(255,255,255,.18)}\r\n#bk-home .bk-lang a{font-family:'IBM Plex Sans',sans-serif!important;display:flex;align-items:center;gap:.5vw;padding:.5vw 1vw;border-radius:3vw;font-weight:700;font-size:clamp(14px,.95vw,20px);color:rgba(255,255,255,.85);transition:all .2s}\r\n#bk-home .bk-lang img{width:1.5vw;height:1.5vw;min-width:20px;min-height:20px;border-radius:50%;object-fit:cover}\r\n#bk-home .bk-lang a.is-active{background:#fff;color:var(--bk-dark)}\r\n\r\n@keyframes bkUp{from{opacity:0;transform:translateY(.8vw)}to{opacity:1;transform:none}}\r\n<\/style>\r\n\r\n<div id=\"bk-home\">\r\n\r\n  <div class=\"bk-tile bk-main\" data-href=\"https:\/\/bolen-centar.fragment.digital\/vodic-kroz-izlozbu2\/\">\r\n    <img decoding=\"async\" class=\"bk-main-logo\" src=\"https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/05\/Untitled-design-33.png\" alt=\"Bolenov dravski put\">\r\n    <div class=\"bk-main-top\">\r\n      <div class=\"bk-lang\" data-no-translation>\r\n        <a data-lang=\"hr\"><img decoding=\"async\" src=\"https:\/\/bolen-centar.fragment.digital\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/1x1\/hr.svg\" alt=\"\">HR<\/a>\r\n        <a data-lang=\"en\"><img decoding=\"async\" src=\"https:\/\/bolen-centar.fragment.digital\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/1x1\/en_GB.svg\" alt=\"\">EN<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"bk-label\">\r\n      <h2>Vodi\u010d kroz izlo\u017ebu<\/h2>\r\n      <span class=\"bk-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <a class=\"bk-tile bk-photo\" href=\"https:\/\/bolen-centar.fragment.digital\/o-centru\/\" style=\"--img:url('https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/06\/radno-vrijeme2-1.webp')\">\r\n    <div class=\"bk-label\"><h2>O Interpretacijskom centru<\/h2><span class=\"bk-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/span><\/div>\r\n  <\/a>\r\n\r\n  <a class=\"bk-tile bk-photo\" href=\"https:\/\/bolen-centar.fragment.digital\/turisticka-ponuda\/\" style=\"--img:url('https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/10\/pocetna-ponuda.webp')\">\r\n    <div class=\"bk-label\"><h2>Edukativno-turisti\u010dka ponuda<\/h2><span class=\"bk-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/span><\/div>\r\n  <\/a>\r\n\r\n  <a class=\"bk-tile bk-photo\" href=\"https:\/\/bolen-centar.fragment.digital\/interaktivna-mapa-drave\/\" style=\"--img:url('https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/10\/pocetna-karta.webp')\">\r\n    <div class=\"bk-label\"><h2>Interaktivna karta Drave<\/h2><span class=\"bk-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/span><\/div>\r\n  <\/a>\r\n\r\n  <a class=\"bk-tile bk-photo\" href=\"#\" style=\"--img:url('https:\/\/bolen-centar.fragment.digital\/wp-content\/uploads\/2026\/10\/pocetna-dojmovi.webp')\">\r\n    <div class=\"bk-label\"><h2>Digitalna knjiga dojmova<\/h2><span class=\"bk-arrow\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 5l7 7-7 7\"\/><\/svg><\/span><\/div>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\/* ===== Prijevod na engleski (aktivira se samo na \/en\/ stranicama) ===== *\/\r\n(function(){\r\n  var EN=\/^\\\/en(\\\/|$)\/.test(location.pathname); window.bkEN=EN; if(!EN) return;\r\n  var D=window.bkD=window.bkD||{}, add={\"Vodi\u010d kroz izlo\u017ebu\": \"Exhibition guide\", \"O Interpretacijskom centru\": \"About the Interpretation Centre\", \"Edukativno-turisti\u010dka ponuda\": \"Educational and tourist offer\", \"Interaktivna karta Drave\": \"Interactive map of the Drava\", \"Digitalna knjiga dojmova\": \"Digital guestbook\", \"HR\": \"HR\", \"EN\": \"EN\"};\r\n  for(var k in add) D[k]=add[k];\r\n  function n(s){ return String(s).replace(\/\\s+\/g,' ').trim(); }\r\n  window.bkT=function(s){ var k=n(s); return Object.prototype.hasOwnProperty.call(D,k)?D[k]:s; };\r\n  function walk(el){\r\n    var c=el.firstChild;\r\n    while(c){\r\n      var next=c.nextSibling;\r\n      if(c.nodeType===1 && !\/^(SCRIPT|STYLE)$\/.test(c.nodeName)){\r\n        var k=n(c.innerHTML);\r\n        if(k && Object.prototype.hasOwnProperty.call(D,k)) c.innerHTML=D[k]; else walk(c);\r\n      } else if(c.nodeType===3){\r\n        var t=n(c.nodeValue);\r\n        if(t && Object.prototype.hasOwnProperty.call(D,t)){ var m=c.nodeValue.match(\/^(\\s*)[\\s\\S]*?(\\s*)$\/); c.nodeValue=m[1]+D[t]+m[2]; }\r\n      }\r\n      c=next;\r\n    }\r\n  }\r\n  var root=document.getElementById('bk-home'); if(root) walk(root);\r\n  document.documentElement.lang='en';\r\n})();\r\n<\/script>\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('bk-home'); if(!root) return;\r\n  var path=location.pathname, isEn=\/^\\\/en(\\\/|$)\/.test(path), base=path.replace(\/^\\\/en(\\\/|$)\/,'\/');\r\n\r\n  \/* Glavna plo\u010dica (Vodi\u010d) \u2013 vodi na vodi\u010d, na engleskoj verziji na \/en\/ *\/\r\n  var main=root.querySelector('.bk-main');\r\n  main.addEventListener('click',function(){\r\n    var u=main.getAttribute('data-href');\r\n    if(isEn) u=u.replace(\/^(https?:\\\/\\\/[^\\\/]+)\\\/\/,'$1\/en\/');\r\n    location.href=u;\r\n  });\r\n\r\n  \/* Linkovi jezika sla\u017eu se u pregledniku da ih TranslatePress ne prepravi *\/\r\n  root.querySelectorAll('.bk-lang a').forEach(function(a){\r\n    var en=a.getAttribute('data-lang')==='en';\r\n    a.href = en ? '\/en'+base : base;\r\n    a.classList.toggle('is-active', en===isEn);\r\n    a.addEventListener('click',function(e){ e.stopPropagation(); });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HR EN Vodi\u010d kroz izlo\u017ebu O Interpretacijskom centru Edukativno-turisti\u010dka ponuda Interaktivna karta Drave&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":148,"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":1261,"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/pages\/54\/revisions\/1261"}],"wp:attachment":[{"href":"https:\/\/bolen-centar.fragment.digital\/en\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}