{"id":398,"date":"2025-07-07T16:23:52","date_gmt":"2025-07-07T08:23:52","guid":{"rendered":"https:\/\/mdranau1.sabah.gov.my\/?page_id=398"},"modified":"2026-07-29T11:34:34","modified_gmt":"2026-07-29T03:34:34","slug":"pengenalan-mdr","status":"publish","type":"page","link":"https:\/\/mdranau.sabah.gov.my\/en\/pengenalan-mdr\/","title":{"rendered":"Pengenalan MDR"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\"><div class=\"et_pb_row_0 et_pb_row et_flex_row\"><div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\"><div class=\"et_pb_text_0 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><!-- wp:html -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  \/* 1. ANIMASI TEKS (SCROLL REVEAL - HANYA PADA TEKS) *\/\n  .text-reveal {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: all 0.9s ease-out;\n    will-change: transform, opacity;\n  }<\/p>\n<p>  .text-reveal.is-visible {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }<\/p>\n<p>  \/* 2. STRUKTUR UTAMA *\/\n  .mdr-split-wrapper {\n    max-width: 1100px;\n    margin: 30px auto;\n    font-family: 'Poppins', sans-serif !important;\n    background: #ffffff !important;\n    border-radius: 12px;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.08);\n    overflow: hidden;\n    border: 1px solid #e1e8ed;\n    display: flex;\n    flex-direction: row;\n  }<\/p>\n<p>  \/* 3. BAHAGIAN GAMBAR & KAPSYEN (STATIK) *\/\n  .mdr-split-image-panel {\n    flex: 1;\n    min-width: 400px;\n    display: flex;\n    flex-direction: column; \/* Imej atas, Kapsyen bawah *\/\n    background: #f8f9fa !important;\n  }<\/p>\n<p>  .mdr-split-image {\n    flex: 1;\n    overflow: hidden;\n  }<\/p>\n<p>  .mdr-split-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }<\/p>\n<p>  \/* Kapsyen Imej (Locked Black Text) *\/\n  .image-caption-box {\n    padding: 15px;\n    text-align: center;\n    background: #002b5c !important; \/* Latar belakang Navy *\/\n    color: #ffffff !important; \/* Teks Putih untuk high contrast *\/\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n    font-family: 'Poppins', sans-serif !important;\n  }<\/p>\n<p>  \/* 4. BAHAGIAN TEKS (With Scroll Animation) *\/\n  .mdr-split-text {\n    flex: 1.5;\n    padding: 50px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    background: #ffffff !important;\n  }<\/p>\n<p>  \/* Garisan Emas & Biru pada Tajuk *\/\n  .mdr-title-border {\n    display: flex;\n    align-items: center;\n    margin-bottom: 25px;\n  }<\/p>\n<p>  .mdr-title-border .bar {\n    width: 6px;\n    height: 40px;\n    background: #002b5c !important;\n    border-right: 4px solid #FFD700 !important;\n    margin-right: 15px;\n    border-radius: 2px;\n  }<\/p>\n<p>  .mdr-title-border h2 {\n    margin: 0 !important;\n    font-size: 22px !important;\n    font-weight: 700 !important;\n    color: #000000 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n    line-height: 1.2 !important;\n    font-family: 'Poppins', sans-serif !important;\n  }<\/p>\n<p>  \/* Isi Kandungan - Hitam Pekat *\/\n  .mdr-body-content {\n    font-size: 16px !important;\n    line-height: 1.8 !important;\n    color: #000000 !important;\n    text-align: justify;\n    font-family: 'Poppins', sans-serif !important;\n  }<\/p>\n<p>  .mdr-body-content p { margin-bottom: 20px !important; }<\/p>\n<p>  .highlight-gold {\n    color: #002b5c !important;\n    font-weight: 700;\n    border-bottom: 2px solid #FFD700;\n  }<\/p>\n<p>  \/* 5. RESPONSIVE MOBILE (TEKS ATAS, GAMBAR BAWAH) *\/\n  @media (max-width: 900px) {\n    .mdr-split-wrapper { flex-direction: column-reverse; }\n    .mdr-split-image-panel { height: 400px; min-width: 100%; }\n    .mdr-split-text { padding: 35px 25px; }\n    .mdr-body-content { text-align: left; }\n  }\n<\/style>\n<div class=\"mdr-split-wrapper\">\n<div class=\"mdr-split-image-panel\">\n<div class=\"mdr-split-image\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/11\/IMG_20250917_114818-edited-2048x1152.jpg\" alt=\"Pejabat Majlis Daerah Ranau\">\n    <\/div>\n<div class=\"image-caption-box text-reveal\">\n      PEJABAT MAJLIS DAERAH RANAU\n    <\/div>\n<\/p><\/div>\n<div class=\"mdr-split-text\">\n<div class=\"mdr-title-border text-reveal\">\n<div class=\"bar\"><\/div>\n<h2>PENGENALAN & SEJARAH<br \/>MAJLIS DAERAH RANAU<\/h2>\n<\/p><\/div>\n<div class=\"mdr-body-content\">\n<p class=\"text-reveal\">\n        <span class=\"highlight-gold\">Majlis Daerah Ranau (MDR)<\/span> ditubuhkan untuk mengurus dan mentadbir kawasan Ranau di Sabah. Ia memainkan peranan penting dalam pembangunan infrastruktur, perkhidmatan awam, dan penyelenggaraan kebersihan di kawasan tersebut. Majlis ini juga bertanggungjawab dalam melaksanakan undang-undang kecil dan memastikan kesejahteraan penduduk setempat.\n      <\/p>\n<p class=\"text-reveal\">\n        MDR secara rasminya ditubuhkan pada <span class=\"highlight-gold\">1 Januari 1962<\/span> di mana bidang kuasanya meliputi keseluruhan kawasan Daerah Ranau. Walau bagaimanapun, operasinya tertumpu di kawasan percukaian (*rating area*) di sekitar <strong>Pekan Ranau<\/strong> seluas 1,610 ekar (652 Hektar) dan <strong>Kundasang<\/strong> seluas 10,399 ekar (4,172 Hektar).\n      <\/p>\n<p class=\"text-reveal\">\n        Penubuhan Majlis Daerah Ranau adalah berlandaskan punca kuasa yang diperuntukkan di bawah <span class=\"highlight-gold\">Ordinan Kerajaan Tempatan 1962<\/span>, yang memberikan mandat penuh kepada Majlis untuk mentadbir serta memacu kemajuan daerah selaras dengan visi pembangunan negeri.\n      <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><script>\n  \/\/ Script untuk trigger animasi muncul semasa scroll\n  const revealOptions = { threshold: 0.15 };\n  const revealObserver = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('is-visible');\n      }\n    });\n  }, revealOptions);<\/p>\n<p>  document.querySelectorAll('.text-reveal').forEach((el) => {\n    revealObserver.observe(el);\n  });\n<\/script><br \/>\n<!-- \/wp:html --><\/p>\n<p><!-- wp:html -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n  .mdr-reveal {\n    opacity: 0 !important;\n    transform: translateY(20px) !important;\n    transition: all 0.6s ease-out !important;\n  }<\/p>\n<p>  .mdr-reveal.is-visible {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }<\/p>\n<p>  .mdr-services-wrapper {\n    max-width: 1400px !important;\n    margin: 30px auto !important;\n    padding: 0 15px !important;\n    font-family: 'Poppins', sans-serif !important;\n    display: block !important;\n  }<\/p>\n<p>  .mdr-section-header {\n    text-align: center !important;\n    \/* JARAK ANTARA TAJUK DAN CARD (DIKECILKAN) *\/\n    margin-bottom: 15px !important; \n  }<\/p>\n<p>  .mdr-section-header h2 {\n    font-size: 26px !important;\n    font-weight: 700 !important;\n    color: #002b5c !important;\n    text-transform: uppercase !important;\n    position: relative !important;\n    display: inline-block !important;\n    padding-bottom: 10px !important;\n    margin: 0 !important;\n  }<\/p>\n<p>  .mdr-section-header h2::after {\n    content: '' !important;\n    width: 50px !important;\n    height: 4px !important;\n    background: #FFD700 !important;\n    position: absolute !important;\n    bottom: 0 !important;\n    left: 50% !important;\n    transform: translateX(-50%) !important;\n  }<\/p>\n<p>  .mdr-services-grid {\n    display: grid !important;\n    grid-template-columns: repeat(5, 1fr) !important;\n    gap: 15px !important;\n    width: 100% !important;\n  }<\/p>\n<p>  .mdr-service-card {\n    background: #ffffff !important;\n    border: 1px solid #e1e8ed !important;\n    border-radius: 10px !important;\n    padding: 20px 15px !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;\n    transition: all 0.3s ease !important;\n    border-top: 5px solid #002b5c !important;\n    display: flex !important;\n    flex-direction: column !important;\n    text-align: left !important;\n  }<\/p>\n<p>  .mdr-service-card:hover {\n    transform: translateY(-5px) !important;\n    border-top-color: #FFD700 !important;\n  }<\/p>\n<p>  .mdr-icon-box {\n    font-size: 28px !important;\n    margin-bottom: 10px !important;\n    display: block !important;\n  }<\/p>\n<p>  .mdr-service-card h3 {\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    color: #002b5c !important;\n    margin: 0 0 12px 0 !important;\n    text-transform: uppercase !important;\n    min-height: 40px !important;\n  }<\/p>\n<p>  .mdr-service-list {\n    margin: 0 !important;\n    padding: 0 !important;\n    list-style: none !important;\n  }<\/p>\n<p>  .mdr-service-list li {\n    font-size: 12px !important;\n    color: #333333 !important;\n    padding-left: 18px !important;\n    margin-bottom: 8px !important;\n    position: relative !important;\n    line-height: 1.4 !important;\n  }<\/p>\n<p>  .mdr-service-list li::before {\n    content: '\u2714' !important;\n    position: absolute !important;\n    left: 0 !important;\n    color: #002b5c !important;\n    font-weight: bold !important;\n  }<\/p>\n<p>  @media (max-width: 1100px) {\n    .mdr-services-grid { grid-template-columns: repeat(3, 1fr) !important; }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .mdr-services-grid { grid-template-columns: 1fr !important; }\n  }\n<\/style>\n<div class=\"mdr-services-wrapper\">\n<div class=\"mdr-section-header mdr-reveal\">\n<h2>Perkhidmatan Di MDR<\/h2>\n<\/p><\/div>\n<div class=\"mdr-services-grid\">\n<div class=\"mdr-service-card mdr-reveal\">\n<div class=\"mdr-icon-box\">\ud83c\udfe6<\/div>\n<h3>Bahagian Kewangan<\/h3>\n<ul class=\"mdr-service-list\">\n<li>Cukai Pintu<\/li>\n<li>Lesen Perniagaan<\/li>\n<li>Sewaan Premis<\/li>\n<li>Kompaun\/Saman<\/li>\n<\/ul><\/div>\n<div class=\"mdr-service-card mdr-reveal\">\n<div class=\"mdr-icon-box\">\ud83d\udea8<\/div>\n<h3>Penguatkuasaan<\/h3>\n<ul class=\"mdr-service-list\">\n<li>Rondaan Awam<\/li>\n<li>Saman\/Kompaun<\/li>\n<li>Premis Berlesen<\/li>\n<li>Aduan Awam<\/li>\n<\/ul><\/div>\n<div class=\"mdr-service-card mdr-reveal\">\n<div class=\"mdr-icon-box\">\ud83d\udc65<\/div>\n<h3>Pentadbiran<\/h3>\n<ul class=\"mdr-service-list\">\n<li>Aduan & Pertanyaan<\/li>\n<li>Permohonan Kerja<\/li>\n<li>Khidmat Pelanggan<\/li>\n<\/ul><\/div>\n<div class=\"mdr-service-card mdr-reveal\">\n<div class=\"mdr-icon-box\">\ud83c\udfd7\ufe0f<\/div>\n<h3>Kejuruteraan<\/h3>\n<ul class=\"mdr-service-list\">\n<li>Pelan Bangunan<\/li>\n<li>Permit Binaan<\/li>\n<li>Lampu & Jalan<\/li>\n<li>Kemudahan Awam<\/li>\n<\/ul><\/div>\n<div class=\"mdr-service-card mdr-reveal\">\n<div class=\"mdr-icon-box\">\ud83e\uddf9<\/div>\n<h3>Kesihatan<\/h3>\n<ul class=\"mdr-service-list\">\n<li>Kutipan Sampah<\/li>\n<li>Premis Makanan<\/li>\n<li>Pasar & Penjaja<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/div>\n<p><script>\n  (function() {\n    const options = { threshold: 0.1 };\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n        }\n      });\n    }, options);\n    document.querySelectorAll('.mdr-reveal').forEach((el) => { observer.observe(el); });\n  })();\n<\/script><br \/>\n<!-- \/wp:html --><\/p>\n<p><!-- wp:spacer {\"height\":\"12px\"} --><\/p>\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p><!-- \/wp:spacer --><\/p>\n<\/div><\/div><\/div><\/div><\/div><div class=\"pvc_clear\"><\/div><p id=\"pvc_stats_398\" class=\"pvc_stats all\" data-element-id=\"398\" 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":"","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-398","page","type-page","status-publish","hentry"],"acf":[],"a3_pvc":{"activated":true,"total_views":374,"today_views":0},"_links":{"self":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/398","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=398"}],"version-history":[{"count":28,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/398\/revisions"}],"predecessor-version":[{"id":2370,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/398\/revisions\/2370"}],"wp:attachment":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/media?parent=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}