{"id":3198,"date":"2023-03-11T06:18:56","date_gmt":"2023-03-11T06:18:56","guid":{"rendered":"https:\/\/3.finehomefinishing.hr\/?post_type=custom_site_headers&#038;p=3198"},"modified":"2026-06-29T14:18:56","modified_gmt":"2026-06-29T14:18:56","slug":"island-hr","status":"publish","type":"custom_site_headers","link":"https:\/\/3.finehomefinishing.hr\/hr\/custom-site-header\/island-hr\/","title":{"rendered":"Island HR"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3198\" class=\"elementor elementor-3198 elementor-54\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-168b800a elementor-section-content-middle elementor-hidden-tablet elementor-hidden-mobile elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"168b800a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-11eaaca0 dark-color\" data-id=\"11eaaca0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-171263a1 elementor-widget__width-auto elementor-widget elementor-widget-cs_menu_toggle\" data-id=\"171263a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cs_menu_toggle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <button class=\"menu-toggle elementor-widget-menu-toggle\">\n\t\t\t<span class=\"screen-reader-text\">Menu<\/span>\n\t\t\t<span class=\"menu-toggle-icon\"><\/span>\n\t\t\t\t\t<\/button>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b185b65 elementor-widget__width-auto elementor-widget elementor-widget-cs_menu\" data-id=\"b185b65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cs_menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<nav class=\"cs-menu cs-menu-inline not-mobile-menu\"><ul id=\"menu-b185b65\" class=\"menu\"><li id=\"menu-item-wpml-ls-57-hr\" class=\"menu-item wpml-ls-slot-57 wpml-ls-item wpml-ls-item-hr wpml-ls-current-language wpml-ls-menu-item wpml-ls-first-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-57-hr\"><a href=\"https:\/\/3.finehomefinishing.hr\/hr\/\" aria-current=\"page\"><span><span class=\"wpml-ls-native\" lang=\"hr\">HR<\/span><\/span><\/a><\/li>\n<li id=\"menu-item-wpml-ls-57-en\" class=\"menu-item wpml-ls-slot-57 wpml-ls-item wpml-ls-item-en wpml-ls-menu-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-57-en\"><a href=\"https:\/\/3.finehomefinishing.hr\/\" title=\"Switch to EN (EN)\" aria-label=\"Switch to EN (EN)\"><span><span class=\"wpml-ls-native\" lang=\"en\">EN<\/span><\/span><\/a><\/li>\n<\/ul><\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3201d84e dark-color\" data-id=\"3201d84e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-39b3dcb9 elementor-align-center elementor-widget elementor-widget-cs_logo\" data-id=\"39b3dcb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cs_logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <a href=\"https:\/\/3.finehomefinishing.hr\/hr\/\" aria-label=\"Site Logo Image\">                    <img decoding=\"async\" width=\"255\" height=\"136\" src=\"https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-255x136.png\" class=\"attachment-cozystay_255x9999 size-cozystay_255x9999 wp-image-3309\" alt=\"\" srcset=\"https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-255x136.png 255w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-300x160.png 300w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-1024x545.png 1024w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-768x409.png 768w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-780x415.png 780w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-600x319.png 600w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-550x293.png 550w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-370x197.png 370w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1.png 1065w\" sizes=\"(max-width: 255px) 100vw, 255px\" \/>                <\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-68d45c17 dark-color\" data-id=\"68d45c17\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c58cee elementor-widget elementor-widget-html\" data-id=\"3c58cee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"phobs-booking-bar\">\r\n\r\n    <div class=\"fake-date\" id=\"checkin-display\">\r\n        Prijava\r\n    <\/div>\r\n\r\n    <input type=\"date\" id=\"checkin\" class=\"hidden-date\">\r\n\r\n    <div class=\"fake-date\" id=\"checkout-display\">\r\n        Odjava\r\n    <\/div>\r\n\r\n    <input type=\"date\" id=\"checkout\" class=\"hidden-date\">\r\n\r\n    <button id=\"phobs-book-btn\">\r\n        Rezerviraj\r\n    <\/button>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n.phobs-booking-bar{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    width:100%;\r\n    max-width:650px;\r\n\r\n    margin:auto;\r\n    padding:12px;\r\n\r\n    background:rgba(255,255,255,.08);\r\n    backdrop-filter:blur(12px);\r\n\r\n    border:1px solid rgba(255,255,255,.45);\r\n    border-radius:12px;\r\n}\r\n\r\n.fake-date{\r\n    flex:1;\r\n\r\n    height:35px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    padding:0 20px;\r\n\r\n    border:1px solid rgba(255,255,255,.35);\r\n    border-radius:8px;\r\n\r\n    color:#fff;\r\n    font-size:15px;\r\n    font-weight:500;\r\n\r\n    cursor:pointer;\r\n\r\n    background:rgba(255,255,255,.04);\r\n\r\n    transition:.3s;\r\n}\r\n\r\n.fake-date:hover{\r\n    border-color:#fff;\r\n}\r\n\r\n.hidden-date{\r\n    position:absolute;\r\n    opacity:0;\r\n    pointer-events:none;\r\n}\r\n\r\n#phobs-book-btn{\r\n\r\n    height:35px;\r\n    padding:0 20px;\r\n\r\n    background:transparent;\r\n\r\n    border:1px solid #fff;\r\n    border-radius:8px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:14px;\r\n    font-weight:600;\r\n    letter-spacing:2px;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:.3s;\r\n}\r\n\r\n#phobs-book-btn:hover{\r\n\r\n    background:#fff;\r\n    color:#222;\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .phobs-booking-bar{\r\n        flex-direction:column;\r\n    }\r\n\r\n    .fake-date,\r\n    #phobs-book-btn{\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n\r\n    const checkin = document.getElementById('checkin');\r\n    const checkout = document.getElementById('checkout');\r\n\r\n    const checkinDisplay =\r\n        document.getElementById('checkin-display');\r\n\r\n    const checkoutDisplay =\r\n        document.getElementById('checkout-display');\r\n\r\n    checkinDisplay.addEventListener('click', () => {\r\n        checkin.showPicker();\r\n    });\r\n\r\n    checkoutDisplay.addEventListener('click', () => {\r\n        checkout.showPicker();\r\n    });\r\n\r\n    checkin.addEventListener('change', function(){\r\n\r\n        let selected =\r\n            new Date(this.value);\r\n\r\n        checkinDisplay.innerHTML =\r\n            selected.toLocaleDateString(\r\n                'en-GB',\r\n                {\r\n                    day:'2-digit',\r\n                    month:'short',\r\n                    year:'numeric'\r\n                }\r\n            );\r\n\r\n        let nextDay =\r\n            new Date(this.value);\r\n\r\n        nextDay.setDate(\r\n            nextDay.getDate() + 7\r\n        );\r\n\r\n        checkout.value =\r\n            nextDay.toISOString()\r\n            .split('T')[0];\r\n\r\n        checkoutDisplay.innerHTML =\r\n            nextDay.toLocaleDateString(\r\n                'en-GB',\r\n                {\r\n                    day:'2-digit',\r\n                    month:'short',\r\n                    year:'numeric'\r\n                }\r\n            );\r\n\r\n    });\r\n\r\n    checkout.addEventListener('change', function(){\r\n\r\n        let selected =\r\n            new Date(this.value);\r\n\r\n        checkoutDisplay.innerHTML =\r\n            selected.toLocaleDateString(\r\n                'en-GB',\r\n                {\r\n                    day:'2-digit',\r\n                    month:'short',\r\n                    year:'numeric'\r\n                }\r\n            );\r\n\r\n    });\r\n\r\n    document.getElementById('phobs-book-btn')\r\n    .addEventListener('click', function(){\r\n\r\n        if(!checkin.value || !checkout.value){\r\n\r\n            alert(\r\n                'Please select Check In and Check Out dates.'\r\n            );\r\n\r\n            return;\r\n        }\r\n\r\n        const start =\r\n            new Date(checkin.value);\r\n\r\n        const end =\r\n            new Date(checkout.value);\r\n\r\n        const nights =\r\n            Math.round(\r\n                (end-start) \/\r\n                (1000*60*60*24)\r\n            );\r\n\r\nconst bookingUrl =\r\n    'https:\/\/secure.phobs.net\/book.php?' +\r\n    'company_id=30ab1e751bcc6338bc08d4b423606e38' +\r\n    '&hotel=f3985170f1243e9455a3f82b210fa991' +\r\n    '&date=' + checkin.value +\r\n    '&nights=' + nights +\r\n    '&lang=hr';\r\n\r\nwindow.open(bookingUrl, '_blank');\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-46001322 elementor-section-content-middle elementor-hidden-desktop elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"46001322\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-308b6c68 dark-color\" data-id=\"308b6c68\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-43663ebb elementor-widget__width-auto elementor-widget elementor-widget-cs_menu_toggle\" data-id=\"43663ebb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cs_menu_toggle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <button class=\"menu-toggle elementor-widget-menu-toggle\">\n\t\t\t<span class=\"screen-reader-text\">Menu<\/span>\n\t\t\t<span class=\"menu-toggle-icon\"><\/span>\n\t\t\t\t\t<\/button>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-73f3f41f\" data-id=\"73f3f41f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5be990e0 elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-cs_logo\" data-id=\"5be990e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cs_logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                <a href=\"https:\/\/3.finehomefinishing.hr\/hr\/\" aria-label=\"Site Logo Image\">                    <img decoding=\"async\" width=\"255\" height=\"136\" src=\"https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-255x136.png\" class=\"attachment-cozystay_255x9999 size-cozystay_255x9999 wp-image-3309\" alt=\"\" srcset=\"https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-255x136.png 255w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-300x160.png 300w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-1024x545.png 1024w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-768x409.png 768w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-780x415.png 780w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-600x319.png 600w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-550x293.png 550w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1-370x197.png 370w, https:\/\/3.finehomefinishing.hr\/wp-content\/uploads\/2026\/07\/logo-in-excelsis-1.png 1065w\" sizes=\"(max-width: 255px) 100vw, 255px\" \/>                <\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6627bf29 dark-color\" data-id=\"6627bf29\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-207d7ef elementor-widget__width-auto elementor-widget elementor-widget-cs_text-editor\" data-id=\"207d7ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cs_text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a href=\"#\">EN<\/a> \/ <a href=\"#\">FR<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"template":"","class_list":["post-3198","custom_site_headers","type-custom_site_headers","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/3.finehomefinishing.hr\/hr\/wp-json\/wp\/v2\/custom_site_headers\/3198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3.finehomefinishing.hr\/hr\/wp-json\/wp\/v2\/custom_site_headers"}],"about":[{"href":"https:\/\/3.finehomefinishing.hr\/hr\/wp-json\/wp\/v2\/types\/custom_site_headers"}],"version-history":[{"count":4,"href":"https:\/\/3.finehomefinishing.hr\/hr\/wp-json\/wp\/v2\/custom_site_headers\/3198\/revisions"}],"predecessor-version":[{"id":3202,"href":"https:\/\/3.finehomefinishing.hr\/hr\/wp-json\/wp\/v2\/custom_site_headers\/3198\/revisions\/3202"}],"wp:attachment":[{"href":"https:\/\/3.finehomefinishing.hr\/hr\/wp-json\/wp\/v2\/media?parent=3198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}