{"id":63,"date":"2026-08-08T08:51:13","date_gmt":"2026-08-08T08:51:13","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=63"},"modified":"2026-08-08T09:05:02","modified_gmt":"2026-08-08T09:05:02","slug":"peta-2","status":"publish","type":"page","link":"https:\/\/kelurahansalubattang.homeit.my.id\/?page_id=63","title":{"rendered":"Peta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"63\" class=\"elementor elementor-63\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58f6724 e-flex e-con-boxed e-con e-parent\" data-id=\"58f6724\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5bbb4e elementor-widget elementor-widget-html\" data-id=\"e5bbb4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =====================================================\r\n   PETA KELURAHAN SALUBATTANG\r\n   ===================================================== *\/\r\n\r\n.peta-salubattang {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 80px 20px;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 10% 10%,\r\n            rgba(8,120,87,0.10),\r\n            transparent 30%\r\n        ),\r\n        radial-gradient(\r\n            circle at 90% 90%,\r\n            rgba(217,164,65,0.13),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #edf8f4 0%,\r\n            #ffffff 50%,\r\n            #faf7ef 100%\r\n        );\r\n}\r\n\r\n\r\n\/* DEKORASI BACKGROUND *\/\r\n\r\n.peta-salubattang::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 400px;\r\n    height: 400px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(8,120,87,0.05);\r\n\r\n    top: -200px;\r\n    left: -150px;\r\n}\r\n\r\n.peta-salubattang::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(217,164,65,0.07);\r\n\r\n    right: -150px;\r\n    bottom: -180px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   WRAPPER\r\n   ===================================================== *\/\r\n\r\n.peta-wrapper {\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    max-width: 1200px;\r\n\r\n    margin: auto;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   JUDUL\r\n   ===================================================== *\/\r\n\r\n.peta-header {\r\n    text-align: center;\r\n\r\n    margin-bottom: 45px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(35px);\r\n\r\n    animation:\r\n        judulMasuk\r\n        1s ease\r\n        forwards;\r\n}\r\n\r\n\r\n.peta-label {\r\n    color: #d09b2e;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    margin-bottom: 10px;\r\n}\r\n\r\n\r\n.peta-header h2 {\r\n    margin: 0;\r\n\r\n    color: #075c46;\r\n\r\n    font-size: 44px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.peta-header p {\r\n    max-width: 750px;\r\n\r\n    margin: 15px auto 0;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n.peta-garis {\r\n    width: 80px;\r\n\r\n    height: 4px;\r\n\r\n    background: #d9a441;\r\n\r\n    border-radius: 20px;\r\n\r\n    margin: 20px auto 0;\r\n}\r\n\r\n\r\n@keyframes judulMasuk {\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KOTAK PETA\r\n   ===================================================== *\/\r\n\r\n.peta-box {\r\n\r\n    position: relative;\r\n\r\n    background: #ffffff;\r\n\r\n    padding: 12px;\r\n\r\n    border-radius: 25px;\r\n\r\n    border: 1px solid\r\n        rgba(8,120,87,0.15);\r\n\r\n    box-shadow:\r\n        0 20px 50px\r\n        rgba(0,70,50,0.13);\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(45px)\r\n        scale(.97);\r\n\r\n    animation:\r\n        petaMasuk\r\n        1s ease\r\n        .3s forwards;\r\n}\r\n\r\n\r\n@keyframes petaMasuk {\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0)\r\n            scale(1);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   GOOGLE MAPS\r\n   ===================================================== *\/\r\n\r\n.peta-frame {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 500px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 18px;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INFORMASI LOKASI\r\n   ===================================================== *\/\r\n\r\n.peta-info {\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    align-items: stretch;\r\n\r\n    gap: 20px;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    margin-top: 30px;\r\n}\r\n\r\n\r\n.peta-info-card {\r\n\r\n    flex: 1;\r\n\r\n    min-width: 220px;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #dce9e3;\r\n\r\n    border-radius: 16px;\r\n\r\n    padding: 20px;\r\n\r\n    text-align: center;\r\n\r\n    box-shadow:\r\n        0 7px 20px\r\n        rgba(0,0,0,0.05);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.peta-info-card:hover {\r\n\r\n    transform:\r\n        translateY(-6px);\r\n\r\n    box-shadow:\r\n        0 15px 30px\r\n        rgba(0,0,0,0.10);\r\n}\r\n\r\n\r\n.peta-info-icon {\r\n\r\n    font-size: 28px;\r\n\r\n    margin-bottom: 8px;\r\n}\r\n\r\n\r\n.peta-info-title {\r\n\r\n    color: #075c46;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 700;\r\n\r\n    margin-bottom: 6px;\r\n}\r\n\r\n\r\n.peta-info-text {\r\n\r\n    color: #667085;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.5;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TOMBOL GOOGLE MAPS\r\n   ===================================================== *\/\r\n\r\n.peta-tombol {\r\n\r\n    text-align: center;\r\n\r\n    margin-top: 30px;\r\n\r\n    padding-bottom: 10px;\r\n}\r\n\r\n\r\n.peta-tombol a {\r\n\r\n    display: inline-block;\r\n\r\n    padding: 14px 30px;\r\n\r\n    border-radius: 50px;\r\n\r\n    background: #087857;\r\n\r\n    color: #ffffff;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 700;\r\n\r\n    box-shadow:\r\n        0 8px 20px\r\n        rgba(8,120,87,0.20);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.peta-tombol a:hover {\r\n\r\n    background: #075c46;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 12px 25px\r\n        rgba(8,120,87,0.30);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   RESPONSIVE TABLET\r\n   ===================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    .peta-salubattang {\r\n\r\n        padding:\r\n            55px 15px;\r\n\r\n    }\r\n\r\n    .peta-header h2 {\r\n\r\n        font-size: 34px;\r\n\r\n    }\r\n\r\n    .peta-header p {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n    .peta-frame {\r\n\r\n        height: 430px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   RESPONSIVE HP\r\n   ===================================================== *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .peta-salubattang {\r\n\r\n        padding:\r\n            45px 12px;\r\n\r\n    }\r\n\r\n    .peta-header {\r\n\r\n        margin-bottom: 30px;\r\n\r\n    }\r\n\r\n    .peta-header h2 {\r\n\r\n        font-size: 29px;\r\n\r\n    }\r\n\r\n    .peta-header p {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n    .peta-box {\r\n\r\n        padding: 7px;\r\n\r\n        border-radius: 18px;\r\n\r\n    }\r\n\r\n    .peta-frame {\r\n\r\n        height: 350px;\r\n\r\n        border-radius: 13px;\r\n\r\n    }\r\n\r\n    .peta-info {\r\n\r\n        flex-direction: column;\r\n\r\n    }\r\n\r\n    .peta-info-card {\r\n\r\n        width: 100%;\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =====================================================\r\n     PETA KELURAHAN SALUBATTANG\r\n     ===================================================== -->\r\n\r\n<section class=\"peta-salubattang\">\r\n\r\n    <div class=\"peta-wrapper\">\r\n\r\n\r\n        <!-- ==============================\r\n             JUDUL\r\n             ============================== -->\r\n\r\n        <div class=\"peta-header\">\r\n\r\n            <div class=\"peta-label\">\r\n                Kelurahan Salubattang\r\n            <\/div>\r\n\r\n            <h2>\r\n                Peta Lokasi\r\n            <\/h2>\r\n\r\n            <p>\r\n                Temukan lokasi Kantor Kelurahan Salubattang,\r\n                Kecamatan Telluwanua, Kota Palopo\r\n                melalui peta interaktif berikut.\r\n            <\/p>\r\n\r\n            <div class=\"peta-garis\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ==============================\r\n             KOTAK PETA\r\n             ============================== -->\r\n\r\n        <div class=\"peta-box\">\r\n\r\n\r\n            <!-- =================================================\r\n                 GOOGLE MAPS EMBED\r\n                 LINK DARI USER\r\n                 ================================================= -->\r\n\r\n            <iframe\r\n                class=\"peta-frame\"\r\n                src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3984.6806332250085!2d120.20223927351344!3d-2.907980639546011!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2d9161a0abec9aef%3A0xce3d62dc14a90ee4!2sKantor%20Kelurahan%20Salubattang!5e0!3m2!1sid!2sid!4v1786179792313!5m2!1sid!2sid\"\r\n                allowfullscreen=\"\"\r\n                loading=\"lazy\"\r\n                referrerpolicy=\"strict-origin-when-cross-origin\">\r\n            <\/iframe>\r\n\r\n\r\n\r\n            <!-- ==============================\r\n                 INFORMASI LOKASI\r\n                 ============================== -->\r\n\r\n            <div class=\"peta-info\">\r\n\r\n\r\n                <!-- LOKASI -->\r\n\r\n                <div class=\"peta-info-card\">\r\n\r\n                    <div class=\"peta-info-icon\">\r\n                        \ud83d\udccd\r\n                    <\/div>\r\n\r\n                    <div class=\"peta-info-title\">\r\n                        Lokasi Kantor\r\n                    <\/div>\r\n\r\n                    <div class=\"peta-info-text\">\r\n                        Kantor Kelurahan Salubattang\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- KECAMATAN -->\r\n\r\n                <div class=\"peta-info-card\">\r\n\r\n                    <div class=\"peta-info-icon\">\r\n                        \ud83c\udfdb\ufe0f\r\n                    <\/div>\r\n\r\n                    <div class=\"peta-info-title\">\r\n                        Kecamatan\r\n                    <\/div>\r\n\r\n                    <div class=\"peta-info-text\">\r\n                        Telluwanua\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- KOTA -->\r\n\r\n                <div class=\"peta-info-card\">\r\n\r\n                    <div class=\"peta-info-icon\">\r\n                        \ud83c\udf10\r\n                    <\/div>\r\n\r\n                    <div class=\"peta-info-title\">\r\n                        Kota\r\n                    <\/div>\r\n\r\n                    <div class=\"peta-info-text\">\r\n                        Palopo\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ==============================\r\n                 TOMBOL\r\n                 ============================== -->\r\n\r\n            <div class=\"peta-tombol\">\r\n\r\n                <a\r\n                    href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Kantor+Kelurahan+Salubattang\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\">\r\n\r\n                    \ud83d\udccd Buka di Google Maps\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kelurahan Salubattang Peta Lokasi Temukan lokasi Kantor Kelurahan Salubattang, Kecamatan Telluwanua, Kota Palopo melalui peta interaktif berikut. \ud83d\udccd Lokasi Kantor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=63"}],"version-history":[{"count":4,"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/kelurahansalubattang.homeit.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}