{"id":193,"date":"2025-07-04T09:32:13","date_gmt":"2025-07-04T01:32:13","guid":{"rendered":"https:\/\/mdranau1.sabah.gov.my\/?page_id=193"},"modified":"2026-03-24T15:15:32","modified_gmt":"2026-03-24T07:15:32","slug":"sejarah-ranau","status":"publish","type":"page","link":"https:\/\/mdranau.sabah.gov.my\/en\/sejarah-ranau\/","title":{"rendered":"Gambar Lama Ranau"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* 1. CONTAINER UTAMA *\/\n  .gov-heritage-gallery {\n    max-width: 1200px;\n    margin: 10px auto;\n    font-family: 'Poppins', sans-serif;\n    background: #ffffff !important;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n    border: 1px solid #e1e8ed;\n  }\n\n  \/* 2. TAJUK (NAVY + EMAS) *\/\n  .gallery-header-gov {\n    background: #002b5c !important;\n    color: #ffffff !important;\n    padding: 25px;\n    text-align: center;\n    border-bottom: 5px solid #FFD700 !important;\n  }\n\n  .gallery-header-gov h2 {\n    margin: 0;\n    font-size: 24px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #ffffff !important; \/* Paksa warna putih di header *\/\n  }\n\n  \/* 3. GRID GAMBAR *\/\n  .gallery-grid-gov {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    padding: 30px;\n    background: #f9f9f9 !important;\n  }\n\n  \/* 4. ITEM GAMBAR *\/\n  .gallery-item-gov {\n    background: #ffffff !important;\n    border: 1px solid #ddd;\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\n    cursor: zoom-in;\n    transition: transform 0.3s ease;\n  }\n\n  .gallery-item-gov:hover {\n    transform: translateY(-5px);\n    border-color: #002b5c !important;\n  }\n\n  .gallery-item-gov img {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n    display: block;\n    filter: sepia(30%); \n  }\n\n  .gallery-caption-gov {\n    padding: 12px;\n    text-align: center;\n    background: #ffffff !important;\n    border-top: 1px solid #eee;\n  }\n\n  .gallery-caption-gov p {\n    margin: 0;\n    font-size: 13px;\n    color: #000000 !important; \/* Paksa warna hitam pekat di kapsyen *\/\n    font-weight: 700;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  \/* 5. BAHAGIAN SUMBER (FOOTER) *\/\n  .gallery-footer-gov {\n    padding: 20px 30px;\n    background: #ffffff !important;\n    border-top: 2px solid #f0f0f0;\n  }\n\n  .gallery-footer-gov p {\n    margin-bottom: 8px;\n    font-size: 14px;\n    color: #000000 !important; \/* Paksa warna hitam di teks sumber *\/\n    font-weight: 700;\n  }\n\n  .gallery-footer-gov ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .gallery-footer-gov li {\n    margin-bottom: 5px;\n  }\n\n  .gallery-footer-gov a {\n    color: #002b5c !important; \/* Paksa warna Biru Navy di pautan *\/\n    text-decoration: none;\n    font-size: 13px;\n    font-weight: 600;\n    word-break: break-all;\n  }\n\n  .gallery-footer-gov a:hover {\n    color: #FFD700 !important; \/* Paksa warna Emas bila hover *\/\n    text-decoration: underline;\n  }\n\n  \/* 6. LIGHTBOX ZOOM *\/\n  .gov-lightbox {\n    display: none;\n    position: fixed;\n    z-index: 999999;\n    padding-top: 60px;\n    left: 0; top: 0; width: 100%; height: 100%;\n    background-color: rgba(0,0,0,0.95) !important;\n  }\n\n  .gov-lightbox-content {\n    margin: auto;\n    display: block;\n    max-width: 90%;\n    max-height: 80vh;\n    border: 4px solid #fff;\n    border-radius: 4px;\n  }\n\n  .gov-close-lightbox {\n    position: absolute;\n    top: 20px; right: 35px;\n    color: #ffffff !important;\n    font-size: 50px;\n    font-weight: bold;\n    cursor: pointer;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 1024px) { .gallery-grid-gov { grid-template-columns: repeat(3, 1fr); } }\n  @media (max-width: 768px) {\n    .gallery-grid-gov { grid-template-columns: repeat(2, 1fr); padding: 15px; gap: 10px; }\n    .gallery-item-gov img { height: 150px; }\n    .gallery-header-gov h2 { font-size: 18px; color: #ffffff !important; }\n  }\n<\/style>\n\n<div class=\"gov-heritage-gallery\">\n  <div class=\"gallery-header-gov\">\n    <h2>ARKIB WARISAN SEJARAH PEKAN RANAU<\/h2>\n  <\/div>\n\n  <div class=\"gallery-grid-gov\">\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/61126974_2360518264013101_92142338582773760_n-1.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Kampung Perancangan 1900an<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/61159153_2360518247346436_7870028636454125568_n-1.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Ranau 1900an<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/68509402_1344565449015404_376983955473170432_n-1.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Pusat Kesihatan Ranau 1972<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/480496840_3033980920073840_5251063645319675341_n-1.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Jambatan Liwagu sebelum 1973<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/498200879_3130794343725830_7321832107925407526_n.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Jambatan Liwagu Baharu 1973<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/485005209_1058587362970110_178428563556458171_n-1.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Kedai di Ranau<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/485156877_1059471876214992_5521918182435431314_n-1-1024x752.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Pekan Ranau 1975<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/490135627_3091143301024268_5404443190179983799_n-1.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Kedai di Ranau<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/490353831_3091143594357572_15901382742888508_n-1.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Pekarangan Pekan Ranau<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/490593397_3091143351024263_4397696358906979350_n.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Pekan Ranau lama<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/508250119_9846318115463324_1101218179316875465_n-1024x685.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Pekan Kundasang 1978<\/p><\/div>\n    <\/div>\n    <div class=\"gallery-item-gov\" onclick=\"openGovLightbox(this)\">\n      <img decoding=\"async\" src=\"https:\/\/mdranau.sabah.gov.my\/wp-content\/uploads\/2025\/07\/508854907_9845543638874105_7640052493017447224_n.jpg\">\n      <div class=\"gallery-caption-gov\"><p>Airport Ranau Lama<\/p><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"gallery-footer-gov\">\n    <p>SUMBER RUJUKAN:<\/p>\n    <ul>\n      <li><a href=\"https:\/\/www.facebook.com\/100064921921408\/posts\/2360518624013065\/?rdid=mVqfSYoeBuo4mjgg#\" target=\"_blank\">1. Facebook Post (Koleksi Ranau Dulu & Kini)<\/a><\/li>\n      <li><a href=\"https:\/\/www.facebook.com\/RanauDuluDanKini?rdid=XYiJ44kKfP8ItSST&share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2F16DyFztdxY%2F#\" target=\"_blank\">2. Facebook Page (Ranau Dulu Dan Kini)<\/a><\/li>\n    <\/ul>\n  <\/div>\n<\/div>\n\n<div id=\"govLightboxModal\" class=\"gov-lightbox\" onclick=\"closeGovLightbox()\">\n  <span class=\"gov-close-lightbox\" onclick=\"closeGovLightbox()\">&times;<\/span>\n  <img class=\"gov-lightbox-content\" id=\"govLightboxImage\">\n<\/div>\n\n<script>\n  function openGovLightbox(element) {\n    var imgSrc = element.getElementsByTagName('img')[0].src;\n    document.getElementById(\"govLightboxImage\").src = imgSrc;\n    document.getElementById(\"govLightboxModal\").style.display = \"block\";\n    document.body.style.overflow = \"hidden\";\n  }\n  function closeGovLightbox() {\n    document.getElementById(\"govLightboxModal\").style.display = \"none\";\n    document.body.style.overflow = \"auto\";\n  }\n<\/script>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<div class=\"pvc_clear\"><\/div><p id=\"pvc_stats_193\" class=\"pvc_stats all  \" data-element-id=\"193\" 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>ARKIB WARISAN SEJARAH PEKAN RANAU Kampung Perancangan 1900an Ranau 1900an Pusat Kesihatan Ranau 1972 Jambatan Liwagu sebelum 1973 Jambatan Liwagu Baharu 1973 Kedai di Ranau Pekan Ranau 1975 Kedai di Ranau Pekarangan Pekan Ranau Pekan Ranau lama Pekan Kundasang 1978 Airport Ranau Lama SUMBER RUJUKAN: 1. Facebook Post (Koleksi Ranau Dulu &#038; Kini) 2. Facebook [&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":"no","_lmt_disable":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-193","page","type-page","status-publish","hentry"],"acf":[],"a3_pvc":{"activated":true,"total_views":400,"today_views":1},"_links":{"self":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/193","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=193"}],"version-history":[{"count":26,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":2074,"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/pages\/193\/revisions\/2074"}],"wp:attachment":[{"href":"https:\/\/mdranau.sabah.gov.my\/en\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}