{"id":403,"date":"2025-07-07T16:23:52","date_gmt":"2025-07-07T08:23:52","guid":{"rendered":"https:\/\/mdranau1.sabah.gov.my\/?page_id=403"},"modified":"2026-03-25T09:15:08","modified_gmt":"2026-03-25T01:15:08","slug":"piagam-pelanggan","status":"publish","type":"page","link":"https:\/\/mdranau.sabah.gov.my\/en\/piagam-pelanggan\/","title":{"rendered":"Piagam Pelanggan"},"content":{"rendered":"<div style=\"height:20px\" 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  \/* ANIMASI KILAUAN *\/\n  @keyframes extremeShinePiagam {\n    0% { left: -100% !important; }\n    100% { left: 100% !important; }\n  }\n\n  .piagam-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  .piagam-header-shining .piagam-sub-text {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    color: #002b5c !important; \/* Biru Navy *\/\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  }\n\n  .piagam-header-shining .piagam-main-text {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 38px !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  .piagam-header-shining .piagam-main-text::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important; left: -100% !important;\n    width: 100% !important; 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: extremeShinePiagam 3s infinite !important;\n  }\n\n  .piagam-header-shining .piagam-line-gold {\n    width: 60px !important;\n    height: 5px !important;\n    background: #FFD700 !important; \/* Emas *\/\n    margin: 5px auto 0 auto !important;\n    border-radius: 10px !important;\n  }\n\n  @media (max-width: 768px) {\n    .piagam-header-shining .piagam-main-text { font-size: 28px !important; }\n  }\n<\/style>\n\n<div class=\"piagam-header-shining\">\n  <span class=\"piagam-sub-text\">STANDARD PERKHIDMATAN<\/span>\n  <h1 class=\"piagam-main-text\">PIAGAM PELANGGAN<\/h1>\n  <div class=\"piagam-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  .piagam-reveal {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.8s ease-out;\n    will-change: transform, opacity;\n  }\n  .piagam-reveal.is-visible {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }\n\n  \/* 2. WRAPPER UTAMA *\/\n  .piagam-content-wrapper {\n    max-width: 1100px;\n    margin: 20px auto 80px auto;\n    padding: 0 30px; \/* Margin kiri kanan *\/\n    font-family: 'Poppins', sans-serif !important;\n    box-sizing: border-box !important;\n  }\n\n  .piagam-main-card {\n    background: #ffffff !important;\n    border-radius: 15px;\n    padding: 40px;\n    border: 1px solid #e1e8ed;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n  }\n\n  \/* Mukaddimah Komitmen *\/\n  .piagam-commitment {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: #002b5c !important;\n    font-weight: 600 !important;\n    text-align: center;\n    margin-bottom: 40px !important;\n    padding: 25px;\n    background: #f8f9fa !important;\n    border-radius: 12px;\n    border-left: 6px solid #FFD700 !important;\n    box-sizing: border-box !important;\n  }\n\n  \/* 3. SENARAI PIAGAM (GAYA KAD) *\/\n  .piagam-list {\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n  }\n\n  .piagam-item {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 18px 25px;\n    background: #ffffff !important;\n    border: 1px solid #f0f0f0;\n    border-radius: 12px;\n    transition: all 0.3s ease;\n    box-sizing: border-box !important;\n  }\n\n  .piagam-item:hover {\n    border-color: #002b5c !important;\n    transform: translateX(10px);\n    background: #fcfcfc !important;\n    box-shadow: 5px 5px 15px rgba(0,0,0,0.03);\n  }\n\n  \/* Penomboran Bulat Navy *\/\n  .piagam-number {\n    min-width: 40px;\n    height: 40px;\n    background: #002b5c !important;\n    color: #FFD700 !important; \/* Nombor Emas *\/\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 800 !important;\n    font-size: 16px !important;\n    font-family: 'Poppins', sans-serif !important;\n    flex-shrink: 0;\n  }\n\n  \/* Teks Piagam (Verbatim) *\/\n  .piagam-text {\n    font-family: 'Poppins', sans-serif !important;\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    color: #000000 !important; \/* Hitam Pekat *\/\n    text-align: left;\n    margin: 0 !important;\n  }\n\n  \/* 4. RESPONSIVE MOBILE *\/\n  @media (max-width: 768px) {\n    .piagam-content-wrapper { padding: 0 20px; }\n    .piagam-item { padding: 15px; gap: 15px; }\n    .piagam-main-card { padding: 30px 20px; }\n    .piagam-commitment { padding: 20px; font-size: 15px !important; }\n  }\n<\/style>\n\n<div class=\"piagam-content-wrapper\">\n  <div class=\"piagam-main-card piagam-reveal\">\n    \n    <div class=\"piagam-commitment\">\n      Komitmen kami adalah menjalankan tugas dengan bertanggungjawab, jujur, bersedia membantu dan berazam akan melaksanakan piagam pelanggan seperti:-\n    <\/div>\n\n    <div class=\"piagam-list\">\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">1<\/div>\n        <p class=\"piagam-text\">Berjanji menyiasat setiap pertanyaan dan aduan tentang perkhidmatan kami dengan serta merta.<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">2<\/div>\n        <p class=\"piagam-text\">Memproses dan melulus permohonan, pelan pembangunan, pelan bangunan, pelan pecah bahagi tanah dalam tempoh dua (2) minggu dengan syarat ianya disertakan dengan dokumen-dokumen yang lengkap.<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">3<\/div>\n        <p class=\"piagam-text\">Mengeluarkan sijil layak menduduki bangunan (CCC) selepas pemeriksaan bangunan yang memenuhi syarat-syarat yang diterima daripada jabatan-jabatan berkenaan dalam tempoh satu (1) minggu.<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">4<\/div>\n        <p class=\"piagam-text\">Mempastikan bil-bil tuntutan cukai pintu dikeluarkan dua (2) kali setahun iaitu pada bulan Januari untuk suku tahun pertama dan kedua dan bulan Julai untuk suku tahun ketiga dan keempat.<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">5<\/div>\n        <p class=\"piagam-text\">Mempastikan pemungutan sisa pepejal (sampah) dilaksanakan secara cekap dan dijalankan setiap hari bagi bangunan perusahaan\/perniagaan, sekolah, hospital dan pejabat kerajaan dan tiga (3) kali seminggu di rumah-rumah kediaman dalam kawasan perkadaran\/percukaian (Rating Area).<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">6<\/div>\n        <p class=\"piagam-text\">Mempastikan keindahan dan kebersihan bandar dipantau dan diselenggara pada setiap hari.<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">7<\/div>\n        <p class=\"piagam-text\">Mempastikan saluran parit tersumbat dibaiki\/dibersihkan dalam tempoh satu hingga tiga (1-3) hari selepas menerima aduan.<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">8<\/div>\n        <p class=\"piagam-text\">Mempastikan permohonan pembaharuan lesen-lesen diluluskan serta merta, permohonan lesen-lesen baru diluluskan dalam tempoh satu minggu dengan syarat kehendak-kehendak peraturan perlesenan dipatuhi.<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">9<\/div>\n        <p class=\"piagam-text\">Mempastikan undang-undang kecil Majlis Daerah Ranau dikuatkuasakan secara adil dan saksama.<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">10<\/div>\n        <p class=\"piagam-text\">Mempastikan pembayaran ke atas perkhidmatan dan pembekalan dalam tempoh satu (1) minggu dari tarikh penerimaan invois\/bil\/tuntutan.<\/p>\n      <\/div>\n      <div class=\"piagam-item piagam-reveal\">\n        <div class=\"piagam-number\">11<\/div>\n        <p class=\"piagam-text\">Mempastikan kaunter pembayaran dibuka pada Jam 8.00 pagi - 1.00 petang dan 2.00 - 3.00 petang (Isnin - Khamis) manakala Jam 8.00 pagi - 11.00 pagi dan 2.00 - 3.00 petang (Jumaat).<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ Script untuk trigger animasi muncul semasa scroll\n  const piagamObserverOptions = { threshold: 0.1 };\n  const piagamObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n      }\n    });\n  }, piagamObserverOptions);\n\n  document.querySelectorAll('.piagam-reveal').forEach((el) => {\n    piagamObserver.observe(el);\n  });\n<\/script>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"pvc_clear\"><\/div><p id=\"pvc_stats_403\" class=\"pvc_stats all\" data-element-id=\"403\" 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>STANDARD PERKHIDMATAN PIAGAM PELANGGAN Komitmen kami adalah menjalankan tugas dengan bertanggungjawab, jujur, bersedia membantu dan berazam akan melaksanakan piagam pelanggan seperti:- 1 Berjanji menyiasat setiap pertanyaan dan aduan tentang perkhidmatan kami dengan serta merta. 2 Memproses dan melulus permohonan, pelan pembangunan, pelan bangunan, pelan pecah bahagi tanah dalam tempoh dua (2) minggu dengan syarat ianya [&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-403","page","type-page","status-publish","hentry"],"acf":[],"a3_pvc":{"activated":true,"total_views":104,"today_views":1},"_links":{"self":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/403","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=403"}],"version-history":[{"count":13,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/403\/revisions"}],"predecessor-version":[{"id":2102,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/403\/revisions\/2102"}],"wp:attachment":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/media?parent=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}