- 扫描 ID：
- 3e834034-d3bc-42c6-830a-efb78037a5d7已完成
- 提交的 URL：
- https://pkmsumberjaya.gabuspucung.id/
- 报告完成时间：
链接 · 找到 9 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://mail.google.com/mail/?view=cm&fs=1&[email protected] | [email protected] |
| https://web.facebook.com/puskesmas.sumberjaya.7/?_rdc=1&_rdr | |
| https://www.instagram.com/pkmsumberjaya?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw== | |
| https://www.youtube.com/@puskesmassumberjayaofficia1208 | |
| https://play.google.com/store/apps/details?id=app.bpjs.mobile&hl=id | Daftar Sekarang |
| https://data.bpjs-kesehatan.go.id/bpjs-portal/action/loginForm.cbi# | |
| https://kemkes.go.id/id/home | |
| https://www.google.com/maps/place/Puskesmas+SUMBER+JAYA/@-6.2371176,107.067841,17z/data=!4m8!3m7!1s0x2e698f11a054fb65:0x9c3a167b7b057d99!8m2!3d-6.2371229!4d107.0704159!9m1!1b1!16s%2Fg%2F11b7kw53gg?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D | Lihat Review Google Maps Kami |
| https://wa.me/6285210131007?text=Hallo%20dengan%20pusat%20pelayanan%20puskesmas%20Sumber%20Jaya |
JavaScript 变量 · 找到 22 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| showNextSlide | function |
| showSlide | function |
| updateSlider | function |
| updateBullets | function |
| Popper | function |
控制台日志消息 · 找到 3 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| error | network |
|
| error | network |
|
| warning | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="zxx"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Orbitor,business,company,agency,modern,bootstrap4,tech,software">
<meta name="author" content="themefisher.com">
<title>Home - Puskesmas Sumberjaya</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="https://pkmsumberjaya.gabuspucung.id/images/logo-puskes.png">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- bootstrap.min css -->
<link rel="stylesheet" href="https://pkmsumberjaya.gabuspucung.id/plugins/bootstrap/css/bootstrap.min.css">
<!-- Icon Font Css -->
<link rel="stylesheet" href="https://pkmsumberjaya.gabuspucung.id/plugins/icofont/icofont.min.css">
<!-- Slick Slider CSS -->
<link rel="stylesheet" href="https://pkmsumberjaya.gabuspucung.id/plugins/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/icofont/1.0.0/icofont.min.css">
<link rel="stylesheet" href="https://pkmsumberjaya.gabuspucung.id/plugins/slick-carousel/slick/slick-theme.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="https://pkmsumberjaya.gabuspucung.id/css/style.css">
<style>
/* Membatasi lebar dropdown dan memindahkannya ke kiri */
.mega-menu {
width: auto;
/* Lebar otomatis berdasarkan konten */
max-width: 900px;
/* Maksimal lebar dropdown */
padding: 15px;
/* Padding di sekitar konten */
box-sizing: border-box;
/* Menghindari padding menambah lebar */
margin-left: -200px;
/* Menggeser dropdown sedikit ke kiri */
}
.mega-menu2 {
width: auto;
/* Lebar otomatis berdasarkan konten */
max-width: 900px;
/* Maksimal lebar dropdown */
padding: 5px;
/* Padding di sekitar konten */
box-sizing: border-box;
/* Menghindari padding menambah lebar */
/* Menggeser dropdown sedikit ke kiri */
}
#tentang-kami {
margin-left: 90px;
}
#layanan-dalam-gedung {
margin-left: 15px;
}
/* Mengatur posisi kolom dalam dropdown agar responsif */
.mega-menu .d-flex {
max-width: 100%;
/* Menjaga kolom tidak melebihi lebar dropdown */
flex-wrap: wrap;
/* Agar kolom membungkus dengan baik */
}
/* Membatasi lebar kolom dalam dropdown */
.mega-menu .col {
flex: 1 1 250px;
/* Kolom akan menyesuaikan lebar */
margin-bottom: 15px;
/* Memberikan jarak antar kolom */
}
/* Menyesuaikan jarak item dalam dropdown */
.mega-menu .dropdown-item {
padding: 10px 15px;
/* Padding item untuk kenyamanan klik */
font-size: 16px;
/* Ukuran font */
}
/* Efek hover pada dropdown item */
.mega-menu .dropdown-item:hover {
background-color: #f1f1f1;
color: #007bff;
/* Warna teks saat hover */
}
/* Menambahkan bayangan pada dropdown */
.nav-item .dropdown-menu {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
/* Bayangan halus */
}
/* Responsif - Menyesuaikan lebar dropdown pada layar kecil */
@media (max-width: 1200px) {
.mega-menu {
max-width: 100%;
/* Dropdown lebih fleksibel pada layar kecil */
margin-left: 0;
/* Menghapus margin-left di perangkat kecil */
}
.mega-menu .col {
flex: 1 1 100%;
/* Kolom akan mengambil 100% lebar pada layar kecil */
}
#tentang-kami {
margin-left: 0px;
}
#layanan-dalam-gedung {
margin-left: 0px;
}
}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body id="top">
<header>
<div class="header-top-bar">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-10">
<ul class="top-bar-info list-inline-item pl-0 mb-0">
<li class="list-inline-item">
<a href="https://mail.google.com/mail/?view=cm&fs=1&[email protected]" target="_blank"><i class="icofont-support-faq mr-2"></i>[email protected]</a>
</li>
<li class="list-inline-item">
<i class="icofont-location-pin mr-2"></i>Jalan Raya Tambun Tambalang No.25, Sumberjaya, Kec.
Tambun Sel., Kabupaten Bekasi, Jawa Barat 17510
</li>
</ul>
</div>
<div class="col-lg-2">
<div class="text-lg-right top-right-bar mt-2 mt-lg-0">
<a href="https://web.facebook.com/puskesmas.sumberjaya.7/?_rdc=1&_rdr" target="_blank" class="social-icon">
<i class="icofont-facebook mr-3"></i>
</a>
<a href="https://www.instagram.com/pkmsumberjaya?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" target="_blank" class="social-icon">
<i class="icofont-instagram mr-3"></i>
</a>
<a href="https://www.youtube.com/@puskesmassumberjayaofficia1208" target="_blank" class="social-icon">
<i class="icofont-youtube-play"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navigation" id="navbar">
<div class="container">
<a class="navbar-brand" href="https://pkmsumberjaya.gabuspucung.id">
<img src="https://pkmsumberjaya.gabuspucung.id/images/logo-puskes.png" alt="" class="img-fluid">
<h5>Puskesmas Sumber Jaya</h5>
</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarmain" aria-controls="navbarmain" aria-expanded="false" aria-label="Toggle navigation">
<span class="icofont-navigation-menu"></span>
</button>
<div class="collapse navbar-collapse" id="navbarmain">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="https://pkmsumberjaya.gabuspucung.id">Home</a>
</li>
<!-- Tentang Kami -->
<li class="nav-item dropdown mega-dropdown">
<a class="nav-link dropdown-toggle tentang-kami" href="#" id="dropdown04" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Tentang Kami <i class="fas fa-angle-down"></i>
</a>
<ul class="dropdown-menu mega-menu layanan-luar-gedung-menu" id="tentang-kami" aria-labelledby="dropdown04">
<div class="row">
<div class="col-md-4">
<h6>Profil & Visi Misi</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/tentang-kami">
<i class="fas fa-angle-right"></i> Profil Puskesmas
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/visi-misi">
<i class="fas fa-angle-right"></i> Visi dan Misi
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<h6>Fasilitas Kami</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/ruang-laktasi">
<i class="fas fa-angle-right"></i> Ruang Laktasi
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/ruang-senam">
<i class="fas fa-angle-right"></i> Ruang Senam
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/mushola">
<i class="fas fa-angle-right"></i> Mushola
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/aula">
<i class="fas fa-angle-right"></i> Aula
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<h6>Kinerja & Kontak</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/kinerja-kontak/kinerja-puskesmas">
<i class="fas fa-angle-right"></i> Kinerja Puskesmas
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/kontak-kami">
<i class="fas fa-angle-right"></i> Kontak Kami
</a>
</li>
</ul>
</div>
</div>
</ul>
</li>
<li class="nav-item dropdown mega-dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown02" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Layanan Dalam Gedung <i class="fas fa-angle-down"></i>
</a>
<ul class="dropdown-menu mega-menu" id="layanan-dalam-gedung" aria-labelledby="dropdown02">
<div class="row d-flex flex-wrap">
<div class="col-md-3">
<h6>Klaster Manajemen</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/manajemen-puskesmas"><i class="fas fa-angle-right"></i> Manajemen
Puskesmas</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/manajemen-jejaring-puskesmas"><i class="fas fa-angle-right"></i> Manajemen
Jejaring Puskesmas</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/manajemen-mutu-kesehatan-pasien"><i class="fas fa-angle-right"></i> Manajemen Mutu &
Keselamatan Pasien</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/layanan-bpjs"><i class="fas fa-angle-right"></i> Layanan BPJS</a>
</li>
</ul>
</div>
<div class="col-md-3">
<h6>Klaster Pelayanan Kesehatan Ibu dan Anak</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/layanan-kesehatan-ibu-hamil"><i class="fas fa-angle-right"></i> Layanan
Kesehatan Ibu Hamil</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/layanan-imunisasi"><i class="fas fa-angle-right"></i> Layanan
Imunisasi</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/layanan-tumbuh-kembang-anak"><i class="fas fa-angle-right"></i> Layanan Tumbuh
Kembang Anak</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/layanan-kesehatan-ibu-nifas"><i class="fas fa-angle-right"></i> Layanan
Kesehatan Ibu Nifas</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/layanan-kesehatan-anak-dan-remaja"><i class="fas fa-angle-right"></i> Layanan
Kesehatan Anak dan Remaja</a>
</li>
</ul>
</div>
<div class="col-md-2">
<h6>
Klaster Pelayanan Kesehatan Usia Dewasa dan Lanjut Usia
</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/layanan-usia-produktif"><i class="fas fa-angle-right"></i> Layanan Usia
Produktif</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/layanan-lansia"><i class="fas fa-angle-right"></i> Layanan
Lansia</a>
</li>
</ul>
</div>
<div class="col-md-2">
<h6>Klaster Penanggulangan Penyakit Menular</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/promosi-kesehatan"><i class="fas fa-angle-right"></i> Promosi
Kesehatan</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/kesehatan-lingkungan"><i class="fas fa-angle-right"></i> Kesehatan
Lingkungan</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/surveilans"><i class="fas fa-angle-right"></i> Surveilans</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/lintas-klaster"><i class="fas fa-angle-right"></i> Lintas
Klaster</a>
</li>
</ul>
</div>
<div class="col-md-2">
<h6>Laboratorium & Farmasi</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/laboratorium"><i class="fas fa-angle-right"></i> Laboratorium</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-dalam-gedung/farmasi"><i class="fas fa-angle-right"></i> Farmasi</a>
</li>
</ul>
</div>
</div>
</ul>
</li>
<!-- Layanan Luar Gedung -->
<li class="nav-item dropdown mega-dropdown">
<a class="nav-link dropdown-toggle layanan-dalam-gedung" href="#" id="dropdown03" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Layanan Luar Gedung <i class="fas fa-angle-down"></i>
</a>
<ul class="dropdown-menu mega-menu layanan-dalam-gedung-menu" aria-labelledby="dropdown03" style="margin-right: 0;">
<div class="d-flex flex-wrap">
<div class="col-md-2">
<h6>Upaya Kesehatan Masyarakat Esensial</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-promosi-kesehatan">
<i class="fas fa-angle-right"></i> Program Promosi
Kesehatan
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-upaya-kesehatan-sekolah-dan-pkkpr">
<i class="fas fa-angle-right"></i> Program Upaya
Kesehatan Sekolah (UKS) dan PKPR
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-upaya-kesehatan-gigi-sekolah">
<i class="fas fa-angle-right"></i> Program Upaya
Kesehatan Gigi Sekolah (UKGS)
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-pemberdayaan-serta-masyarakat">
<i class="fas fa-angle-right"></i> Program
Pemberdayaan Serta Masyarakat
</a>
</li>
</ul>
</div>
<div class="col-md-2">
<h6>Program Kesehatan</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-kesehatan-lingkungan">
<i class="fas fa-angle-right"></i> Program Kesehatan
Lingkungan
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-kesehatan-ibu">
<i class="fas fa-angle-right"></i> Program Kesehatan
Ibu
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-kesehatan-anak">
<i class="fas fa-angle-right"></i> Program Kesehatan
Anak
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-keluarga-berencana-dan-ktpa">
<i class="fas fa-angle-right"></i> Program Keluarga
Berencana dan KTPA
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-gizi">
<i class="fas fa-angle-right"></i> Program Gizi
</a>
</li>
</ul>
</div>
<div class="col-md-2">
<h6>Program Pencegahan Penyakit Menular</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-surveilans-epidemiologi">
<i class="fas fa-angle-right"></i> Program
Surveilans Epidemiologi
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-pencegahan-penyakit-hiv-dan-ims">
<i class="fas fa-angle-right"></i> Program
Pencegahan Penyakit HIV dan IMS
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-pencegahan-penyakit-tb">
<i class="fas fa-angle-right"></i> Program
Pencegahan Penyakit TB
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-pencegahan-penyakit-kusta">
<i class="fas fa-angle-right"></i> Program
Pencegahan Penyakit Kusta
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-pencegahan-penyakit-hepatitis-diare-ispa">
<i class="fas fa-angle-right"></i> Program
Pencegahan Penyakit Hepatitis, Diare, ISPA
</a>
</li>
</ul>
</div>
<div class="col-md-2">
<h6>Program Imunisasi & Vektor Zoonotik</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-pencegahan-penyakit-dengan-imunisasi">
<i class="fas fa-angle-right"></i> Program Penyakit
yang Dapat Dicegah dengan Imunisasi (PD3I)
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-pencegahan-penyakit-tular-vektor-zoonotik">
<i class="fas fa-angle-right"></i> Program
Pencegahan Penyakit Tular Vektor Zoonotik (P2PTVZ)
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-pencegahan-penyakit-tidak-menular">
<i class="fas fa-angle-right"></i> Program Penyakit
Tidak Menular
</a>
</li>
</ul>
</div>
<div class="col-md-2">
<h6>Program Kesehatan Mental & Napza</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-kesehatan-jiwa-dan-napza">
<i class="fas fa-angle-right"></i> Program Kesehatan
Jiwa dan Napza
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-keperawatan-kesehatan-masyarakat">
<i class="fas fa-angle-right"></i> Program
Keperawatan Kesehatan Masyarakat (Perkesmas)
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/upaya-kesehatan-masyarakat-pengembangan">
<i class="fas fa-angle-right"></i> Upaya Kesehatan
Masyarakat Pengembangan
</a>
</li>
</ul>
</div>
<div class="col-md-2">
<h6>Program Lanjutan & Khusus</h6>
<ul class="list-unstyled">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-ketuk-pintu-layani-dengan-hati">
<i class="fas fa-angle-right"></i> Program Ketuk
Pintu Layani Dengan Hati (KPLDH)
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-kesehatan-lanjut-usia">
<i class="fas fa-angle-right"></i> Program Kesehatan
Lanjut Usia
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-kesehatan-kerja-dan-olahraga">
<i class="fas fa-angle-right"></i> Program Kesehatan
Kerja dan Olahraga
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/layanan-luar-gedung/program-kesehatan-tradisional">
<i class="fas fa-angle-right"></i> Program Kesehatan
Tradisional
</a>
</li>
</ul>
</div>
</div>
</ul>
</li>
<li class="nav-item galeri-dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown05" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Galeri <i class="fas fa-angle-down"></i>
</a>
<ul class="dropdown-menu mega-menu layanan-dalam-gedung-menu" aria-labelledby="dropdown05">
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/galeri/artikel">
<i class="fas fa-angle-right"></i> Artikel
</a>
</li>
<li>
<a class="dropdown-item" href="https://pkmsumberjaya.gabuspucung.id/galeri/dokumentasi-kegiatan">
<i class="fas fa-angle-right"></i> Dokumentasi Kegiatan
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<a href="https://play.google.com/store/apps/details?id=app.bpjs.mobile&hl=id" class="btn btn-main btn-round-full" id="ilang" style="margin-top: -6px; margin-right: 20px">Daftar
Sekarang</a>
</nav>
</header>
<!-- Slider Start -->
<div class="slider-container">
<div class="slider">
<div class="slide" style="background-image: url('https://monitoring-puskesmas.rakitaweb.co.id/storage/banner/1731431761-banner1.jpg')"></div>
<div class="slide" style="background-image: url('https://monitoring-puskesmas.rakitaweb.co.id/storage/banner/1731431772-banner2.jpg')"></div>
<div class="slide" style="background-image: url('https://monitoring-puskesmas.rakitaweb.co.id/storage/banner/1731431781-banner3.jpg')"></div>
</div>
</div>
<section class="features">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="feature-block d-lg-flex">
<div class="feature-item mb-5 mb-lg-0">
<div class="feature-icon mb-4">
<i class="icofont-surgeon-alt"></i>
</div>
<span>8 Jam Pelayanan Operasional</span>
<h4 class="mb-3">Pelayanan Offline Kami</h4>
<p class="mb-4">
Kami siap melayani Anda secara langsung dengan sepenuh hati,
Anda senang kami pun puas.
</p>
<a href="https://pkmsumberjaya.gabuspucung.id/kontak-kami" class="btn btn-main btn-round-full">Yuk, Gabung
Sekarang</a>
</div>
<div class="feature-item mb-5 mb-lg-0">
<div class="feature-icon mb-4">
<i class="icofont-ui-clock"></i>
</div>
<span>Jadwal Buka</span>
<h4 class="mb-3">Jam Kerja Kami</h4>
<ul class="w-hours list-unstyled">
<li class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-start" style="width: 100%;">
<span style="width: 100px;">Senin</span>
<span style="margin: 0 5px;">:</span>
<span style="width: 150px;">08:00 - 17:00</span>
</div>
</li>
<li class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-start" style="width: 100%;">
<span style="width: 100px;">Selasa</span>
<span style="margin: 0 5px;">:</span>
<span style="width: 150px;">08:00 - 17:00</span>
</div>
</li>
<li class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-start" style="width: 100%;">
<span style="width: 100px;">Rabu</span>
<span style="margin: 0 5px;">:</span>
<span style="width: 150px;">08:00 - 17:00</span>
</div>
</li>
<li class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-start" style="width: 100%;">
<span style="width: 100px;">Kamis</span>
<span style="margin: 0 5px;">:</span>
<span style="width: 150px;">08:00 - 17:00</span>
</div>
</li>
<li class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-start" style="width: 100%;">
<span style="width: 100px;">Jumat</span>
<span style="margin: 0 5px;">:</span>
<span style="width: 150px;">08:00 - 17:00</span>
</div>
</li>
<li class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-start" style="width: 100%;">
<span style="width: 100px;">Sabtu</span>
<span style="margin: 0 5px;">:</span>
<span style="width: 150px;">08:00 - 15:00</span>
</div>
</li>
<li class="d-flex justify-content-between align-items-center">
<div class="d-flex justify-content-start" style="width: 100%;">
<span style="width: 100px;">Minggu</span>
<span style="margin: 0 5px;">:</span>
<span style="width: 150px;">Tutup</span>
</div>
</li>
</ul>
</div>
<div class="feature-item mb-5 mb-lg-0">
<div class="feature-icon mb-4">
<i class="icofont-support"></i>
</div>
<span>Nomor Whatsapp Kami</span>
<h4 class="mb-3">+62 813-1080-6087</h4>
<p>
Hubungi nomor pelayanan resmi kami, dan chat cs kami melalui
nomor tersebut agar cs kami mencatat keluhan anda dengan
sigap.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section about">
<div class="container">
<div class="row align-items-center" style="display: flex; max-width: 1200px; gap: 20px">
<!-- Kolom Kiri: Judul, Deskripsi, dan Gambar -->
<div class="col-lg-4 col-sm-6" style="flex: 1">
<h2 style="
font-size: 1.8em;
font-weight: bold;
color: #1a2a6c;
margin-bottom: 15px;
">
Pendaftaran Online
</h2>
<p style="color: #555; margin-bottom: 20px">
Daftarkan diri anda untuk mendapatkan pelayanan langsung bersama
kami di Puskesmas Sumber Jaya.
</p>
</div>
<!-- Kolom Kanan: Slider Gambar -->
<div class="col-lg-8 col-sm-6" style="
flex: 2;
position: relative;
overflow: hidden;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
">
<div id="slider" style="display: flex; transition: transform 0.5s ease 0s; transform: translateX(-100%);">
<!-- Slide 1 -->
<div class="slide" style="min-width: 100%; text-align: center">
<a href="https://play.google.com/store/apps/details?id=app.bpjs.mobile&hl=id">
<img src="https://pkmsumberjaya.gabuspucung.id/images/JKN.webp" alt="JKN Mobile" class="img-fluid" style="
width: 60%;
border-radius: 10px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
">
</a>
</div>
<!-- Slide 2 -->
<div class="slide" style="min-width: 100%; text-align: center">
<a href="https://data.bpjs-kesehatan.go.id/bpjs-portal/action/loginForm.cbi#">
<img src="https://pkmsumberjaya.gabuspucung.id/images/bpjs.jpg" alt="BPJS" class="img-fluid" style="
width: 60%;
border-radius: 10px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
">
</a>
</div>
<!-- Slide 3 -->
<div class="slide" style="min-width: 100%; text-align: center">
<a href="https://kemkes.go.id/id/home">
<img src="https://pkmsumberjaya.gabuspucung.id/images/kemenkes1.png" alt="Kemenkes" class="img-fluid" style="
width: 60%;
border-radius: 10px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
">
</a>
</div>
</div>
<!-- Bullets -->
<div id="bullets" style="text-align: center; margin-top: 10px">
<span class="bullet" style="height: 10px; width: 10px; margin: 0px 5px; background-color: rgb(187, 187, 187); border-radius: 50%; display: inline-block; cursor: pointer;" onclick="showSlide(0)"></span>
<span class="bullet active" style="height: 10px; width: 10px; margin: 0px 5px; background-color: rgb(113, 113, 113); border-radius: 50%; display: inline-block; cursor: pointer;" onclick="showSlide(1)"></span>
<span class="bullet" style="
height: 10px;
width: 10px;
margin: 0 5px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
cursor: pointer;
" onclick="showSlide(2)"></span>
</div>
</div>
</div>
</div>
</section>
<section class="cta-section">
<div class="container">
<div class="cta position-relative">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="counter-stat">
<i class="icofont-globe"></i>
<span class="h3">89</span>
<p>Kunjungan Website</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="counter-stat">
<i class="icofont-calendar"></i>
<span class="h3">1</span>+
<p>Kalender Kesehatan</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<div class="counter-stat">
<i class="icofont-badge"></i>
<span class="h3">0</span>+
<p>Jumlah Layanan Aktif</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="image-carousel">
<div class="container">
<div class="carousel-header text-center">
<h2>Our Services Gallery</h2>
<div class="divider mx-auto my-4"></div>
<p>Discover our services through our gallery.</p>
</div>
<div id="carouselExample" class="carousel slide" data-ride="carousel" data-interval="5000">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExample" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<section class="section health-calendar">
<div class="container">
<h2 class="section-title">Kalender Kesehatan</h2>
<div class="row">
<div class="col-lg-5 col-md-6 col-md-12 event-list">
<h3 class="text-center">Jadwal Acara</h3>
<ul>
<li>
<strong class="">Hari Kesehatan Nasional</strong>
<span>15 November 2024</span>
</li>
</ul>
</div>
<div class="col-lg-7 col-md-6 col-sm-12 calendar">
<h3 style="text-align: center">Kalender Bulan Ini</h3>
<div class="calendar-display">
<div id="calendar"><table class="calendar-table"><tbody><tr><th colspan="7">December 2024</th></tr><tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr><tr><td>1</td><td>2</td><td>3</td><td class="today">4</td><td>5</td><td>6</td><td>7</td></tr><tr><td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td></tr><tr><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td></tr><tr><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td></tr><tr><td>29</td><td>30</td><td>31</td></tr></tbody></table></div>
</div>
</div>
</div>
</div>
</section>
<section class="section clients">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7">
<div class="section-title text-center">
<h2>Kami Telah Di Percayai Oleh</h2>
<div class="divider mx-auto my-4"></div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row clients-logo">
<div class="col-lg-2">
<div class="client-thumb">
<img src="http://127.0.0.1:8000/storage/partner/1731245303-trial-1.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</section>
<section class="keunggulan">
<div class="container" style="padding: 50px">
<div class="features">
<div class="feature" style="background-color: #fff">
<i class="fas fa-hospital icon-pelayanan"></i>
<!-- Ikon Pelayanan -->
<h3>Pelayanan</h3>
<p>Pelayanan kesehatan yang cepat dan ramah untuk semua pasien.</p>
</div>
<div class="feature" style="background-color: #fff">
<i class="fas fa-ambulance icon-ambulance"></i>
<!-- Ikon Ambulance -->
<h3>Ambulance</h3>
<p>Layanan ambulance untuk keadaan darurat.</p>
</div>
<div class="feature" style="background-color: #fff">
<i class="fas fa-user-md icon-tenaga-medis"></i>
<!-- Ikon Tenaga Medis -->
<h3>Tenaga Medis</h3>
<p>Tenaga medis berpengalaman dan terlatih siap membantu.</p>
</div>
</div>
<a href="https://www.google.com/maps/place/Puskesmas+SUMBER+JAYA/@-6.2371176,107.067841,17z/data=!4m8!3m7!1s0x2e698f11a054fb65:0x9c3a167b7b057d99!8m2!3d-6.2371229!4d107.0704159!9m1!1b1!16s%2Fg%2F11b7kw53gg?entry=ttu&g_ep=EgoyMDI0MTAxNi4wIKXMDSoASAFQAw%3D%3D" class="btn">Lihat Review Google Maps Kami</a>
</div>
</section>
<script>
// JavaScript untuk Slider Otomatis
let currentSlide = 0;
const slides = document.querySelectorAll("#slider .slide");
const totalSlides = slides.length;
// Fungsi untuk menunjukkan slide berikutnya
function showNextSlide() {
currentSlide = (currentSlide + 1) % totalSlides; // Looping ke slide berikutnya
updateSlider();
}
// Fungsi untuk menunjukkan slide berdasarkan indeks yang dipilih
function showSlide(index) {
currentSlide = index; // Set current slide ke indeks yang dipilih
updateSlider();
}
// Fungsi untuk memperbarui tampilan slider dan bullets
function updateSlider() {
// Pindahkan slider ke posisi yang sesuai
document.getElementById("slider").style.transform = `translateX(-${
currentSlide * 100
}%)`;
// Memperbarui bullets
updateBullets();
}
// Fungsi untuk memperbarui status bullets
function updateBullets() {
const bullets = document.querySelectorAll(".bullet");
bullets.forEach((bullet, index) => {
// Mengatur kelas active pada bullet yang sesuai dengan currentSlide
bullet.classList.remove("active"); // Hapus kelas active dari semua bullet
if (index === currentSlide) {
bullet.classList.add("active"); // Tambahkan kelas active hanya pada bullet yang sesuai
bullet.style.backgroundColor = "#717171"; // Mengubah warna bullet aktif
} else {
bullet.style.backgroundColor = "#bbb"; // Warna bullet yang tidak aktif
}
});
}
// Slide otomatis setiap 3 detik
setInterval(showNextSlide, 3000);
// Inisialisasi: Menunjukkan bullet yang aktif saat pertama kali dimuat
updateBullets();
</script>
<section class="hubungi-kami">
<div class="container">
<div class="whatsapp-icon">
<a href="https://wa.me/6285210131007?text=Hallo%20dengan%20pusat%20pelayanan%20puskesmas%20Sumber%20Jaya" id="whatsapp-link" target="_blank">
<i class="fab fa-whatsapp"></i>
</a>
</div>
<p id="typing-text">Hubungi KamiHubungi CS Kami</p>
</div>
</section>
<!-- footer Start -->
<footer class="footer section gray-bg">
<div class="container">
<div class="row">
<div class="col-lg-4 mr-auto col-sm-6">
<div class="widget mb-5 mb-lg-0">
<div class="logo mb-4">
<img src="images/Logo Puskesmas.png" alt="" class="img-fluid">
</div>
<ul class="list-inline footer-socials mt-4">
<li class="list-inline-item">
<a href="https://web.facebook.com/puskesmas.sumberjaya.7/?_rdc=1&_rdr"><i class="icofont-facebook"></i></a>
</li>
<li class="list-inline-item">
<a href="https://www.youtube.com/@puskesmassumberjayaofficia1208"><i class="icofont-youtube-play"></i></a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com/pkmsumberjaya?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="><i class="icofont-instagram"></i></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widget mb-5 mb-lg-0">
<h4 class="text-capitalize mb-3">Fasilitas Kami</h4>
<div class="divider mb-4"></div>
<ul class="list-unstyled footer-menu lh-35">
<li><a href="https://pkmsumberjaya.gabuspucung.id/ruang-laktasi">Ruang Laktasi </a></li>
<li><a href="https://pkmsumberjaya.gabuspucung.id/ruang-senam">Ruang Senam</a></li>
<li><a href="https://pkmsumberjaya.gabuspucung.id/mushola">Mushola</a></li>
<li><a href="https://pkmsumberjaya.gabuspucung.id/aula">Aula</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widget mb-5 mb-lg-0">
<h4 class="text-capitalize mb-3">Layanan Kami</h4>
<div class="divider mb-4"></div>
<ul class="list-unstyled footer-menu lh-35">
<li><a href="#">Layanan Dalam Gedung</a></li>
<li><a href="#">Layanan Luar Gedung</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget-contact mb-5 mb-lg-0">
<h4 class="text-capitalize mb-3">Hubungi Kami</h4>
<div class="divider mb-4"></div>
<div class="footer-contact-block mb-4">
<div class="icon d-flex align-items-center">
<i class="icofont-email mr-3"></i>
<span class="h6 mb-0">Email :</span>
</div>
<h4 class="mt-2">
<a href="https://mail.google.com/mail/?view=cm&fs=1&[email protected]" target="_blank">[email protected]</a>
</h4>
</div>
<div class="footer-contact-block">
<div class="icon d-flex align-items-center">
<i class="icofont-support mr-3"></i>
<span class="h6 mb-0">Jam Layanan</span>
</div>
<h4 class="mt-2">
<a href="tel:+23-345-67890">8 Jam Operasional</a>
</h4>
</div>
</div>
</div>
</div>
<div class="footer-btm py-4 mt-5">
<div class="row align-items-center justify-content-between">
<div class="col-lg-6">
<div class="copyright">
© Copyright Reserved to
<span class="text-color">Puskesmas SumberJaya</span>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--
Essential Scripts
=====================================-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- Main jQuery -->
<script src="https://pkmsumberjaya.gabuspucung.id/plugins/jquery/jquery.js"></script>
<!-- Bootstrap 4.3.2 -->
<script src="https://pkmsumberjaya.gabuspucung.id/plugins/bootstrap/js/popper.js"></script>
<script src="https://pkmsumberjaya.gabuspucung.id/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="https://pkmsumberjaya.gabuspucung.id/plugins/counterup/jquery.easing.js"></script>
<!-- Slick Slider -->
<script src="https://pkmsumberjaya.gabuspucung.id/plugins/slick-carousel/slick/slick.min.js"></script>
<!-- Counterup -->
<script src="https://pkmsumberjaya.gabuspucung.id/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="https://pkmsumberjaya.gabuspucung.id/plugins/shuffle/shuffle.min.js"></script>
<script src="https://pkmsumberjaya.gabuspucung.id/plugins/counterup/jquery.counterup.min.js"></script>
<!-- Google Map -->
<script src="https://pkmsumberjaya.gabuspucung.id/plugins/google-map/map.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkeLMlsiwzp6b3Gnaxd86lvakimwGA6UA&callback=initMap">
</script>
<script src="https://pkmsumberjaya.gabuspucung.id/js/script.js"></script>
<script src="https://pkmsumberjaya.gabuspucung.id/js/contact.js"></script>
<script>
const textElement = document.getElementById("typing-text");
const originalText = "Hubungi CS Kami";
const hoverText = "Klik icon WhatsApp untuk menghubungi CS kami";
let index = 0;
function typeText() {
if (index < originalText.length) {
textElement.textContent += originalText.charAt(index);
index++;
setTimeout(typeText, 150); // Kecepatan mengetik
} else {
setTimeout(resetText, 2000); // Tunda sebelum teks di-reset
}
}
function resetText() {
textElement.textContent = "";
index = 0;
setTimeout(typeText, 500); // Mulai mengetik ulang
}
// Mulai efek mengetik saat halaman dimuat
document.addEventListener("DOMContentLoaded", (event) => {
typeText();
});
// Ganti teks saat di-hover
const whatsappIcon = document.querySelector(".whatsapp-icon");
whatsappIcon.addEventListener("mouseenter", () => {
textElement.textContent = hoverText;
});
whatsappIcon.addEventListener("mouseleave", () => {
textElement.textContent = originalText;
resetText(); // Mulai efek mengetik lagi setelah hover
});
</script>
<script>
// Script to handle image preview modal
$(document).ready(function() {
$(".preview-btn").on("click", function() {
window.location.href = "https://pkmsumberjaya.gabuspucung.id/galeri/dokumentasi-kegiatan";
});
});
</script>
<!-- Kalender -->
<script>
function createCalendar(month, year) {
const monthNames = [
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December",
];
const daysInMonth = new Date(year, month + 1, 0).getDate();
const firstDay = new Date(year, month, 1).getDay();
const today = new Date();
let calendar = '<table class="calendar-table"><tr>';
calendar += `<th colspan="7">${monthNames[month]} ${year}</th></tr><tr>`;
const weekDays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
weekDays.forEach((day) => {
calendar += `<th>${day}</th>`;
});
calendar += "</tr><tr>";
// Menampilkan ruang kosong untuk hari sebelum tanggal 1
for (let i = 0; i < firstDay; i++) {
calendar += "<td></td>";
}
// Menampilkan tanggal
for (let date = 1; date <= daysInMonth; date++) {
const isToday =
date === today.getDate() &&
month === today.getMonth() &&
year === today.getFullYear();
calendar += `<td${isToday ? ' class="today"' : ""}>${date}</td>`;
if ((date + firstDay) % 7 === 0) {
calendar += "</tr><tr>";
}
}
calendar += "</tr></table>";
return calendar;
}
const today = new Date();
document.getElementById("calendar").innerHTML = createCalendar(
today.getMonth(),
today.getFullYear()
);
</script>
</body></html>