{"id":4831,"date":"2026-05-03T13:32:08","date_gmt":"2026-05-03T06:32:08","guid":{"rendered":"https:\/\/disdik.asahankab.go.id\/?page_id=4831"},"modified":"2026-05-03T16:01:09","modified_gmt":"2026-05-03T09:01:09","slug":"jenis-pelayanan","status":"publish","type":"page","link":"https:\/\/disdik.asahankab.go.id\/index.php\/jenis-pelayanan\/","title":{"rendered":"Jenis Pelayanan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4831\" class=\"elementor elementor-4831\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e8deec8 e-flex e-con-boxed e-con e-parent\" data-id=\"e8deec8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54bf770 elementor-widget elementor-widget-html\" data-id=\"54bf770\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"hero-full\">\r\n  <div class=\"hero-content\">\r\n    <h2 class=\"judul-garis\">Jenis Pelayananan<\/h2>\r\n    <p>Jenis Pelayananan yang disediakan oleh Dinas Pendidikan Kabupaten Asahan<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.hero-full {\r\n  position: relative;\r\n  width: 100vw;\r\n  margin-left: calc(-50vw + 50%);\r\n  height: 140px;\r\n\r\n  \/* GRADIENT + ANIMASI *\/\r\n  background: linear-gradient(270deg, #0057b7, #007bff, #00aaff);\r\n  background-size: 600% 600%;\r\n  animation: gradientMove 8s ease infinite;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* ANIMASI GERAK *\/\r\n@keyframes gradientMove {\r\n  0% { background-position: 0% 50%; }\r\n  50% { background-position: 100% 50%; }\r\n  100% { background-position: 0% 50%; }\r\n}\r\n\r\n\/* TEKS *\/\r\n.hero-content {\r\n  color: white;\r\n  text-align: center;\r\n}\r\n\r\n\/* JUDUL DENGAN GARIS *\/\r\n.judul-garis {\r\n  color: white;\r\n  font-size: 24px;\r\n  margin: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n}\r\n\r\n\/* GARIS KIRI & KANAN *\/\r\n.judul-garis::before,\r\n.judul-garis::after {\r\n  content: \"\";\r\n  width: 40px;\r\n  height: 2px;\r\n  background: white;\r\n  display: inline-block;\r\n  opacity: 0.7;\r\n}\r\n\r\n\/* DESKRIPSI *\/\r\n.hero-content p {\r\n  font-size: 14px;\r\n  margin-top: 5px;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a8c48e5 elementor-widget elementor-widget-html\" data-id=\"a8c48e5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"font-family:Arial; background:#f4f6f9; padding:20px;\">\r\n\r\n<style>\r\n.list-item {\r\n  background:#fff;\r\n  border-radius:12px;\r\n  padding:15px;\r\n  margin-bottom:15px;\r\n  display:flex;\r\n  gap:15px;\r\n  cursor:pointer;\r\n  transition:0.3s;\r\n  box-shadow:0 3px 10px rgba(0,0,0,0.08);\r\n}\r\n\r\n.list-item:hover {\r\n  transform:translateY(-3px);\r\n}\r\n\r\n.icon {\r\n  width:60px;\r\n  height:60px;\r\n  border-radius:50%;\r\n  background:#e6f0ff;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  overflow:hidden;\r\n}\r\n\r\n.icon img {\r\n  width:40px;\r\n}\r\n\r\n.content h4 {\r\n  margin:0;\r\n  font-size:16px;\r\n}\r\n\r\n.content small {\r\n  color:#666;\r\n}\r\n\r\n.deskripsi {\r\n  display:none;\r\n  margin-top:10px;\r\n  padding:10px;\r\n  background:#f0f8ff;\r\n  border-radius:8px;\r\n  font-size:14px;\r\n}\r\n\r\n\/* PAGINATION *\/\r\n.pagination {\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:10px;\r\n  margin-top:20px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.page-btn {\r\n  padding:8px 14px;\r\n  border-radius:10px;\r\n  background:#eee;\r\n  cursor:pointer;\r\n  transition:0.3s;\r\n}\r\n\r\n.page-btn.active {\r\n  background:#c1121f;\r\n  color:#fff;\r\n}\r\n\r\n.page-btn:hover {\r\n  background:#ddd;\r\n}\r\n<\/style>\r\n\r\n<div id=\"list-container\"><\/div>\r\n<div class=\"pagination\" id=\"pagination\"><\/div>\r\n\r\n<script>\r\n\r\nconst data = [\r\n  {judul:\"Pengajuan kenaikan pangkat tenaga fungsional umum dan struktural\", desc:\"Layanan pengajuan kenaikan pangkat ASN.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135715.png\"},\r\n  {judul:\"Surat ijin pendirian satuan pendidikan jenjang PAUD\/TK, SD dan SMP\", desc:\"Pengurusan izin pendirian sekolah.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/190\/190411.png\"},\r\n  {judul:\"SK Golongan dan Kenaikan Gaji Berkala dalam Daftar Gaji\", desc:\"Pengurusan SK dan KGB.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/2331\/2331945.png\"},\r\n  {judul:\"Pensertifikatan Aset Tanah Sekolah\", desc:\"Pengurusan sertifikat tanah sekolah.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/684\/684908.png\"},\r\n  {judul:\"Pengajuan Surat Perintah Tugas untuk NUPTK\", desc:\"SPT untuk pengajuan NUPTK.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/942\/942748.png\"},\r\n  {judul:\"Layanan Program GTK (SIMPKB, PPG, Guru Penggerak)\", desc:\"Program pengembangan guru.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135789.png\"},\r\n  {judul:\"Perubahan status PTK jadi GTY\/PTY\", desc:\"Perubahan status tenaga pendidik.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/847\/847969.png\"},\r\n  {judul:\"Aktivasi Kepala Sekolah di Dapodik\", desc:\"Aktivasi akun kepala sekolah.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/1946\/1946429.png\"},\r\n  {judul:\"Perubahan status guru honor jadi PPPK\", desc:\"Perubahan status PPPK.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/1995\/1995574.png\"},\r\n  {judul:\"Perubahan TMT Guru Non PNS\", desc:\"Perubahan TMT guru.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/1077\/1077114.png\"},\r\n  {judul:\"Pengurusan SPT untuk NUPTK\", desc:\"SPT untuk syarat NUPTK.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/942\/942799.png\"},\r\n  {judul:\"Penambahan PTK Baru di Dapodik\", desc:\"Penambahan data PTK baru.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/747\/747376.png\"},\r\n  {judul:\"Rekomendasi bantuan alat kesenian\", desc:\"Pengajuan bantuan alat kesenian.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/727\/727218.png\"},\r\n  {judul:\"Pengajuan Surat Keterangan Pengganti Ijazah\", desc:\"Penggantian ijazah.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/3064\/3064197.png\"},\r\n  {judul:\"Pengajuan Tunjangan Profesi Guru\", desc:\"Pengajuan TPG.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/2920\/2920277.png\"},\r\n  {judul:\"Penilaian Angka Kredit Guru\", desc:\"PAK guru.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/1828\/1828884.png\"},\r\n  {judul:\"Pengajuan NPSN\", desc:\"Nomor Pokok Sekolah Nasional.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/167\/167707.png\"},\r\n  {judul:\"Penerimaan Peserta Didik Baru\", desc:\"PPDB sekolah.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135768.png\"},\r\n  {judul:\"Pengajuan BOS\", desc:\"Dana BOS sekolah.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/2331\/2331970.png\"},\r\n  {judul:\"Legalisasi STTB & SKHUN\", desc:\"Legalisasi dokumen pendidikan.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/2921\/2921222.png\"},\r\n  {judul:\"Surat Keterangan Kesalahan Ijazah\", desc:\"Perbaikan ijazah.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/753\/753345.png\"},\r\n  {judul:\"Kenaikan Pangkat Guru\", desc:\"Usulan kenaikan pangkat.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/847\/847969.png\"},\r\n  {judul:\"Pengajuan Pensiun Guru\", desc:\"Pengajuan pensiun.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/3135\/3135715.png\"},\r\n  {judul:\"Pengajuan NUPTK\", desc:\"Nomor unik pendidik.\", icon:\"https:\/\/cdn-icons-png.flaticon.com\/512\/1077\/1077063.png\"},\r\n];\r\n\r\nconst perPage = 9;\r\nlet currentPage = 1;\r\n\r\nfunction renderList() {\r\n  const container = document.getElementById(\"list-container\");\r\n  container.innerHTML = \"\";\r\n\r\n  let start = (currentPage - 1) * perPage;\r\n  let end = start + perPage;\r\n  let items = data.slice(start, end);\r\n\r\n  items.forEach(item => {\r\n    container.innerHTML += `\r\n      <div class=\"list-item\" onclick=\"toggle(this)\">\r\n        <div class=\"icon\">\r\n          <img decoding=\"async\" src=\"${item.icon}\">\r\n        <\/div>\r\n        <div class=\"content\">\r\n          <h4>${item.judul}<\/h4>\r\n          <small>Dinas Pendidikan Kabupaten Asahan<\/small>\r\n          <div class=\"deskripsi\">${item.desc}<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n  });\r\n}\r\n\r\nfunction renderPagination() {\r\n  const totalPages = Math.ceil(data.length \/ perPage);\r\n  const pag = document.getElementById(\"pagination\");\r\n  pag.innerHTML = \"\";\r\n\r\n  for (let i = 1; i <= totalPages; i++) {\r\n    pag.innerHTML += `\r\n      <div class=\"page-btn ${i === currentPage ? 'active' : ''}\" onclick=\"changePage(${i})\">\r\n        ${i}\r\n      <\/div>\r\n    `;\r\n  }\r\n}\r\n\r\nfunction changePage(page) {\r\n  currentPage = page;\r\n  renderList();\r\n  renderPagination();\r\n}\r\n\r\nfunction toggle(element) {\r\n  let desc = element.querySelector('.deskripsi');\r\n\r\n  document.querySelectorAll('.deskripsi').forEach(el => {\r\n    if (el !== desc) el.style.display = 'none';\r\n  });\r\n\r\n  desc.style.display = (desc.style.display === 'block') ? 'none' : 'block';\r\n}\r\n\r\n\/\/ INIT\r\nrenderList();\r\nrenderPagination();\r\n\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\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>Jenis Pelayananan Jenis Pelayananan yang disediakan oleh Dinas Pendidikan Kabupaten Asahan<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor-template.php","meta":{"footnotes":""},"class_list":["post-4831","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/4831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/comments?post=4831"}],"version-history":[{"count":52,"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/4831\/revisions"}],"predecessor-version":[{"id":4931,"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/pages\/4831\/revisions\/4931"}],"wp:attachment":[{"href":"https:\/\/disdik.asahankab.go.id\/index.php\/wp-json\/wp\/v2\/media?parent=4831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}