Seksyen<\/title>\n<style>\n:root{ --navy:#0A3D62; --blue:#1E5F8C; --gold:#C9A227; --bg:#F5F7FA; --muted:#5B6B76; --border:#DDE5EC; }\n*{box-sizing:border-box;}\nbody{ font-family:'Segoe UI',Arial,sans-serif; margin:0; background:var(--bg); color:#1C2B36; line-height:1.7; }\n.wrap{ max-width:1100px; margin:0 auto; padding:50px 24px 90px; }\n.hero{ text-align:center; margin-bottom:34px; animation:fadeUp .7s ease both; }\n.eyebrow{ color:var(--gold); font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:12.5px; }\nh1{ color:var(--navy); font-size:28px; margin:8px 0 0; }\n\n.tabs{ display:flex; gap:10px; justify-content:center; margin-bottom:26px; flex-wrap:wrap; animation:fadeUp .7s .1s ease both; }\n.tab-btn{\n\tfont-family:inherit; font-weight:700; font-size:13.5px; padding:11px 22px; border-radius:30px;\n\tbackground:#fff; border:1.5px solid var(--border); color:var(--muted); cursor:pointer; transition:all .3s ease;\n}\n.tab-btn:hover{ border-color:var(--blue); color:var(--navy); }\n.tab-btn.is-active{ background:var(--navy); border-color:var(--navy); color:#fff; }\n\n.panel{ display:none; background:#fff; border-radius:12px; box-shadow:0 6px 24px rgba(10,61,98,.08); padding:32px; animation:fadeUp .5s ease both; }\n.panel.is-active{ display:block; }\n.panel h2{ color:var(--navy); font-size:18px; margin:0 0 18px; text-align:center; }\n.chart-frame{ border-radius:8px; overflow:hidden; box-shadow:0 4px 18px rgba(10,61,98,.1); background:#fff; }\n.chart-frame img{ width:100%; display:block; }\n\n@keyframes fadeUp{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }\n@media (max-width:600px){ .tabs{ flex-direction:column; } .tab-btn{ width:100%; } .panel{ padding:20px; } }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n\t<div class=\"tabs\">\n\t\t<button class=\"tab-btn is-active\" data-target=\"unit1\">Unit Sektoral 1<\/button>\n\t\t<button class=\"tab-btn\" data-target=\"unit2\">Unit Sektoral 2<\/button>\n\t\t<button class=\"tab-btn\" data-target=\"unit3\">Unit Pentadbiran dan Pengurusan Maklumat Ekonomi<\/button>\n\t<\/div>\n\n\t<div class=\"panel is-active\" id=\"unit1\">\n\t\t<h2>Unit Sektoral 1<\/h2>\n\t\t<div class=\"chart-frame\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/bpen.johor.gov.my\/utama\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-25-at-19.02.55-1024x766-1.jpeg\" alt=\"Carta Unit Sektoral 1\" title=\"Seksyen & Unit\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"panel\" id=\"unit2\">\n\t\t<h2>Unit Sektoral 2<\/h2>\n\t\t<div class=\"chart-frame\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/bpen.johor.gov.my\/utama\/wp-content\/uploads\/2026\/07\/BPENJ-Pengenalan-MEI-2026.pptx-6-1024x576-1.png\" alt=\"Carta Unit Pembangunan Sektoral II\" title=\"Seksyen & Unit\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"panel\" id=\"unit3\">\n\t\t<h2>Unit Pentadbiran dan Pengurusan Maklumat Ekonomi<\/h2>\n\t\t<div class=\"chart-frame\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/bpen.johor.gov.my\/utama\/wp-content\/uploads\/2026\/07\/BPENJ-Pengenalan-MEI-2026-1-1024x576-1.png\" alt=\"Carta Unit Pentadbiran dan Pengurusan Maklumat Ekonomi\" title=\"Seksyen & Unit\">\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<script>\ndocument.querySelectorAll('.tab-btn').forEach(function(btn){\n\tbtn.addEventListener('click', function(){\n\t\tdocument.querySelectorAll('.tab-btn').forEach(function(b){ b.classList.remove('is-active'); });\n\t\tdocument.querySelectorAll('.panel').forEach(function(p){ p.classList.remove('is-active'); });\n\t\tbtn.classList.add('is-active');\n\t\tdocument.getElementById(btn.getAttribute('data-target')).classList.add('is-active');\n\t});\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0486cca e-con e-atomic-element e-flexbox-base \" data-id=\"0486cca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0486cca\" data-e-type=\"e-flexbox\" data-id=\"0486cca\">\n \t\t\t<button class=\"e-button-base\" data-interaction-id=\"f5af0be\" data-e-type=\"widget\" data-id=\"f5af0be\">\n\t\tClick here\n\t<\/button>\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Seksyen Unit Sektoral 1 Unit Sektoral 2 Unit Pentadbiran dan Pengurusan Maklumat Ekonomi Unit Sektoral 1 Unit Sektoral 2 Unit Pentadbiran dan…<\/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-11039","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/pages\/11039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/comments?post=11039"}],"version-history":[{"count":19,"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/pages\/11039\/revisions"}],"predecessor-version":[{"id":11255,"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/pages\/11039\/revisions\/11255"}],"wp:attachment":[{"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/media?parent=11039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\n\n\n\nSeksyen<\/title>\n<style>\n:root{ --navy:#0A3D62; --blue:#1E5F8C; --gold:#C9A227; --bg:#F5F7FA; --muted:#5B6B76; --border:#DDE5EC; }\n*{box-sizing:border-box;}\nbody{ font-family:'Segoe UI',Arial,sans-serif; margin:0; background:var(--bg); color:#1C2B36; line-height:1.7; }\n.wrap{ max-width:1100px; margin:0 auto; padding:50px 24px 90px; }\n.hero{ text-align:center; margin-bottom:34px; animation:fadeUp .7s ease both; }\n.eyebrow{ color:var(--gold); font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:12.5px; }\nh1{ color:var(--navy); font-size:28px; margin:8px 0 0; }\n\n.tabs{ display:flex; gap:10px; justify-content:center; margin-bottom:26px; flex-wrap:wrap; animation:fadeUp .7s .1s ease both; }\n.tab-btn{\n\tfont-family:inherit; font-weight:700; font-size:13.5px; padding:11px 22px; border-radius:30px;\n\tbackground:#fff; border:1.5px solid var(--border); color:var(--muted); cursor:pointer; transition:all .3s ease;\n}\n.tab-btn:hover{ border-color:var(--blue); color:var(--navy); }\n.tab-btn.is-active{ background:var(--navy); border-color:var(--navy); color:#fff; }\n\n.panel{ display:none; background:#fff; border-radius:12px; box-shadow:0 6px 24px rgba(10,61,98,.08); padding:32px; animation:fadeUp .5s ease both; }\n.panel.is-active{ display:block; }\n.panel h2{ color:var(--navy); font-size:18px; margin:0 0 18px; text-align:center; }\n.chart-frame{ border-radius:8px; overflow:hidden; box-shadow:0 4px 18px rgba(10,61,98,.1); background:#fff; }\n.chart-frame img{ width:100%; display:block; }\n\n@keyframes fadeUp{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }\n@media (max-width:600px){ .tabs{ flex-direction:column; } .tab-btn{ width:100%; } .panel{ padding:20px; } }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n\t<div class=\"tabs\">\n\t\t<button class=\"tab-btn is-active\" data-target=\"unit1\">Unit Sektoral 1<\/button>\n\t\t<button class=\"tab-btn\" data-target=\"unit2\">Unit Sektoral 2<\/button>\n\t\t<button class=\"tab-btn\" data-target=\"unit3\">Unit Pentadbiran dan Pengurusan Maklumat Ekonomi<\/button>\n\t<\/div>\n\n\t<div class=\"panel is-active\" id=\"unit1\">\n\t\t<h2>Unit Sektoral 1<\/h2>\n\t\t<div class=\"chart-frame\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/bpen.johor.gov.my\/utama\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-06-25-at-19.02.55-1024x766-1.jpeg\" alt=\"Carta Unit Sektoral 1\" title=\"Seksyen & Unit\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"panel\" id=\"unit2\">\n\t\t<h2>Unit Sektoral 2<\/h2>\n\t\t<div class=\"chart-frame\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/bpen.johor.gov.my\/utama\/wp-content\/uploads\/2026\/07\/BPENJ-Pengenalan-MEI-2026.pptx-6-1024x576-1.png\" alt=\"Carta Unit Pembangunan Sektoral II\" title=\"Seksyen & Unit\">\n\t\t<\/div>\n\t<\/div>\n\n\t<div class=\"panel\" id=\"unit3\">\n\t\t<h2>Unit Pentadbiran dan Pengurusan Maklumat Ekonomi<\/h2>\n\t\t<div class=\"chart-frame\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/bpen.johor.gov.my\/utama\/wp-content\/uploads\/2026\/07\/BPENJ-Pengenalan-MEI-2026-1-1024x576-1.png\" alt=\"Carta Unit Pentadbiran dan Pengurusan Maklumat Ekonomi\" title=\"Seksyen & Unit\">\n\t\t<\/div>\n\t<\/div>\n\n<\/div>\n\n<script>\ndocument.querySelectorAll('.tab-btn').forEach(function(btn){\n\tbtn.addEventListener('click', function(){\n\t\tdocument.querySelectorAll('.tab-btn').forEach(function(b){ b.classList.remove('is-active'); });\n\t\tdocument.querySelectorAll('.panel').forEach(function(p){ p.classList.remove('is-active'); });\n\t\tbtn.classList.add('is-active');\n\t\tdocument.getElementById(btn.getAttribute('data-target')).classList.add('is-active');\n\t});\n});\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0486cca e-con e-atomic-element e-flexbox-base \" data-id=\"0486cca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0486cca\" data-e-type=\"e-flexbox\" data-id=\"0486cca\">\n \t\t\t<button class=\"e-button-base\" data-interaction-id=\"f5af0be\" data-e-type=\"widget\" data-id=\"f5af0be\">\n\t\tClick here\n\t<\/button>\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Seksyen Unit Sektoral 1 Unit Sektoral 2 Unit Pentadbiran dan Pengurusan Maklumat Ekonomi Unit Sektoral 1 Unit Sektoral 2 Unit Pentadbiran dan…<\/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-11039","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/pages\/11039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/comments?post=11039"}],"version-history":[{"count":19,"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/pages\/11039\/revisions"}],"predecessor-version":[{"id":11255,"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/pages\/11039\/revisions\/11255"}],"wp:attachment":[{"href":"https:\/\/bpen.johor.gov.my\/utama\/wp-json\/wp\/v2\/media?parent=11039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}