{"id":84,"date":"2025-05-09T09:43:56","date_gmt":"2025-05-09T09:43:56","guid":{"rendered":"https:\/\/testweb.3maj.hr\/?page_id=84"},"modified":"2025-06-06T12:35:27","modified_gmt":"2025-06-06T12:35:27","slug":"naslovna","status":"publish","type":"page","link":"https:\/\/www.3maj.hr\/","title":{"rendered":"Naslovna"},"content":{"rendered":"<div id=\"pl-gb84-69ff1d6fb29a0\"  class=\"panel-layout\" ><div id=\"pg-gb84-69ff1d6fb29a0-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch panel-row-style panel-row-style-for-gb84-69ff1d6fb29a0-0\" data-stretch-type=\"full-width-stretch\" ><div id=\"pgc-gb84-69ff1d6fb29a0-0-0\"  class=\"panel-grid-cell\" ><\/div><\/div><\/div><div id=\"pg-gb84-69ff1d6fb29a0-1\"  class=\"panel-grid panel-has-style\" ><div class=\"panel-row-style panel-row-style-for-gb84-69ff1d6fb29a0-1\" ><div id=\"pgc-gb84-69ff1d6fb29a0-1-0\"  class=\"panel-grid-cell\" ><div class=\"panel-cell-style panel-cell-style-for-gb84-69ff1d6fb29a0-1-0\" ><div id=\"panel-gb84-69ff1d6fb29a0-1-0-0\" class=\"widget_text so-panel widget widget_custom_html panel-first-child panel-last-child\" data-index=\"1\" ><div class=\"textwidget custom-html-widget\"><style>\n    .counter-box {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 100px; \/* Fixed width for a circle *\/\n        height: 100px; \/* Same height for a perfect circle *\/\n        background-color: #3498db; \/* Nice blue *\/\n        color: white;\n        font-size: 2em;\n        font-weight: bold;\n        border-radius: 50%; \/* Turns the box into a circle *\/\n        box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);\n        text-align: center;\n        margin: auto; \/* Centers it horizontally *\/\n    }\n\n    .container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column; \/* Ensures elements are stacked *\/\n    width: 100%;\n    height: 100vh; \/* Makes the container take up full screen height *\/\n}\n\n\n    h1 {\n        text-align: center; \/* Centers the title *\/\n    }\n\n    @media (max-width: 600px) {\n        .counter-box {\n            font-size: 1.5em;\n            height: 80px;\n        }\n    }\n<\/style>\n\n\n<h1>Years since 1905:<\/h1>\n<div class=\"counter-box\">\n    <p id=\"counter\">0<\/p>\n<\/div>\n\n<script>\n    function animateCounter() {\n        const startYear = 1905;\n        const currentYear = new Date().getFullYear();\n        const totalYears = currentYear - startYear;\n        let counter = 0;\n\n        const interval = setInterval(() => {\n            if (counter < totalYears) {\n                counter++;\n                document.getElementById(\"counter\").textContent = counter;\n            } else {\n                clearInterval(interval); \/\/ Stop the animation once the correct number of years is reached\n            }\n        }, 20);\n    }\n\n    animateCounter();\n<\/script>\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-gb84-69ff1d6fb29a0-2\"  class=\"panel-grid panel-has-style\" ><div class=\"panel-row-style panel-row-style-for-gb84-69ff1d6fb29a0-2\" ><div id=\"pgc-gb84-69ff1d6fb29a0-2-0\"  class=\"panel-grid-cell\" ><div class=\"panel-cell-style panel-cell-style-for-gb84-69ff1d6fb29a0-2-0\" ><div id=\"panel-gb84-69ff1d6fb29a0-2-0-0\" class=\"so-panel widget widget_sow-button panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"so-rounded panel-widget-style panel-widget-style-for-gb84-69ff1d6fb29a0-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-button so-widget-sow-button-flat-d14300158cd3-84\"\n\t\t\t\n\t\t><div class=\"ow-button-base ow-button-align-center\"\n>\n\t\t\t<a\n\t\t\t\t\thref=\"https:\/\/www.3maj.hr\/?page_id=14\"\n\t\t\t\t\tclass=\"sowb-button ow-icon-placement-left ow-button-hover\" target=\"_blank\" rel=\"noopener noreferrer\" \t>\n\t\t<span>\n\t\t\t\n\t\t\tBrodogradnja\t\t<\/span>\n\t\t\t<\/a>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-gb84-69ff1d6fb29a0-2-1\"  class=\"panel-grid-cell\" ><div id=\"panel-gb84-69ff1d6fb29a0-2-1-0\" class=\"so-panel widget widget_sow-button panel-first-child panel-last-child\" data-index=\"3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-button so-widget-sow-button-flat-66466acb9e12-84\"\n\t\t\t\n\t\t><div class=\"ow-button-base ow-button-align-center\"\n>\n\t\t\t<a\n\t\t\t\t\thref=\"https:\/\/www.3maj.hr\/?page_id=15\"\n\t\t\t\t\tclass=\"sowb-button ow-icon-placement-left ow-button-hover\" target=\"_blank\" rel=\"noopener noreferrer\" \t>\n\t\t<span>\n\t\t\t\n\t\t\tKonstrukcije\t\t<\/span>\n\t\t\t<\/a>\n\t<\/div>\n<\/div><\/div><\/div><div id=\"pgc-gb84-69ff1d6fb29a0-2-2\"  class=\"panel-grid-cell\" ><div id=\"panel-gb84-69ff1d6fb29a0-2-2-0\" class=\"so-panel widget widget_sow-button panel-first-child panel-last-child\" data-index=\"4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-button so-widget-sow-button-flat-66466acb9e12-84\"\n\t\t\t\n\t\t><div class=\"ow-button-base ow-button-align-center\"\n>\n\t\t\t<a\n\t\t\t\tclass=\"sowb-button ow-icon-placement-left ow-button-hover\" \t>\n\t\t<span>\n\t\t\t\n\t\t\tBrodska Oprema\t\t<\/span>\n\t\t\t<\/a>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-84","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/www.3maj.hr\/index.php?rest_route=\/wp\/v2\/pages\/84","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.3maj.hr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.3maj.hr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.3maj.hr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.3maj.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=84"}],"version-history":[{"count":19,"href":"https:\/\/www.3maj.hr\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/www.3maj.hr\/index.php?rest_route=\/wp\/v2\/pages\/84\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/www.3maj.hr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}