{"id":1448,"date":"2026-07-13T10:30:09","date_gmt":"2026-07-13T02:30:09","guid":{"rendered":"https:\/\/damkarmatan.kukarkab.go.id\/?page_id=1448"},"modified":"2026-08-06T11:56:17","modified_gmt":"2026-08-06T03:56:17","slug":"skm","status":"publish","type":"page","link":"https:\/\/damkarmatan.kukarkab.go.id\/index.php\/skm\/","title":{"rendered":"SKM"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\nfont-family:'Poppins',sans-serif;\n}\nbody{\nbackground:#f5f7fb;\n}\n.hero{\nposition:relative;\nwidth:calc(100% - 120px);\nmax-width:1500px;\n\nmargin:30px auto 40px;\n\nmin-height:650px;\n\ndisplay:flex;\njustify-content:center;\nalign-items:center;\ntext-align:center;\n\nbackground:linear-gradient(135deg,#8b0000,#c62828);\noverflow:hidden;\n\nborder-radius:24px;\nbox-shadow:0 18px 45px rgba(0,0,0,.18);\n\npadding:70px 40px;\n}\n.hero::before{\ncontent:\"\";\nposition:absolute;\ntop:0;\nleft:0;\nright:0;\nheight:4px;\nbackground:linear-gradient(90deg,#dc2626,#f97316,#dc2626);\n}\n.hero::after{\ncontent:\"\";\nposition:absolute;\nwidth:600px;\nheight:600px;\nbackground:radial-gradient(circle,rgba(255,255,255,0.05),transparent 70%);\nborder-radius:50%;\nbottom:-200px;\nleft:50%;\ntransform:translateX(-50%);\n}\n.overlay{\nposition:absolute;\nwidth:100%;\nheight:100%;\nbackground:transparent;\n}\n.hero-content{\nposition:relative;\nz-index:2;\ncolor:white;\nwidth:100%;\nmax-width:850px;\nmargin:auto;\n}\n.logo-damkar{\nwidth:85px;\nmargin-bottom:20px;\n}\n.hero h1{\nfont-size:52px;\nfont-weight:700;\nline-height:1.1;\nmargin-bottom:10px;\ncolor:#fff;\ntext-shadow:0 8px 25px rgba(0,0,0,.25);\nletter-spacing:1px;\n}\n.hero h3{\nfont-size:26px;\nfont-weight:500;\nmargin-bottom:24px;\ncolor:#ffb74d;\n}\n.dinas{\nfont-size:18px;\nline-height:1.8;\nmargin-bottom:18px;\nopacity:.95;\n}\n.tagline{\nfont-size:15px;\nopacity:.85;\nmargin-bottom:35px;\n}\n.hero-button{\ndisplay:inline-block;\npadding:15px 36px;\nbackground:#fff;\ncolor:#b71c1c;\ntext-decoration:none;\nfont-weight:600;\nborder-radius:50px;\ntransition:.3s;\nbox-shadow:0 12px 30px rgba(0,0,0,.18);\n}\n.hero-button:hover{\ntransform:translateY(-4px);\n}\n.ikm{\npadding:80px 20px;\ndisplay:flex;\njustify-content:center;\n}\n.card{\nbackground:white;\nwidth:650px;\npadding:40px;\nborder-radius:20px;\nbox-shadow:0 15px 45px rgba(0,0,0,.1);\n}\n.card h2{\ntext-align:center;\nmargin-bottom:35px;\ncolor:#b71c1c;\n}\n.card label{\ndisplay:block;\nfont-weight:600;\nmargin-top:18px;\nmargin-bottom:8px;\n}\n.card select{\nwidth:100%;\npadding:15px;\nborder:1px solid #ddd;\nborder-radius:10px;\nfont-size:16px;\n}\n.card button{\nwidth:100%;\nmargin-top:35px;\npadding:16px;\nbackground:#c62828;\ncolor:white;\nborder:none;\nborder-radius:10px;\nfont-size:18px;\nfont-weight:600;\ncursor:pointer;\ntransition:.3s;\n}\n.card button:hover{\nbackground:#a71616;\n}\n@media(max-width:768px){\n\n.hero{\nmargin:20px;\npadding:50px 25px;\nmin-height:auto;\nborder-radius:18px;\n}\n\n.logo-damkar{\nwidth:65px;\n}\n\n.hero h1{\nfont-size:34px;\n}\n\n.hero h3{\nfont-size:20px;\n}\n\n.dinas{\nfont-size:16px;\n}\n\n.tagline{\nfont-size:14px;\n}\n\n.card{\nwidth:100%;\n}\n\n}\n.reveal{\nopacity:0;\ntransform:translateY(60px);\ntransition:all .8s ease;\n}\n.reveal.active{\nopacity:1;\ntransform:translateY(0);\n}\n.delay-1{\ntransition-delay:.2s;\n}\n.delay-2{\ntransition-delay:.4s;\n}\n.delay-3{\ntransition-delay:.6s;\n}\n.hero-button,\n.card button{\nposition:relative;\noverflow:hidden;\n}\n.hero-button::before,\n.card button::before{\ncontent:\"\";\nposition:absolute;\nleft:-100%;\ntop:0;\nwidth:100%;\nheight:100%;\nbackground:rgba(255,255,255,.25);\ntransition:.5s;\n}\n.hero-button:hover::before,\n.card button:hover::before{\nleft:100%;\n}\n\n\n.row-bulan-tahun{display:flex;gap:15px;}\n.row-bulan-tahun div{flex:1;}\n.note{margin-top:20px;font-size:13px;color:#888;text-align:center;background:#fff8f8;padding:10px 15px;border-radius:8px;border-left:3px solid #c62828;}\n\n.reveal{opacity:1 !important;transform:none !important;}\n\n\/* ===========================\n   AKSEN MODERN KIRI & KANAN\n=========================== *\/\n\nbody{\n    overflow-x:hidden;\n}\n\n\/* kiri *\/\nbody::before{\n    content:\"\";\n    position:fixed;\n    left:0;\n    top:0;\n    width:220px;\n    height:100vh;\n    pointer-events:none;\n    z-index:-1;\n    background:\n        radial-gradient(circle at 40px 120px, rgba(183,28,28,.12) 0 18px, transparent 20px),\n        radial-gradient(circle at 120px 260px, rgba(240,160,32,.12) 0 12px, transparent 14px),\n        radial-gradient(circle at 70px 430px, rgba(183,28,28,.10) 0 25px, transparent 27px),\n        linear-gradient(180deg,#b71c1c,#ff9800);\n    background-size:\n        auto,\n        auto,\n        auto,\n        6px 100%;\n    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;\n    background-position:\n        left top,\n        left top,\n        left top,\n        35px 0;\n}\n\n\/* kanan *\/\nbody::after{\n    content:\"\";\n    position:fixed;\n    right:0;\n    top:0;\n    width:220px;\n    height:100vh;\n    pointer-events:none;\n    z-index:-1;\n    background:\n        radial-gradient(circle at 180px 150px, rgba(183,28,28,.12) 0 18px, transparent 20px),\n        radial-gradient(circle at 90px 320px, rgba(240,160,32,.12) 0 12px, transparent 14px),\n        radial-gradient(circle at 150px 500px, rgba(183,28,28,.10) 0 25px, transparent 27px),\n        linear-gradient(180deg,#ff9800,#b71c1c);\n    background-size:\n        auto,\n        auto,\n        auto,\n        6px 100%;\n    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;\n    background-position:\n        right top,\n        right top,\n        right top,\n        calc(100% - 35px) 0;\n}\n\n\/* HP *\/\n@media(max-width:1200px){\n    body::before,\n    body::after{\n        display:none;\n    }\n}\n\n\/* ===== Layout halaman SKM ===== *\/\n\n.site-content,\n.bs-content{\n    background:transparent !important;\n}\n\n.hero{\n    width:calc(100% - 60px) !important;\n    max-width:1200px !important;\n    margin:20px auto 40px !important;\n    border-radius:24px !important;\n}\n\n@media(max-width:1200px){\n    .hero{\n        width:96% !important;\n        margin:20px auto !important;\n    }\n}\n\n.page .container{\n    max-width:1200px !important;\n}\n\n.page .content-area{\n    max-width:1200px !important;\n    width:100% !important;\n}\n\n.page .site-main{\n    max-width:1200px !important;\n}\n\n.page .bs-card-box{\n    max-width:1200px !important;\n    width:100% !important;\n}\n\n.page .entry-content{\n    width:100% !important;\n    max-width:1200px !important;\n}\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n\n<section class=\"hero\">\n\n<div class=\"overlay\"><\/div>\n\n<div class=\"hero-content\">\n\n<img decoding=\"async\" src=\"https:\/\/damkarmatan.kukarkab.go.id\/wp-content\/uploads\/2026\/07\/Screenshot-2026-07-14-134332-Edited.png\" class=\"logo-damkar\">\n\n<h1>\nSURVEI KEPUASAN<br>\nMASYARAKAT\n<\/h1>\n\n<h3>(SKM)<\/h3>\n\n<p class=\"dinas\">\n\nDINAS PEMADAM KEBAKARAN DAN PENYELAMATAN<br>\n\nKABUPATEN KUTAI KARTANEGARA\n\n<\/p>\n\n<p class=\"tagline\">\n\nMasukan Anda membantu kami meningkatkan kualitas pelayanan kepada masyarakat.\n\n<\/p>\n\n<a href=\"#ikm\" class=\"hero-button\">\n\nLihat Hasil IKM\n\n<\/a>\n\n<\/div>\n\n<\/section>\n\n<section id=\"ikm\" class=\"ikm\">\n<div class=\"card reveal\">\n<h2>\ud83d\udcca Hasil Indeks Kepuasan Masyarakat<\/h2>\n<label>Layanan<\/label>\n<select>\n<option>Pilih Layanan<\/option>\n<option>Layanan Pelaksanaan Pemadam dan Pengendalian Kebakaran<\/option>\n<option>Layanan Pelaksanaan Penyelamatan dan Evakuasi<\/option>\n<option>Himbauan Pencegah Kebakaran<\/option>\n<option>Sosialisasi Pencegahan Kebakaran<\/option>\n<option>Layanan Pemberdayaan Masyarakat\/Relawan Kebakaran<\/option>\n<option>Layanan Pendataan, Inspeksi Dan Investigasi Pasca Kebakaran<\/option>\n<\/select>\n\n<div class=\"row-bulan-tahun\">\n<div>\n<label>Bulan<\/label>\n<select id=\"bulan\">\n<option value=\"Januari\">Januari<\/option>\n<option value=\"Februari\">Februari<\/option>\n<option value=\"Maret\">Maret<\/option>\n<option value=\"April\">April<\/option>\n<option value=\"Mei\">Mei<\/option>\n<option value=\"Juni\">Juni<\/option>\n<option value=\"Juli\">Juli<\/option>\n<option value=\"Agustus\">Agustus<\/option>\n<option value=\"September\">September<\/option>\n<option value=\"Oktober\">Oktober<\/option>\n<option value=\"November\">November<\/option>\n<option value=\"Desember\">Desember<\/option>\n<\/select>\n<\/div>\n<div>\n<label>Tahun<\/label>\n<select id=\"tahun\">\n<option value=\"2025\">2025<\/option>\n<option value=\"2026\">2026<\/option>\n<option value=\"2024\">2024<\/option>\n<\/select>\n<\/div>\n<\/div>\n\n<p class=\"note\">\ud83d\udccc Saat ini data yang tersedia hanya bulan <strong>Juni \u2014 November Tahun 2025<\/strong><\/p>\n\n<button onclick=\"lihatHasil()\">LIHAT HASIL<\/button>\n<\/div>\n<\/section>\n\n\n<script>\nfunction lihatHasil() {\n    const bulan = document.getElementById(\"bulan\").value;\n    const tahun = document.getElementById(\"tahun\").value;\n    const data = {\n        \"2025\": {\n            \"Juni\": \"https:\/\/damkarmatan.kukarkab.go.id\/wp-content\/uploads\/2026\/07\/SKM-_-JUNI.pdf\",\n            \"Juli\": \"https:\/\/damkarmatan.kukarkab.go.id\/wp-content\/uploads\/2026\/07\/SKM-JULI-DAMKAR.pdf\",\n            \"Agustus\": \"https:\/\/damkarmatan.kukarkab.go.id\/wp-content\/uploads\/2026\/07\/SKM-_-AGUSTUS.pdf\",\n            \"September\": \"https:\/\/damkarmatan.kukarkab.go.id\/wp-content\/uploads\/2026\/07\/SKM-_-SEPTEM.pdf\",\n            \"Oktober\": \"https:\/\/damkarmatan.kukarkab.go.id\/wp-content\/uploads\/2026\/07\/SKM-_-OKT.pdf\",\n            \"November\": \"https:\/\/damkarmatan.kukarkab.go.id\/wp-content\/uploads\/2026\/07\/SKM-_-NOP.pdf\"\n        }\n    };\n    if (data[tahun] && data[tahun][bulan]) {\n        window.open(data[tahun][bulan], \"_blank\");\n    } else {\n        alert(\"Data untuk \" + bulan + \" \" + tahun + \" belum tersedia.\");\n    }\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>SURVEI KEPUASAN MASYARAKAT (SKM) DINAS PEMADAM KEBAKARAN DAN PENYELAMATAN KABUPATEN KUTAI KARTANEGARA Masukan Anda membantu kami meningkatkan kualitas pelayanan kepada masyarakat. Lihat Hasil IKM \ud83d\udcca Hasil Indeks Kepuasan Masyarakat Layanan Pilih LayananLayanan Pelaksanaan Pemadam dan Pengendalian KebakaranLayanan Pelaksanaan Penyelamatan dan EvakuasiHimbauan Pencegah KebakaranSosialisasi Pencegahan KebakaranLayanan Pemberdayaan Masyarakat\/Relawan KebakaranLayanan Pendataan, Inspeksi Dan Investigasi Pasca Kebakaran Bulan [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/fullwidth.php","meta":{"footnotes":""},"class_list":["post-1448","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/damkarmatan.kukarkab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/1448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/damkarmatan.kukarkab.go.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/damkarmatan.kukarkab.go.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/damkarmatan.kukarkab.go.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/damkarmatan.kukarkab.go.id\/index.php\/wp-json\/wp\/v2\/comments?post=1448"}],"version-history":[{"count":54,"href":"https:\/\/damkarmatan.kukarkab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/1448\/revisions"}],"predecessor-version":[{"id":1759,"href":"https:\/\/damkarmatan.kukarkab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/1448\/revisions\/1759"}],"wp:attachment":[{"href":"https:\/\/damkarmatan.kukarkab.go.id\/index.php\/wp-json\/wp\/v2\/media?parent=1448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}