{"id":401,"date":"2025-07-07T16:23:52","date_gmt":"2025-07-07T08:23:52","guid":{"rendered":"https:\/\/mdranau1.sabah.gov.my\/?page_id=401"},"modified":"2026-03-25T09:03:22","modified_gmt":"2026-03-25T01:03:22","slug":"objektif","status":"publish","type":"page","link":"https:\/\/mdranau.sabah.gov.my\/en\/objektif\/","title":{"rendered":"Objektif"},"content":{"rendered":"<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* 1. ANIMASI KILAUAN (SHINE) *\/\n  @keyframes ultraShineObj {\n    0% { left: -100% !important; }\n    100% { left: 100% !important; }\n  }\n\n  \/* 2. CONTAINER TAJUK *\/\n  .obj-header-shining {\n    text-align: center !important;\n    margin: 40px auto 35px auto !important;\n    padding: 0 20px !important;\n    font-family: 'Poppins', sans-serif !important;\n  }\n\n  \/* SUBTITLE (NAVY + DROP SHADOW) *\/\n  .obj-header-shining .obj-sub-text {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    color: #002b5c !important; \n    text-transform: uppercase !important;\n    letter-spacing: 5px !important;\n    margin-bottom: -10px !important; \n    display: block !important;\n    position: relative !important;\n    z-index: 2 !important;\n    text-shadow: 1px 1px 2px rgba(0,0,0,0.15) !important;\n    line-height: normal !important;\n  }\n\n  \/* TAJUK UTAMA (NAVY + SHINING) *\/\n  .obj-header-shining .obj-main-text {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 34px !important;\n    font-weight: 900 !important;\n    color: #002b5c !important; \n    text-transform: uppercase !important;\n    letter-spacing: 1px !important;\n    margin: 0 !important;\n    display: inline-block !important;\n    position: relative !important;\n    overflow: hidden !important;\n    padding: 5px 12px !important;\n    text-shadow: 2px 2px 4px rgba(0,0,0,0.2) !important;\n    line-height: 1.2 !important;\n  }\n\n  \/* LAPISAN CAHAYA *\/\n  .obj-header-shining .obj-main-text::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: -100% !important;\n    width: 100% !important;\n    height: 100% !important;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), transparent) !important;\n    transform: skewX(-25deg) !important;\n    animation: ultraShineObj 3s infinite !important;\n  }\n\n  \/* Garisan Bawah Emas *\/\n  .obj-header-shining .obj-line-gold {\n    width: 60px !important;\n    height: 5px !important;\n    background: #FFD700 !important;\n    margin: 5px auto 0 auto !important;\n    border-radius: 10px !important;\n  }\n\n  @media (max-width: 768px) {\n    .obj-header-shining .obj-main-text { font-size: 24px !important; }\n  }\n<\/style>\n\n<div class=\"obj-header-shining\">\n  <span class=\"obj-sub-text\">HALA TUJU STRATEGIK<\/span>\n  <h1 class=\"obj-main-text\">OBJEKTIF & DASAR UTAMA AGENSI<\/h1>\n  <div class=\"obj-line-gold\"><\/div>\n<\/div>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<style>\n  \/* 1. ANIMASI REVEAL *\/\n  .obj-reveal {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n  }\n  .obj-reveal.is-visible {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }\n\n  \/* 2. WRAPPER DENGAN MARGIN KIRI KANAN *\/\n  .obj-content-wrapper {\n    max-width: 1100px;\n    margin: 20px auto 40px auto;\n    padding: 0 30px;\n    font-family: 'Poppins', sans-serif !important;\n  }\n\n  \/* 3. KAD OBJEKTIF *\/\n  .obj-main-card {\n    background: #ffffff !important;\n    border-radius: 15px;\n    padding: 45px;\n    border: 1px solid #e1e8ed;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* Border Tepi Navy-Emas *\/\n  .obj-main-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0; left: 0; width: 6px; height: 100%;\n    background: #002b5c !important;\n  }\n\n  .obj-intro-text {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: #000000 !important; \/* Hitam Pekat *\/\n    margin-bottom: 30px !important;\n    text-align: justify;\n    font-weight: 500 !important;\n  }\n\n  \/* 4. SENARAI 6 OBJEKTIF *\/\n  .obj-grid-list {\n    display: grid;\n    grid-template-columns: 1fr 1fr; \/* 2 Kolum di Desktop *\/\n    gap: 25px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .obj-item {\n    background: #fcfcfc !important;\n    padding: 20px;\n    border-radius: 10px;\n    border-left: 4px solid #FFD700 !important; \/* Bullet Emas *\/\n    display: flex;\n    gap: 15px;\n    transition: transform 0.3s ease;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.02);\n  }\n\n  .obj-item:hover {\n    transform: translateX(10px);\n    background: #f8f9fa !important;\n  }\n\n  .obj-icon {\n    color: #002b5c !important;\n    font-size: 20px;\n    margin-top: 3px;\n  }\n\n  .obj-text {\n    font-size: 15px !important;\n    color: #000000 !important;\n    line-height: 1.6 !important;\n    font-weight: 600 !important;\n  }\n\n  \/* 5. RESPONSIVE MOBILE *\/\n  @media (max-width: 850px) {\n    .obj-grid-list { grid-template-columns: 1fr; }\n    .obj-main-card { padding: 30px 20px; }\n    .obj-content-wrapper { padding: 0 20px; }\n  }\n<\/style>\n\n<div class=\"obj-content-wrapper\">\n  <div class=\"obj-main-card obj-reveal\">\n    \n    <p class=\"obj-intro-text\">\n      Enam objektif strategik utama dikenal pasti bagi membantu warga kerja Majlis Daerah Ranau melaksanakan tugas yang dipertanggungjawabkan serta menangani cabaran-cabaran yang berbangkit dalam merealisasikan visi dan misi yang ditetapkan:\n    <\/p>\n\n    <div class=\"obj-grid-list\">\n      <div class=\"obj-item obj-reveal\">\n        <i class=\"fa-solid fa-circle-check obj-icon\"><\/i>\n        <div class=\"obj-text\">Meningkatkan keupayaan dan kapasiti Majlis bagi memantapkan keberkesanan sistem penyampaian perkhidmatan.<\/div>\n      <\/div>\n      <div class=\"obj-item obj-reveal\">\n        <i class=\"fa-solid fa-circle-check obj-icon\"><\/i>\n        <div class=\"obj-text\">Memperkasakan tadbir urus Majlis dan pembudayaan nilai-nilai murni ke arah kecemerlangan organisasi.<\/div>\n      <\/div>\n      <div class=\"obj-item obj-reveal\">\n        <i class=\"fa-solid fa-circle-check obj-icon\"><\/i>\n        <div class=\"obj-text\">Memperkukuh dan memantapkan sumber hasil Majlis bagi merancang pembangunan dan pelaksanaan program.<\/div>\n      <\/div>\n      <div class=\"obj-item obj-reveal\">\n        <i class=\"fa-solid fa-circle-check obj-icon\"><\/i>\n        <div class=\"obj-text\">Mempertingkatkan kualiti hidup komuniti untuk mewujudkan kesejahteraan dan keharmonian.<\/div>\n      <\/div>\n      <div class=\"obj-item obj-reveal\">\n        <i class=\"fa-solid fa-circle-check obj-icon\"><\/i>\n        <div class=\"obj-text\">Memantapkan kolaborasi strategik bagi melicinkan pelaksanaan program.<\/div>\n      <\/div>\n      <div class=\"obj-item obj-reveal\">\n        <i class=\"fa-solid fa-circle-check obj-icon\"><\/i>\n        <div class=\"obj-text\">Mempergiat pembangunan bandar dan desa serta pengukuhan sosio-ekonomi secara holistik untuk kesejahteraan masyarakat.<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  const objObserverOptions = { threshold: 0.1 };\n  const objObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n      }\n    });\n  }, objObserverOptions);\n\n  document.querySelectorAll('.obj-reveal').forEach((el) => {\n    objObserver.observe(el);\n  });\n<\/script>\n<div class=\"pvc_clear\"><\/div><p id=\"pvc_stats_401\" class=\"pvc_stats all\" data-element-id=\"401\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> <img loading=\"lazy\" decoding=\"async\" width=\"16\" height=\"16\" alt=\"Loading\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/plugins\/page-views-count\/ajax-loader-2x.gif\" border=\"0\" \/><\/p><div class=\"pvc_clear\"><\/div>","protected":false},"excerpt":{"rendered":"<p>HALA TUJU STRATEGIK OBJEKTIF &#038; DASAR UTAMA AGENSI Enam objektif strategik utama dikenal pasti bagi membantu warga kerja Majlis Daerah Ranau melaksanakan tugas yang dipertanggungjawabkan serta menangani cabaran-cabaran yang berbangkit dalam merealisasikan visi dan misi yang ditetapkan: Meningkatkan keupayaan dan kapasiti Majlis bagi memantapkan keberkesanan sistem penyampaian perkhidmatan. Memperkasakan tadbir urus Majlis dan pembudayaan nilai-nilai [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-401","page","type-page","status-publish","hentry"],"acf":[],"a3_pvc":{"activated":true,"total_views":110,"today_views":0},"_links":{"self":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/comments?post=401"}],"version-history":[{"count":12,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/401\/revisions"}],"predecessor-version":[{"id":2097,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/401\/revisions\/2097"}],"wp:attachment":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/media?parent=401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}