- ID de l'analyse :
- 3e834034-d3bc-42c6-830a-efb78037a5d7Terminée
- URL soumise :
- https://pkmsumberjaya.gabuspucung.id/
- Fin du rapport :
Liens : 9 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| 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 |
Variables JavaScript : 22 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| showNextSlide | function |
| showSlide | function |
| updateSlider | function |
| updateBullets | function |
| Popper | function |
Messages de journal de console : 3 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| error | network |
|
| error | network |
|
| warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!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>