- Scan ID:
- 9f42c8fc-02f3-4682-a9fb-392b51ce5ed5Finished
- Submitted URL:
- https://bkpsdm.probolinggokab.go.id/
- Report Finished:
Links · 14 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://facebook.com | |
| https://instagram.com | |
| https://youtube.com | |
| https://www.youtube.com/watch?v=3PQkdpbuLSA | |
| https://skp.bkd.probolinggokab.go.id:8336/auth/login | Endless Sistem Manajemen Kinerja Aparatur |
| http://103.182.48.107:1234/ | Pengajuan Usulan Satya lancana Karya Satya |
| https://forms.gle/1BVJXfmD8AGxPtae7 | |
| https://www.kemendagri.go.id/ | |
| https://diskominfo.probolinggokab.go.id/?__cf_chl_tk=zkwTh5ePB1gLQgauJBhVoubg6Pt_oOqUb7ms9K1ixa4-1721291442-0.0.1.1-6697 | |
| https://probolinggokab.go.id/ |
JavaScript Variables · 31 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | string |
| 1 | string |
| 2 | string |
| 3 | string |
| 4 | string |
| 5 | string |
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| ___grecaptcha_cfg | string |
Console log messages · 1 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| log | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta charset="utf-8">
<title>BKPSDM Kabupaten Probolinggo</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="https://bkpsdm.probolinggokab.go.id/favicon.ico" rel="icon">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link async="" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Saira:wght@500;600;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link async="" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link async="" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="https://bkpsdm.probolinggokab.go.id/treasure/lib/animate/animate.min.css" rel="stylesheet">
<link href="https://bkpsdm.probolinggokab.go.id/treasure/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="https://bkpsdm.probolinggokab.go.id/treasure/css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="https://bkpsdm.probolinggokab.go.id/treasure/css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner Start -->
<div id="spinner" class="bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-grow text-primary" role="status"></div>
</div>
<!-- Spinner End -->
<!-- Navbar Start -->
<!-- <div class="container-fluid fixed-top px-0 wow fadeIn" data-wow-delay="0.1s"> -->
<div class="container-fluid fixed-top px-0 wow fadeIn" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;">
<!-- <div class="top-bar text-white-50 row gx-0 align-items-center d-none d-lg-flex"> -->
<div class="top-bar text-white-50 row gx-0 align-items-center d-none d-lg-flex" style="background-color: #001d23;">
<div class="col-lg-9 px-5 text-start">
<small><i class="fa fa-phone me-2"></i>(0335) 8401552</small>
<small class="ms-4"><i class="fa fa-envelope me-2"></i>[email protected]</small>
<small class="ms-4"><i class="fa fa-map-marker-alt me-2"></i>Jl. Raya Panglima Sudirman No. 134 Kraksaan-Probolinggo</small>
</div>
<div class="col-lg-3 px-5 text-end">
<!-- <small>Follow us:</small> -->
<a class="text-white-50 ms-3" href="https://facebook.com"><i class="fab fa-facebook-f"></i></a>
<a class="text-white-50 ms-3" href="https://instagram.com"><i class="fab fa-instagram"></i></a>
<a class="text-white-50 ms-3" href="https://youtube.com"><i class="fab fa-youtube"></i></a>
<!-- <a class="text-white-50 ms-3" href=""><i class="fab fa-linkedin-in"></i></a> -->
</div>
</div>
<style>
/* .bg-dark {
background-color: fff !important;
} */
</style>
<nav class="navbar navbar-expand-lg navbar-dark py-lg-1 px-lg-5 wow fadeIn" data-wow-delay="0.1s" style="border-bottom: 1px solid rgb(222, 218, 218); visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/logo/logo_.png" style="height: 65px;">
<!-- <a href="index.html" class="navbar-brand ms-4 ms-lg-0">
<h1 class="fw-bold text-primary m-0">Chari<span class="text-white">Team</span></h1>
</a> -->
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto p-4 p-lg-0">
<a href="https://bkpsdm.probolinggokab.go.id/" class="nav-item nav-link active">
<i class="fa fa-home"></i>
</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Profil BKPSDM</a>
<div class="dropdown-menu m-0">
<a href="https://bkpsdm.probolinggokab.go.id/selayangpandang" class="dropdown-item">Selayang Pandang</a>
<a href="https://bkpsdm.probolinggokab.go.id/dasarhukum" class="dropdown-item">Dasar Hukum Pembentukan</a>
<a href="https://bkpsdm.probolinggokab.go.id/struktur-organisasi" class="dropdown-item">Struktur Organisasi</a>
<a href="https://bkpsdm.probolinggokab.go.id/tugas-fungsi" class="dropdown-item">Tugas dan Fungsi</a>
<a href="https://bkpsdm.probolinggokab.go.id/sakip" class="dropdown-item">SAKIP</a>
</div>
</div>
<div class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="megaMenu" data-bs-toggle="dropdown">
Layanan dan SOP
</a>
<div class="dropdown-menu" aria-labelledby="megaMenu" style="width: 650px;">
<div class="container">
<div class="row">
<div class="col-md-6">
<ul class="list-unstyled">
<a href="https://bkpsdm.probolinggokab.go.id/kumpulan-perbup" class="dropdown-item">Kumpulan Perbup</a>
<a href="https://bkpsdm.probolinggokab.go.id/pengadaan-cpns" class="dropdown-item">Pengadaan CPNS</a>
<a href="https://bkpsdm.probolinggokab.go.id/diklat-kepemimpinan" class="dropdown-item">Diklat Kepemimpinan</a>
<a href="https://bkpsdm.probolinggokab.go.id/skp" class="dropdown-item">SKP</a>
<a href="https://bkpsdm.probolinggokab.go.id/sistem-informasi-administrasi-pegawai" class="dropdown-item">Sistem Informasi Administrasi Pegawai</a>
<a href="https://bkpsdm.probolinggokab.go.id/kp-struktural" class="dropdown-item">KP Struktural</a>
<a href="https://bkpsdm.probolinggokab.go.id/kp-fungsional" class="dropdown-item">KP Fungsional</a>
<a href="https://bkpsdm.probolinggokab.go.id/pencantuman-gelar-akademik" class="dropdown-item">Pencantuman Gelar Akademik</a>
</ul>
</div>
<div class="col-md-6">
<ul class="list-unstyled">
<h5 class="text-primary">Pengajuan</h5>
<a href="https://bkpsdm.probolinggokab.go.id/pengajuan-cuti" class="dropdown-item">Cuti</a>
<a href="https://bkpsdm.probolinggokab.go.id/pengajuan-kartu-istri-suami" class="dropdown-item">Kartu Istri/Suami</a>
<a href="https://bkpsdm.probolinggokab.go.id/pengajuan-ijin-kawin" class="dropdown-item">Ijin Kawin</a>
<a href="https://bkpsdm.probolinggokab.go.id/pengajuan-ijin-cerai" class="dropdown-item">Ijin Cerai</a>
<a href="https://bkpsdm.probolinggokab.go.id/pengajuan-tugas-belajar-dan-ijin-belajar" class="dropdown-item">Tugas Belajar dan Ijin Belajar</a>
<a href="https://bkpsdm.probolinggokab.go.id/pengajuan-mutasi-antar-daerah" class="dropdown-item">Mutasi Antar Daerah</a>
<a href="https://bkpsdm.probolinggokab.go.id/pengajuan-pensiun" class="dropdown-item">Pensiun</a>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Informasi</a>
<div class="dropdown-menu m-0">
<a href="https://bkpsdm.probolinggokab.go.id/berita" class="dropdown-item">Berita</a>
<a href="https://bkpsdm.probolinggokab.go.id/artikel" class="dropdown-item">Artikel</a>
<a href="https://bkpsdm.probolinggokab.go.id/agenda" class="dropdown-item">Agenda</a>
<a href="https://bkpsdm.probolinggokab.go.id/galleryp" class="dropdown-item">Galeri Foto</a>
<a href="https://bkpsdm.probolinggokab.go.id/galleryv" class="dropdown-item">Galeri Video</a>
<a href="https://bkpsdm.probolinggokab.go.id/statistik-pegawai" class="dropdown-item">Statistik Pegawai</a>
</div>
</div>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pelayanan Publik</a>
<div class="dropdown-menu m-0">
<a href="https://bkpsdm.probolinggokab.go.id/pengaduan" class="dropdown-item">Pengaduan</a>
<a href="https://bkpsdm.probolinggokab.go.id/pusat-unduhan" class="dropdown-item">Pusat Unduhan</a>
</div>
</div>
<a href="https://bkpsdm.probolinggokab.go.id/kontak" class="nav-item nav-link">Kontak Kami</a>
<div class="nav-item nav-link d-lg-flex" style="margin-right: 0;padding: 13px 0;">
<a class="btn btn-outline-primary py-2 px-3" data-bs-toggle="modal" data-bs-target="#cetakProfil" style="width: 170px;">
Cetak Profil
<div class="d-inline-flex btn-sm-square bg-white text-primary rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a>
</div>
</div>
</div>
</nav>
</div>
<!-- Navbar End -->
<script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/EGbODne6buzpTnWrrBprcfAY/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-zYfvuq6xV6aLevocYkVfLId59jcIkDZniQX2TsTt9LIa0Tf1ORHFh4oKI1naLgGF"></script><script src="https://www.google.com/recaptcha/api.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<style>
/* Slideshow container */
.slideshow-container {
position: relative;
z-index: 2;
height: 100%;
}
.text-white-100 {
color: rgba(255, 255, 255, 1) !important;
}
/* Background video */
#bg-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
/* Unmute button */
#unmute-button {
position: absolute;
top: 20px;
right: 20px;
z-index: 3;
padding: 10px 20px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
}
.youtube-button {
position: absolute;
bottom: 20px;
/* Adjust this value to move the button up or down */
left: 50%;
transform: translateX(-50%);
background-color: red;
color: white;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
transition: all 0.3s ease;
z-index: 3;
/* Ensure the button is above other elements */
}
.youtube-button:hover {
background-color: #cc0000;
}
.youtube-button i {
font-size: 30px;
}
/* Slides */
.mySlides {
display: none;
padding: 80px;
padding-bottom: 100px;
text-align: center;
color: white;
/* Adjust color for visibility over video */
position: relative;
z-index: 2;
}
/* Next & previous buttons */
.prev,
.next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -30px;
padding: 16px;
color: white;
/* Adjust color for visibility over video */
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
z-index: 2;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
color: white;
}
</style>
<!-- Background video -->
<div class="container-fluid p-0 mb-5" style="margin-top: 8em">
<div id="header-carousel" class="carousel slide" data-bs-ride="carousel" style="width:100%">
<video id="bg-video" autoplay="" loop="">
<source src="https://bkpsdm.probolinggokab.go.id/treasure/video/LAGU_ISTIMEWA_KABUPATEN_PROBOL.webm" type="video/mp4">
Your browser does not support the video tag.
</video>
<button id="unmute-button">Unmute</button>
<div class="slideshow-container">
<div class="mySlides" style="display: none;">
<h1 class="display-4 text-white-100 mb-3 animated slideInDown">BKPSDM Kab. Probolinggo</h1>
<p class="fs-5 text-white-100 mb-5 animated slideInDown">-</p>
</div>
<div class="mySlides" style="display: block;">
<h1 class="display-4 text-white-100 mb-3 animated slideInDown">Layanan Pengaduan</h1>
<p class="fs-5 text-white-100 mb-5 animated slideInDown">Pelanggaran Kode Etik Dan Perilaku PNS Kabupaten Probolinggo [email protected]</p>
</div>
<a href="https://www.youtube.com/watch?v=3PQkdpbuLSA" target="_blank" class="youtube-button">
<i class="fab fa-youtube"></i>
</a>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
</div>
</div>
<!-- Carousel End -->
<!-- Causes Start -->
<div class="container-xxl bg-light py-5">
<div class="container py-5">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px; visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
<!-- <div class="d-inline-block rounded-pill bg-secondary text-primary py-1 px-3 mb-3">Feature Causes</div> -->
<h1 class="display-6 mb-5">Berita Terkini</h1>
</div>
<div class="row g-4 justify-content-center">
<div class="col-lg-12 col-md-6 wow fadeinUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<div class="row">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<div class="position-relative mt-auto">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/berita/1727182111_2661b8d30e0910eca742.jpeg" class="img-fluid" style="width:100%; height:260px;object-fit:fill">
</div>
<div class="p-4 pt-0">
<h5 class="mb-3 mt-2">Pengumuman Tentang Penggunaan Nilai Seleksi Kompetensi Dasar Cpns Tahun Anggaran 2023</h5>
<p class="text-dark"><i class="fa fa-calendar text-primary"> 24 September 2024</i></p>
<p>Pengumuman Tentang Penggunaan Nilai Seleksi Kompetensi Dasar Cpns Tahun Anggaran 2023</p>
<div class="causes-overlay">
<a class="btn btn-outline-primary" href="https://bkpsdm.probolinggokab.go.id/berita/pengumuman-tentang-penggunaan-nilai-seleksi-kompetensi-dasar-cpns-tahun-anggaran-2023">
Selengkapnya
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<div class="position-relative mt-auto">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/berita/1726726250_985b72674f283024d382.jpeg" class="img-fluid" style="width:100%; height:260px;object-fit:fill">
</div>
<div class="p-4 pt-0">
<h5 class="mb-3 mt-2">Hasil Seleksi Administrasi Penerimaan CPNS Di Lingkungan Pemerintah Kabupaten Probolinggo Formasi Tahun 2024</h5>
<p class="text-dark"><i class="fa fa-calendar text-primary"> 19 September 2024</i></p>
<p>Hasil Seleksi Administrasi Penerimaan CPNS Di Lingkungan Pemerintah Kabupaten Probolinggo Formasi Tahun 2024</p>
<div class="causes-overlay">
<a class="btn btn-outline-primary" href="https://bkpsdm.probolinggokab.go.id/berita/hasil-seleksi-administrasi-penerimaan-cpns-di-lingkungan-pemerintah-kabupaten-probolinggo-formasi-tahun-2024">
Selengkapnya
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<div class="position-relative mt-auto">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/berita/1726199511_c9e9e4f88670b159fdde.jpg" class="img-fluid" style="width:100%; height:260px;object-fit:fill">
</div>
<div class="p-4 pt-0">
<h5 class="mb-3 mt-2">Pengumuman Hasil Seleksi Administrasi Dan Penulusuran Rekam Jejak Seleksi Terbuka Pengisian JPT Pratama Di Lingkungan Pemerintah Kabupaten Probolinggo</h5>
<p class="text-dark"><i class="fa fa-calendar text-primary"> 13 September 2024</i></p>
<p>Pengumuman Hasil Seleksi Administrasi Dan Penulusuran Rekam Jejak Seleksi Terbuka Pengisian Jabatan Pimpinan Tinggi Pratama Di Lingkungan Pemerintah Kabupaten Probolinggo Tahun 2024</p>
<div class="causes-overlay">
<a class="btn btn-outline-primary" href="https://bkpsdm.probolinggokab.go.id/berita/pengumuman-hasil-seleksi-administrasi-dan-penulusuran-rekam-jejak-seleksi-terbuka-pengisian-jpt-pratama-di-lingkungan-pemerintah-kabupaten-probolinggo">
Selengkapnya
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Service Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px; visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<!-- <div class="d-inline-block rounded-pill bg-secondary text-primary py-1 px-3 mb-3">What We Do</div> -->
<h1 class="display-6">Pelayanan Administrasi Kepegawaian Gratis</h1>
<small class="text-primary" style="font-size: 23px;">BKPSDM Road to Zona Integritas</small>
</div>
<div class="row g-4 justify-content-center">
<div class="col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<a target="_blank" href="https://siap-bkpsdm.probolinggokab.go.id/">
<div class="service-item bg-white text-center h-100 p-4 p-xl-5">
<img class="img-fluid mb-4" src="https://bkpsdm.probolinggokab.go.id/treasure/img/logo_siap.png" alt="">
<h5 class="mb-3">Sistem Informasi Pegawai</h5>
<!-- <a class="btn btn-outline-primary px-3" target="_blank" href="http://siap.bkd.probolinggokab.go.id/">
Selengkapnya
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a> -->
</div>
</a>
</div>
<div class="col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="0.3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<a target="_blank" href="https://skp.bkd.probolinggokab.go.id:8336/auth/login">
<div class="service-item bg-white text-center h-100 p-4 p-xl-5">
<img class="img-fluid mb-4" src="https://bkpsdm.probolinggokab.go.id/treasure/img/Logo_estamina.png" alt="">
<h5 class="mb-3">Endless Sistem Manajemen Kinerja Aparatur</h5>
<!-- <a class="btn btn-outline-primary px-3" target="_blank" href="http://siap.bkd.probolinggokab.go.id/dfs/">
Selengkapnya
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a> -->
</div>
</a>
</div>
<div class="col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="0.5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<a target="_blank" href="http://103.182.48.107:1234/">
<div class="service-item bg-white text-center h-100 p-4 p-xl-5">
<img class="img-fluid mb-4" src="https://bkpsdm.probolinggokab.go.id/treasure/img/logo_satya.png" alt="">
<h5 class="mb-3">Pengajuan Usulan Satya lancana Karya Satya</h5>
<!-- <a class="btn btn-outline-primary px-3" target="_blank" href="https://skp.bkd.probolinggokab.go.id/keppo/app/">
Selengkapnya
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a> -->
</div>
</a>
</div>
<!-- <div class="col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<a target="_blank" href="http://sipp.bkd.probolinggokab.go.id:81/auth/login">
<div class="service-item bg-white text-center h-100 p-4 p-xl-5">
<img class="img-fluid mb-4" src="https://bkpsdm.probolinggokab.go.id/treasure/img/logo_sipp.png" alt="">
<h5 class="mb-3">Sistem Presensi Pegawai</h5> -->
<!-- <a class="btn btn-outline-primary px-3" target="_blank" href="http://sipp.bkd.probolinggokab.go.id:81/auth/login">
Selengkapnya
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a> -->
<!-- </div>
</a>
</div> -->
<!-- <div class="col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
<a target="_blank" href="http://siap.bkd.probolinggokab.go.id/ekgb/login.php">
<div class="service-item bg-white text-center h-100 p-4 p-xl-5">
<img class="img-fluid mb-4" src="https://bkpsdm.probolinggokab.go.id/treasure/img/logo_ekgb.png" alt="">
<h5 class="mb-3">Elektronik Gaji Berkala</h5>
<!-- <a class="btn btn-outline-primary px-3" target="_blank" href="http://siap.bkd.probolinggokab.go.id/ekgb/login.php">
Selengkapnya
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a> -->
<!-- </div> -->
</div>
</div>
</div>
</div>
<!-- Service End -->
<!-- Statistik Start -->
<div class="container-xxl py-5" style="background-color: #d7ebef;">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 500px; visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<!-- <div class="d-inline-block rounded-pill bg-secondary text-primary py-1 px-3 mb-3">What We Do</div> -->
<h1 class="display-6">Data Statistik PNS</h1>
<!-- <small class="text-primary" style="font-size: 23px;">BKD Road to Zona Integritas</small> -->
</div>
<div class="row g-4 justify-content-center">
<!-- <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s"> -->
<div class="col-lg-3 service-item bg-white text-center h-100 p-4 p-xl-5">
<h5 class="mb-3">Gender</h5>
<canvas id="myChart" style="margin: 0px; display: block; box-sizing: border-box; height: 672px; width: 672px;" width="672" height="672"></canvas>
</div>
<!-- </div> -->
<!-- <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s"> -->
<div class="col-lg-3 service-item bg-white text-center h-100 p-4 p-xl-5">
<h5 class="mb-3">Golongan</h5>
<canvas id="myChart1" style="margin: 0px; display: block; box-sizing: border-box; height: 672px; width: 672px;" width="672" height="672"></canvas>
</div>
<!-- </div> -->
<!-- <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s"> -->
<div class="col-lg-3 service-item bg-white text-center h-100 p-4 p-xl-5">
<h5 class="mb-3">Pendidikan</h5>
<canvas id="myChart2" style="margin: 0px; display: block; box-sizing: border-box; height: 672px; width: 672px;" width="672" height="672"></canvas>
</div>
<!-- </div> -->
<!-- <div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-delay="0.1s"> -->
<div class="col-lg-3 service-item bg-white text-center h-100 p-4 p-xl-5">
<h5 class="mb-3">Agama</h5>
<canvas id="myChart3" style="margin: 0px; display: block; box-sizing: border-box; height: 672px; width: 672px;" width="672" height="672"></canvas>
</div>
<!-- </div> -->
</div>
</div>
</div>
<!-- Service End -->
<!-- Team Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<!-- <div class="d-inline-block rounded-pill bg-secondary text-primary py-1 px-3 mb-3">Team Members</div> -->
<h1 class="display-6 mb-5">Indeks Profesionalitas ASN Kabupaten Probolinggo Masuk Dalam Katagori SEDANG Dengan Nilai 77,14 Pada Tanggal 25 Oktober 2023</h1>
</div>
<div class="row g-4">
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<div class="h-100 bg-white p-5">
<h3>Kepuasan Informasi Kepegawaian</h3>
<form method="post" action="https://bkpsdm.probolinggokab.go.id/kepuasansave">
<div class="row g-3">
<div class="col-12">
<label for="name">Usia</label>
<input name="usia" type="number" class="form-control bg-light border-0">
</div>
<div class="col-12">
<label for="email">Jenis Kelamin</label>
<select name="jenis_kelamin" id="" class="form-control bg-light border-0">
<option>Pilih</option>
<option>Laki-laki</option>
<option>Perempuan</option>
</select>
</div>
<div class="col-12">
<label for="email">No. Handphone</label>
<input name="no_hp" type="text" class="form-control bg-light border-0">
</div>
<div class="col-12">
<label for="email">Tingkat Kepuasan Anda terhadap Pelayanan Kepegawaian</label>
<select name="tingkat_kepuasan" class="form-control bg-light border-0">
<option>Pilih</option>
<option>Sangat Puas</option>
<option>Puas</option>
<option>Tidak Puas</option>
</select>
</div>
<div class="col-12">
<label for="email">Kritik dan Saran Anda terhadap Pelayanan Kepegawaian</label>
<textarea class="form-control bg-light border-0" name="saran_kritik" rows="5"></textarea>
</div>
<div class="g-recaptcha" data-sitekey="6LfqvC4pAAAAAAw3w45GlXUEd9awXJvZfvjsi6jE"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-m85grvtkerji" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LfqvC4pAAAAAAw3w45GlXUEd9awXJvZfvjsi6jE&co=aHR0cHM6Ly9ia3BzZG0ucHJvYm9saW5nZ29rYWIuZ28uaWQ6NDQz&hl=en&v=EGbODne6buzpTnWrrBprcfAY&size=normal&cb=5hv4m5m7ntlj"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div></div>
<div class="col-12">
<button class="btn btn-primary px-5" style="height: 60px;">
Kirim
<div class="d-inline-flex btn-sm-square bg-white text-primary rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s" style="visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<div class="h-100 bg-white p-5">
<div class="row g-3">
<div class="col-lg-6 col-md-12 p-5">
<a target="_blank" href="https://forms.gle/1BVJXfmD8AGxPtae7">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/kuisioner.png" style="height: 50px;">
</a>
</div>
<div class="col-lg-6 col-md-12 p-5">
<a target="_blank" href="https://www.kemendagri.go.id/">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/kemendagri.jpg" style="height: 50px;">
</a>
</div>
<div class="col-lg-6 col-md-12 p-5">
<a target="_blank" href="https://diskominfo.probolinggokab.go.id/?__cf_chl_tk=zkwTh5ePB1gLQgauJBhVoubg6Pt_oOqUb7ms9K1ixa4-1721291442-0.0.1.1-6697">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/diskominfo.png" style="height: 50px;">
</a>
</div>
<div class="col-lg-6 col-md-12 p-5">
<a target="_blank" href="https://probolinggokab.go.id/">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/pemda.jpg" style="height: 50px;">
</a>
</div>
<div class="col-lg-6 col-md-12 p-5">
<a target="_blank" href="https://surabaya.bkn.go.id/">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/kanreg2.jpg" style="height: 50px;">
</a>
</div>
<div class="col-lg-6 col-md-12 p-5">
<a target="_blank" href="https://www.bkn.go.id/">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/bknkanreg2.png" style="height: 50px;">
</a>
</div>
<div class="col-lg-6 col-md-12 p-5">
<a target="_blank" href="https://www.menpan.go.id/">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/kemenpan.jpg" style="height: 60px;">
</a>
</div>
<div class="col-lg-6 col-md-12 p-5">
<a target="_blank" href="https://www.lapor.go.id/">
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/lapor.jpg" style="height: 60px;">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Team End -->
<!-- Video -->
<div class="container-xxl py-5">
<div class="container">
<div class="row g-4">
<div class="col-lg-6 col-md-6 col-sm-8">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/VEchPeDbduM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<div class="col-lg-6 col-md-6 col-sm-8">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/4K-tvAukx_s" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- End Video -->
<!-- Modal -->
<div class="modal fade" id="cetakProfil" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<form action="https://bkpsdm.probolinggokab.go.id/cetakprofil" method="post">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Cetak Profil Pegawai</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row g-3">
<div class="col-12">
<label for="nip">Masukkan NIP</label>
<input name="nip" type="text" class="form-control">
</div>
<div class="g-recaptcha" data-sitekey="6LdZYyIqAAAAAP-fbSjUxl4VdCJCBfNt-a829p0b"><div style="width: 304px; height: 78px;"><div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-5daai0vsdzeu" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LdZYyIqAAAAAP-fbSjUxl4VdCJCBfNt-a829p0b&co=aHR0cHM6Ly9ia3BzZG0ucHJvYm9saW5nZ29rYWIuZ28uaWQ6NDQz&hl=en&v=EGbODne6buzpTnWrrBprcfAY&size=normal&cb=pk5rn8eu40yd"></iframe></div><textarea id="g-recaptcha-response-1" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe style="display: none;"></iframe></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-primary">Cetak</button>
</div>
</div>
</form>
</div>
</div>
<!-- Footer Start -->
<div class="container-fluid bg-dark text-white-50 footer pt-5 wow fadeIn" data-wow-delay="0.1s" style="background-color: rgb(0, 29, 35) !important; visibility: hidden; animation-delay: 0.1s; animation-name: none;">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-4 col-md-6">
<!-- <h1 class="fw-bold text-primary mb-4">Chari<span class="text-white">Team</span></h1> -->
<img src="https://bkpsdm.probolinggokab.go.id/treasure/img/logo/logo_white.png" style="height: 65px;" class="mb-4">
<p>Website ini kami gunakan sebagai wadah menyampaikan informasi yang luas kepada masyarakat umum, karena kami adalah sebagian dari OPD pelayanan</p>
<div class="d-flex pt-2">
<a class="btn btn-square me-1" href="https://facebook.com"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-square me-1" href="https://instagram.com"><i class="fab fa-instagram"></i></a>
<a class="btn btn-square me-1" href="https://youtube.com"><i class="fab fa-youtube"></i></a>
<!-- <a class="btn btn-square me-0" href=""><i class="fab fa-linkedin-in"></i></a> -->
</div>
</div>
<div class="col-lg-2 col-md-6">
<h5 class="text-light mb-4">Link</h5>
<a class="btn btn-link" href="https://bkpsdm.probolinggokab.go.id/berita">Berita</a>
<a class="btn btn-link" href="https://bkpsdm.probolinggokab.go.id/artikel">Artikel</a>
<a class="btn btn-link" href="https://bkpsdm.probolinggokab.go.id/agenda">Agenda</a>
<a class="btn btn-link" href="https://bkpsdm.probolinggokab.go.id/galleryp">Galeri Foto</a>
<a class="btn btn-link" href="https://bkpsdm.probolinggokab.go.id/galleryv">Galeri Video</a>
<a class="btn btn-link" href="https://bkpsdm.probolinggokab.go.id/statistik-pegawai">Statistik Pegawai</a>
</div>
<div class="col-lg-2 col-md-6">
<h5 class="text-light mb-4"> </h5>
<a class="btn btn-link" href="https://bkpsdm.probolinggokab.go.id/pengaduan">Pengaduan</a>
<a class="btn btn-link" href="https://bkpsdm.probolinggokab.go.id/pusat-unduhan">Pusat Unduhan</a>
<a class="btn btn-link" href="https://bkpsdm.probolinggokab.go.id/kontak">Kontak</a>
</div>
<div class="col-lg-4 col-md-6">
<h5 class="text-light mb-4">Kontak Kami</h5>
<p><i class="fa fa-map-marker-alt me-3"></i>Jl. Raya Panglima Sudirman No. 134 Kraksaan-Probolinggo</p>
<p><i class="fa fa-phone-alt me-3"></i>(0335) 8401552</p>
<p><i class="fa fa-envelope me-3"></i>[email protected]</p>
</div>
</div>
</div>
<div class="container-fluid copyright">
<div class="container">
<div class="row">
<div class="col-md-8 text-center text-md-start mb-3 mb-md-0">
©2024 <a href="#"> Badan Kepegawaian dan Pengembangan Sumber Daya Manusia Kabupaten Probolinggo.</a>
</div>
<div class="col-md-4 text-center text-md-end">
</div>
</div>
</div>
</div>
</div><!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://bkpsdm.probolinggokab.go.id/treasure/lib/wow/wow.min.js"></script>
<script src="https://bkpsdm.probolinggokab.go.id/treasure/lib/easing/easing.min.js"></script>
<script src="https://bkpsdm.probolinggokab.go.id/treasure/lib/waypoints/waypoints.min.js"></script>
<script src="https://bkpsdm.probolinggokab.go.id/treasure/lib/owlcarousel/owl.carousel.min.js"></script>
<!-- <script src="https://bkpsdm.probolinggokab.go.id/treasure/lib/parallax/parallax.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
const ctx = document.getElementById('myChart');
new Chart(ctx, {
type: 'doughnut',
data: {
labels: ['Pria', 'Wanita', ],
datasets: [{
label: 'Jumlah',
data: [
4476,5399, ],
borderWidth: 1
}]
},
options: {
plugins: {
legend: {
display: false
},
}
}
});
</script>
<script>
const cty = document.getElementById('myChart1');
new Chart(cty, {
type: 'doughnut',
data: {
labels: [
'I/c','I/d','II/a','II/b','II/c','II/d','III/a','III/b','III/c','III/d','IV/a','IV/b','IV/c','IV/d','V','VII','IX','X','XI','Perlu di cek kembali', ],
datasets: [{
label: 'Jumlah',
data: [
3,14,24,59,632,707,482,997,750,1080,443,556,130,7,46,567,3260,113,2,3, ],
borderWidth: 1
}]
},
options: {
plugins: {
legend: {
display: false
},
}
}
});
</script>
<script>
const ctz = document.getElementById('myChart2');
new Chart(ctz, {
type: 'doughnut',
data: {
labels: [
'SD','SLTP','SLTA','DI','DII','DIII','DIV','S1','S2','S3','Tidak Ada', ],
datasets: [{
label: 'Jumlah',
data: [
21,54,780,9,51,1368,182,6574,832,3,1, ],
borderWidth: 1
}]
},
options: {
plugins: {
legend: {
display: false
},
}
}
});
</script>
<script>
const cta = document.getElementById('myChart3');
new Chart(cta, {
type: 'doughnut',
data: {
labels: [
'Islam','Kristen','Katholik','Hindu','Budha', ],
datasets: [{
label: 'Jumlah',
data: [
9734,71,20,38,1, ],
borderWidth: 1
}]
},
options: {
plugins: {
legend: {
display: false
},
}
}
});
</script>
<script>
var video = document.getElementById("bg-video");
var unmuteButton = document.getElementById("unmute-button");
function attemptPlay() {
video.muted = true; // Start muted to allow autoplay
var playPromise = video.play();
if (playPromise !== undefined) {
playPromise.then(_ => {
console.log("Autoplay started");
})
.catch(error => {
console.log("Autoplay prevented:", error);
});
}
}
function toggleMute() {
if (video.muted) {
video.muted = false;
unmuteButton.textContent = "Mute";
// Attempt to play if the video is paused
if (video.paused) {
video.play().catch(e => console.log("Play failed:", e));
}
} else {
video.muted = true;
unmuteButton.textContent = "Unmute";
}
}
// Attempt to play the video when the page loads
window.addEventListener('load', attemptPlay);
// Add click event listener to the unmute button
unmuteButton.addEventListener("click", toggleMute);
// Rest of your existing JavaScript code here
// (slideshow functions, etc.)
var slideIndex = 1;
showSlides(slideIndex);
var slideInterval = setInterval(function() {
plusSlides(1);
}, 5000);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
if (n > slides.length) {
slideIndex = 1
}
if (n < 1) {
slideIndex = slides.length
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex - 1].style.display = "block";
if (dots.length > 0) {
dots[slideIndex - 1].className += " active";
}
}
</script>
<!-- Template Javascript -->
<script src="https://bkpsdm.probolinggokab.go.id/treasure/js/main.js"></script>
<div style="background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; position: absolute; transition: visibility 0s linear 0.3s, opacity 0.3s linear 0s; opacity: 0; visibility: hidden; z-index: 2000000000; left: 0px; top: -10000px;"><div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: rgb(255, 255, 255); opacity: 0.05;"></div><div class="g-recaptcha-bubble-arrow" style="border: 11px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -11px; z-index: 2000000000;"></div><div class="g-recaptcha-bubble-arrow" style="border: 10px solid transparent; width: 0px; height: 0px; position: absolute; pointer-events: none; margin-top: -10px; z-index: 2000000000;"></div><div style="z-index: 2000000000; position: relative;"><iframe title="recaptcha challenge expires in two minutes" name="c-5daai0vsdzeu" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox" src="https://www.google.com/recaptcha/api2/bframe?hl=en&v=EGbODne6buzpTnWrrBprcfAY&k=6LdZYyIqAAAAAP-fbSjUxl4VdCJCBfNt-a829p0b" style="width: 100%; height: 100%;"></iframe></div></div></body></html>