- Scan ID:
- 680359a0-2ee1-45ce-8e40-62810fbc6a6fFinished
- Submitted URL:
- https://mpp.cimahikota.go.id/
- Report Finished:
Links · 5 found
The outgoing links identified from the page
Link | Text |
---|---|
https://mppdigital.jabarprov.go.id/mppdigital/360/cimahi | MPP DigitalKota Cimahi |
https://www.lapor.go.id/ | PengaduanDan Keluhan |
https://docs.google.com/forms/d/1VT9iDv0e1urs21YT8Jc7FaOd2XhXStssh-K8VG7T9Rc | Survey Kepuasan Masyarakat |
https://play.google.com/store/apps/details?id=com.alvilab.mppcimahi | |
https://instagram.com/mpp.cimahikota | mpp.cimahikota |
JavaScript Variables · 13 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 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
feather | object |
TreemapSquared | object |
SVG | function |
Apex | object |
ApexCharts | function |
$ | function |
Console log messages · 3 found
Messages logged to the web console
Type | Category | Log |
---|---|---|
error | network |
|
error | network |
|
error | network |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/css/app.css" rel="stylesheet">
<title>Mal Pelayanan Publik Kota Cimahi</title>
<link rel="shortcut icon" href="https://mpp.cimahikota.go.id/img/favicon.png" type="image/x-icon">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<script src="https://mpp.cimahikota.go.id/js/feather.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<style>
.chat-services{
transition: .5s;
max-height: 0;
}
.chat-services.expand{
max-height: 350px;
}
.message {
max-width: 250px;
}
.chat-modal{
transition: .5s;
opacity: 0;
transform: translateX(500px);
}
.chat-modal.show{
opacity: 1;
transform: translateX(0);
}
@keyframes animateModal {
from{
transform: translateX(200px) opacity(0);
}
to{
transform: translateX(0) opacity(1);
}
}
</style>
<link rel="stylesheet" href="https://mpp.cimahikota.go.id/vendor/owlcarousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://mpp.cimahikota.go.id/vendor/owlcarousel/assets/owl.theme.default.min.css">
<style>
html, body {
scroll-behavior: smooth
}
/* custom owl css */
.carousel-wrapper {
width: 1000px;
margin: auto;
position: relative;
text-align: center;
font-family: sans-serif;
}
.owl-carousel .owl-nav {
overflow: hidden;
height: 0px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #fff;
}
.owl-carousel .item {
text-align: center;
}
.owl-carousel .nav-button {
height: 50px;
width: 40px;
cursor: pointer;
position: absolute;
top: 43%;
transform: translateY(-43%);
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
pointer-events: none;
opacity: 0.25;
}
.owl-carousel .owl-prev {
left: 28px;
}
.owl-carousel .owl-next {
right: 28px;
}
.owl-theme .owl-nav [class*=owl-] {
font-size: 40px;
color: #E67817;
background: #ffff;
border-radius: 8px;
line-height: 1;
}
.owl-theme .owl-nav [class*=owl-]:hover{
color: #ffff;
background: #E67817;
}
.owl-theme .owl-dots{
position: absolute;
left: 0;
right: 0;
bottom:2rem;
}
.download-section {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,242,251,1) 50%, rgba(238,242,251,1) 100%);
padding-top: 50px
}
.gradient {
background: rgb(238,242,251);
background: linear-gradient(180deg, rgba(238,242,251,1) 0%, rgba(238,242,251,1) 50%, rgba(255,255,255,1) 100%);
}
.mpp-digital, .pengaduan, .antrian, .survey {
border-radius: 15px;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.mpp-digital {
background-image: url('https://mpp.cimahikota.go.id/img/digital.jpg');
}
.pengaduan {
background-image: url('https://mpp.cimahikota.go.id/img/pengaduan.jpg');
}
.antrian {
background-image: url('https://mpp.cimahikota.go.id/img/booking.jpg');
}
.survey {
background-image: url('https://mpp.cimahikota.go.id/img/survey.jpg');
}
</style>
</head>
<body class="overflow-hidden">
<nav class="bg-white border-b">
<div class="container">
<div class="relative flex items-center justify-items-start py-2">
<a href="/" class="flex-grow-0 flex items-center">
<img class="w-16 mr-3" src="https://mpp.cimahikota.go.id/img/logo_cimahi.png" alt="Logo">
<h1 class="font-semibold text-sm text-gray-800">Mal Pelayanan Publik <span class="block text-primary">Kota Cimahi</span></h1>
</a>
<div class="hidden lg:block lg:ml-auto lg:mr-6">
<div class="flex space-x-1">
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
<a href="https://mpp.cimahikota.go.id" class="bg-yellow-50 text-primary hover:text-primary hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium">Beranda</a>
<a href="https://mpp.cimahikota.go.id/halaman/profil_mpp" class="text-gray-700 hover:text-primary hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium">Profil MPP</a>
<a href="https://mpp.cimahikota.go.id/berita" class="text-gray-700 hover:text-primary hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium">Berita</a>
<a href="https://mpp.cimahikota.go.id/statistik" class="text-gray-700 hover:text-primary hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium">Statistik</a>
<a href="https://mpp.cimahikota.go.id/saran" class="text-gray-700 hover:text-primary hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium">Saran & Aduan</a>
<a href="https://mpp.cimahikota.go.id/paparan" class="text-gray-700 hover:text-primary hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium">Paparan</a>
<div class="dropdown tracking-wide relative cursor-pointer text-gray-700 hover:text-primary hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium">
<span>Lainnya</span>
<div class="dropdown-menu top-0 left-0 absolute hidden h-auto z-10 bg-white shadow-lg p-1 rounded-lg mt-9">
<a href="https://mpp.cimahikota.go.id/realisasi-investasi" class="text-gray-700 hover:text-primary whitespace-nowrap hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium block">Realisasi Investasi</a>
<a href="https://mpp.cimahikota.go.id/konsultasi" class="text-gray-700 hover:text-primary whitespace-nowrap hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium block">Konsultasi Perizinan</a>
<a href="https://mpp.cimahikota.go.id/lacak-permohonan-masyarakat" class="text-gray-700 hover:text-primary whitespace-nowrap hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium block">Lacak Permohonan Masyarakat</a>
<a href="https://mpp.cimahikota.go.id/qna" class="text-gray-700 hover:text-primary whitespace-nowrap hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium block">QNA</a>
<a href="https://mpp.cimahikota.go.id/alur-booking-antrian-online" class="text-gray-700 hover:text-primary whitespace-nowrap hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium block">Alur Booking Online</a>
<a href="https://mpp.cimahikota.go.id/kebijakan-privasi" class="text-gray-700 hover:text-primary whitespace-nowrap hover:bg-yellow-50 px-3 py-2 rounded-md text-sm font-medium block">Kebijakan Privasi</a>
</div>
</div>
</div>
</div>
<div class="hidden lg:block">
<a href="https://mpp.cimahikota.go.id/lang/en" class="border border-gray-200 text-gray-500 hover:text-gray-600 hover:bg-gray-50 rounded px-3 py-1 inline-block">
<img class="h-4 inline" src="https://mpp.cimahikota.go.id/img/en.svg" alt="">
<span class="text-xs font-medium ">Change Languange</span>
</a>
</div>
<div class="lg:hidden ml-auto">
<!-- Mobile menu button-->
<button onclick="mainMenuToggle()" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-white hover:bg-primary" aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open main menu</span>
<!--
Icon when menu is closed.
Heroicon name: outline/menu
Menu open: "hidden", Menu closed: "block"
-->
<svg class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
<!--
Icon when menu is open.
Heroicon name: outline/x
Menu open: "block", Menu closed: "hidden"
-->
<svg class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div>
<!-- Mobile menu, show/hide based on menu state. -->
<div class="hidden lg:hidden" id="mobile-menu">
<div class="px-2 pt-2 pb-3 space-y-1">
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
<a href="https://mpp.cimahikota.go.id" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Beranda</a>
<a href="https://mpp.cimahikota.go.id/halaman/profil_mpp" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Profil MPP</a>
<a href="https://mpp.cimahikota.go.id/berita" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Berita</a>
<a href="https://mpp.cimahikota.go.id/statistik" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Statistik</a>
<a href="https://mpp.cimahikota.go.id/saran" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Saran & Aduan</a>
<a href="https://mpp.cimahikota.go.id/paparan" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Paparan</a>
<a href="https://mpp.cimahikota.go.id/realisasi-investasi" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Realisasi Investasi</a>
<a href="https://mpp.cimahikota.go.id/konsultasi" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Konsultasi Perizinan</a>
<a href="https://mpp.cimahikota.go.id/lacak-permohonan-masyarakat" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Lacak Permohonan Masyarakat</a>
<a href="https://mpp.cimahikota.go.id/qna" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">QNA</a>
<a href="https://mpp.cimahikota.go.id/alur-booking-antrian-online" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Alur Booking Online</a>
<a href="https://mpp.cimahikota.go.id/kebijakan-privasi" class="text-gray-700 hover:text-primary hover:bg-yellow-50 block px-3 py-2 rounded-md text-base font-medium">Kebijakan Privasi</a>
</div>
</div>
</nav>
<section>
<div class="banner-hero owl-carousel owl-theme my-3 mb-6 owl-loaded owl-drag">
<!-- <div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/img/banner.png" alt="">
</div>
<div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/img/banner.png" alt="">
</div> -->
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1400px, 0px, 0px); transition: all 0.25s ease 0s; width: 5000px; padding-left: 50px; padding-right: 50px;"><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/slider/1669345492.jpg" alt="">
</div></div><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/slider/1669345474.jpg" alt="">
</div></div><div class="owl-item active" style="width: 690px; margin-right: 10px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/slider/1669345929.jpg" alt="">
</div></div><div class="owl-item" style="width: 690px; margin-right: 10px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/slider/1669345492.jpg" alt="">
</div></div><div class="owl-item" style="width: 690px; margin-right: 10px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/slider/1669345474.jpg" alt="">
</div></div><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/slider/1669345929.jpg" alt="">
</div></div><div class="owl-item cloned" style="width: 690px; margin-right: 10px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/slider/1669345492.jpg" alt="">
</div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><div class="nav-button owl-prev shadow-md">‹</div></button><button type="button" role="presentation" class="owl-next"><div class="nav-button owl-next shadow-md">›</div></button></div><div class="owl-dots"><button role="button" class="owl-dot active"><span></span></button><button role="button" class="owl-dot"><span></span></button><button role="button" class="owl-dot"><span></span></button></div></div>
<div class="download-section">
<div class="mx-4 lg:mx-14 2xl:mx-32">
<div class="flex items-center gap-4 flex justify-center">
<div class="border border-neutral-200 w-64 hidden lg:block"></div>
<p class="text-sm text-center lg:text-lg font-medium text-neutral-500">Membuat Pelayanan Publik Mudah, Mulai dari Digital hingga Realitas</p>
<div class="border border-neutral-200 w-64 hidden lg:block"></div>
</div>
<div class="grid grid-cols-2 gap-4 md:grid-cols-4 md:gap-3 pt-10 text-white text-xs lg:text-xl font-semibold">
<div class="mpp-digital bg-top bg-cover bg-gray-400 bg-blend-multiply h-28 lg:h-40 relative cursor-pointer">
<a href="https://mppdigital.jabarprov.go.id/mppdigital/360/cimahi" target="_blank">
<div class="absolute bottom-0 h-3/4 w-full rounded-b-2xl" style="background: linear-gradient(transparent 0%, #000000 100%);">
<h1 class="absolute bottom-5 px-2 lg:px-5">MPP Digital <span class="block">Kota Cimahi</span></h1>
<img src="img/metaverse.png" class="h-7 lg:h-10 absolute bottom-5 right-2 lg:right-5">
</div>
</a>
</div>
<div class="pengaduan bg-top bg-cover bg-gray-400 bg-blend-multiply h-28 lg:h-40 relative cursor-pointer">
<a href="https://www.lapor.go.id/" target="_blank">
<div class="absolute bottom-0 h-3/4 w-full rounded-b-2xl" style="background: linear-gradient(transparent 0%, #000000 100%);">
<h1 class="absolute bottom-5 px-2 lg:px-5">Pengaduan <span class="block">Dan Keluhan</span></h1>
<img src="img/customer-service.png" class="h-7 lg:h-10 absolute bottom-5 right-2 lg:right-5">
</div>
</a>
</div>
<div class="antrian bg-bottom bg-cover bg-gray-400 bg-blend-multiply h-28 lg:h-40 relative cursor-pointer">
<a href="#app">
<div class="absolute bottom-0 h-3/4 w-full rounded-b-2xl" style="background: linear-gradient(transparent 0%, #000000 100%);">
<h1 class="absolute bottom-5 px-2 lg:px-5">Booking <span class="block">Antrian Online</span></h1>
<img src="img/smartphone-call.png" class="h-7 lg:h-10 absolute bottom-5 right-2 lg:right-5">
</div>
</a>
</div>
<div class="survey bg-bottom bg-cover bg-gray-400 bg-blend-multiply h-28 lg:h-40 relative cursor-pointer">
<a href="https://docs.google.com/forms/d/1VT9iDv0e1urs21YT8Jc7FaOd2XhXStssh-K8VG7T9Rc" target="_blank">
<div class="absolute bottom-0 h-3/4 w-full rounded-b-2xl" style="background: linear-gradient(transparent 0%, #000000 100%);">
<h1 class="absolute bottom-5 px-2 lg:px-5">Survey Kepuasan<span class="block"> Masyarakat</span></h1>
<img src="img/file.png" class="h-6 lg:h-10 absolute bottom-5 right-2 lg:right-5">
</div>
</a>
</div>
</div>
</div>
</div></section>
<section class="py-16 gradient">
<div class="container">
<div class="mb-8">
<form action="/">
<div class="w-full md:w-1/2 m-auto relative">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search text-gray-400 absolute inset-3 w-7 h-7"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
<input type="text" name="nama_layanan" class="form-input pl-12 text-lg py-3 rounded-lg" placeholder="Cari Layanan">
<button class="form-button absolute inset-y-2 right-2">
Cari
</button>
</div>
</form>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
<a href="https://mpp.cimahikota.go.id/layanan/1" class="transition bg-gradient-to-br from-yellow-500 to-yellow-600 rounded-md py-6 px-3 hover:shadow-xl">
<div class="bg-white mx-auto mb-4 rounded-full w-28 h-28 p-4 flex items-center overflow-hidden">
<img class="w-24 h-auto" src="https://mpp.cimahikota.go.id/layanan/1726736365_dekranasda.png" alt="Logo DEKRANASDA">
</div>
<h3 class="text-center text-white text-lg font-medium">DEKRANASDA</h3>
</a>
<a href="https://mpp.cimahikota.go.id/layanan/2" class="transition bg-gradient-to-br from-yellow-500 to-yellow-600 rounded-md py-6 px-3 hover:shadow-xl">
<div class="bg-white mx-auto mb-4 rounded-full w-28 h-28 p-4 flex items-center overflow-hidden">
<img class="w-24 h-auto" src="https://mpp.cimahikota.go.id/layanan/1726734815_imigrasi.png" alt="Logo IMIGRASI">
</div>
<h3 class="text-center text-white text-lg font-medium">IMIGRASI</h3>
</a>
<a href="https://mpp.cimahikota.go.id/layanan/3" class="transition bg-gradient-to-br from-yellow-500 to-yellow-600 rounded-md py-6 px-3 hover:shadow-xl">
<div class="bg-white mx-auto mb-4 rounded-full w-28 h-28 p-4 flex items-center overflow-hidden">
<img class="w-24 h-auto" src="https://mpp.cimahikota.go.id/layanan/1666239526_pngwing.com.png" alt="Logo BADAN NARKOTIKA NASIONAL">
</div>
<h3 class="text-center text-white text-lg font-medium">BADAN NARKOTIKA NASIONAL</h3>
</a>
<a href="https://mpp.cimahikota.go.id/layanan/4" class="transition bg-gradient-to-br from-yellow-500 to-yellow-600 rounded-md py-6 px-3 hover:shadow-xl">
<div class="bg-white mx-auto mb-4 rounded-full w-28 h-28 p-4 flex items-center overflow-hidden">
<img class="w-24 h-auto" src="https://mpp.cimahikota.go.id/layanan/1726734990_pengadilan-agama.png" alt="Logo PENGADILAN AGAMA">
</div>
<h3 class="text-center text-white text-lg font-medium">PENGADILAN AGAMA</h3>
</a>
<a href="https://mpp.cimahikota.go.id/layanan/5" class="transition bg-gradient-to-br from-yellow-500 to-yellow-600 rounded-md py-6 px-3 hover:shadow-xl">
<div class="bg-white mx-auto mb-4 rounded-full w-28 h-28 p-4 flex items-center overflow-hidden">
<img class="w-24 h-auto" src="https://mpp.cimahikota.go.id/layanan/1726734969_pt-taspen.png" alt="Logo PT TASPEN">
</div>
<h3 class="text-center text-white text-lg font-medium">PT TASPEN</h3>
</a>
<a href="https://mpp.cimahikota.go.id/layanan/6" class="transition bg-gradient-to-br from-yellow-500 to-yellow-600 rounded-md py-6 px-3 hover:shadow-xl">
<div class="bg-white mx-auto mb-4 rounded-full w-28 h-28 p-4 flex items-center overflow-hidden">
<img class="w-24 h-auto" src="https://mpp.cimahikota.go.id/layanan/1666239766_samsat cimahi.jpg" alt="Logo SAMSAT">
</div>
<h3 class="text-center text-white text-lg font-medium">SAMSAT</h3>
</a>
<a href="https://mpp.cimahikota.go.id/layanan/7" class="transition bg-gradient-to-br from-yellow-500 to-yellow-600 rounded-md py-6 px-3 hover:shadow-xl">
<div class="bg-white mx-auto mb-4 rounded-full w-28 h-28 p-4 flex items-center overflow-hidden">
<img class="w-24 h-auto" src="https://mpp.cimahikota.go.id/layanan/1726734492_polres.png" alt="Logo POLRES">
</div>
<h3 class="text-center text-white text-lg font-medium">POLRES</h3>
</a>
<a href="https://mpp.cimahikota.go.id/layanan/8" class="transition bg-gradient-to-br from-yellow-500 to-yellow-600 rounded-md py-6 px-3 hover:shadow-xl">
<div class="bg-white mx-auto mb-4 rounded-full w-28 h-28 p-4 flex items-center overflow-hidden">
<img class="w-24 h-auto" src="https://mpp.cimahikota.go.id/layanan/1726734527_pt-pegadaian.png" alt="Logo PT PEGADAIAN">
</div>
<h3 class="text-center text-white text-lg font-medium">PT PEGADAIAN</h3>
</a>
</div>
<div style="margin-top:2%">
<nav>
<ul class="pagination">
<li class="page-item disabled" aria-disabled="true" aria-label="« Previous">
<span class="page-link" aria-hidden="true">‹</span>
</li>
<li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=2">2</a></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=3">3</a></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=4">4</a></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=5">5</a></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=6">6</a></li>
<li class="page-item">
<a class="page-link" href="http://mpp.cimahikota.go.id?page=2" rel="next" aria-label="Next »">›</a>
</li>
</ul>
</nav>
</div>
</div>
<h4 id="app" class="text-2xl text-center text-gray-800 mb-4 mt-28">Download Aplikasi Booking Online</h4>
<div class="flex justify-center">
<a href="https://play.google.com/store/apps/details?id=com.alvilab.mppcimahi" class="mr-2" target="_blank" rel="noopener noreferrer">
<img class="h-16" src="https://mpp.cimahikota.go.id/img/download-playstore.png" alt="">
</a>
<a href="#" target="_blank" rel="noopener noreferrer">
<img class="h-16" src="https://mpp.cimahikota.go.id/img/download-appstore.png" alt="">
</a>
</div>
</section>
<section class="bg-gray-50 py-16">
<div class="container">
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="col-span-2">
<div class="flex mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss section-icontitle"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>
<h4 class="section-title">Berita Terkini <span class="section-subtitle">MPP Kota Cimahi</span></h4>
</div>
<div class="flex flex-row flex-wrap items-center border border-gray-200 mb-4 p-4 bg-white rounded-md transition hover:shadow-md">
<div class="h-24 w-32 lg:h-48 lg:w-64">
<a href="https://mpp.cimahikota.go.id/berita/sop-perlindungan-data-dpmptsp-kota-cimahi-ditetapkan-lsocld8jlcsdlotb">
<img class="h-full rounded" src="https://mpp.cimahikota.go.id/thumbnails/1726196588_WhatsApp Image 2024-09-13 at 04.32.44.jpeg" alt="SOP Perlindungan Data DPMPTSP Kota Cimahi Ditetapkan">
</a>
</div>
<div class="pl-6 flex-1">
<p class="text-xs lg:text-sm font-medium text-gray-500 mb-1">Jumat, 13 September 2024</p>
<a href="https://mpp.cimahikota.go.id/berita/sop-perlindungan-data-dpmptsp-kota-cimahi-ditetapkan-lsocld8jlcsdlotb" class="text-gray-700 text-base lg:text-2xl font-medium hover:text-primary lg:mb-3 block leading-tight">
<h2>SOP Perlindungan Data DPMPTSP Kota Cimahi Ditetapkan</h2>
</a>
<p class="hidden lg:block text-gray-500">Pemerintah Kota Cimahi melalui Dinas Penanaman Modal dan Pelayanan Terpadu Satu Pintu (DPMPTSP) telah menetapkan Standar Operasional Pros...</p>
</div>
</div>
<div class="flex flex-row flex-wrap items-center border border-gray-200 mb-4 p-4 bg-white rounded-md transition hover:shadow-md">
<div class="h-24 w-32 lg:h-48 lg:w-64">
<a href="https://mpp.cimahikota.go.id/berita/tingkatkan-pelayanan-publik-di-indonesia-bersama-ombudsman-ri-w95zmyexnjmv22am">
<img class="h-full rounded" src="https://mpp.cimahikota.go.id/thumbnails/1717467392_Pengumuman (11).png" alt="Tingkatkan Pelayanan Publik di Indonesia Bersama Ombudsman RI">
</a>
</div>
<div class="pl-6 flex-1">
<p class="text-xs lg:text-sm font-medium text-gray-500 mb-1">Selasa, 4 Juni 2024</p>
<a href="https://mpp.cimahikota.go.id/berita/tingkatkan-pelayanan-publik-di-indonesia-bersama-ombudsman-ri-w95zmyexnjmv22am" class="text-gray-700 text-base lg:text-2xl font-medium hover:text-primary lg:mb-3 block leading-tight">
<h2>Tingkatkan Pelayanan Publik di Indonesia Bersama Ombudsman RI</h2>
</a>
<p class="hidden lg:block text-gray-500">Yuk Perbaiki Pelayanan Publik di Indonesia Bersama @ombudsmanri137
Wargi cimahi dapat mengisi survey persepsi maladministrasi mel...</p>
</div>
</div>
<div class="flex flex-row flex-wrap items-center border border-gray-200 mb-4 p-4 bg-white rounded-md transition hover:shadow-md">
<div class="h-24 w-32 lg:h-48 lg:w-64">
<a href="https://mpp.cimahikota.go.id/berita/optimalisasi-pelayanan-publik-kementerian-agama-kota-cimahi-kini-menyediakan-fasilitasi-pernikahan-di-mpp-2htk1qu3rgiuvgnf">
<img class="h-full rounded" src="https://mpp.cimahikota.go.id/thumbnails/1717390515_Screenshot (269).png" alt="Optimalisasi Pelayanan Publik: Kementerian Agama Kota Cimahi Kini Menyediakan Fasilitasi Pernikahan di MPP">
</a>
</div>
<div class="pl-6 flex-1">
<p class="text-xs lg:text-sm font-medium text-gray-500 mb-1">Senin, 3 Juni 2024</p>
<a href="https://mpp.cimahikota.go.id/berita/optimalisasi-pelayanan-publik-kementerian-agama-kota-cimahi-kini-menyediakan-fasilitasi-pernikahan-di-mpp-2htk1qu3rgiuvgnf" class="text-gray-700 text-base lg:text-2xl font-medium hover:text-primary lg:mb-3 block leading-tight">
<h2>Optimalisasi Pelayanan Publik: Kementerian Agama Kota Cimahi Kini Menyediakan Fasilitasi Pernikahan di MPP</h2>
</a>
<p class="hidden lg:block text-gray-500">Dalam rangka optimalisasi kualitas pelayanan publik di Kota Cimahi, kini Kementrian Agama Kota Cimahi telah memberikan pelayanan fasilita...</p>
</div>
</div>
<div class="flex flex-row flex-wrap items-center border border-gray-200 mb-4 p-4 bg-white rounded-md transition hover:shadow-md">
<div class="h-24 w-32 lg:h-48 lg:w-64">
<a href="https://mpp.cimahikota.go.id/berita/informasi-pendaftaran-antrian-imigrasi-4ts1rxmgvwihmoib">
<img class="h-full rounded" src="https://mpp.cimahikota.go.id/thumbnails/1713243950_Pengumuman (9).png" alt="Informasi Pendaftaran Antrian Imigrasi">
</a>
</div>
<div class="pl-6 flex-1">
<p class="text-xs lg:text-sm font-medium text-gray-500 mb-1">Selasa, 16 April 2024</p>
<a href="https://mpp.cimahikota.go.id/berita/informasi-pendaftaran-antrian-imigrasi-4ts1rxmgvwihmoib" class="text-gray-700 text-base lg:text-2xl font-medium hover:text-primary lg:mb-3 block leading-tight">
<h2>Informasi Pendaftaran Antrian Imigrasi</h2>
</a>
<p class="hidden lg:block text-gray-500">Pengumuman disampaikan terkait kendala verifikasi penggunaan data Nomor Induk Kependudukan (NIK) Kota Cimahi dari Kementerian Dalam Neger...</p>
</div>
</div>
<nav>
<ul class="pagination">
<li class="page-item disabled" aria-disabled="true" aria-label="« Previous">
<span class="page-link" aria-hidden="true">‹</span>
</li>
<li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=2">2</a></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=3">3</a></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=4">4</a></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=5">5</a></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=6">6</a></li>
<li class="page-item"><a class="page-link" href="http://mpp.cimahikota.go.id?page=7">7</a></li>
<li class="page-item">
<a class="page-link" href="http://mpp.cimahikota.go.id?page=2" rel="next" aria-label="Next »">›</a>
</li>
</ul>
</nav>
</div>
<div class="col-span-1">
<div class="flex mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-video section-icontitle"><polygon points="23 7 16 12 23 17 23 7"></polygon><rect x="1" y="5" width="15" height="14" rx="2" ry="2"></rect></svg>
<h4 class="section-title">Video Profil <span class="section-subtitle">MPP Kota Cimahi</span></h4>
</div>
<div class="mb-16">
<iframe class="w-full h-56 rounded-md transition shadow hover:shadow-md" src="https://youtube.com/embed/WTM8iiOeEyk" title="Profil Kota Cimahi" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
<div class="flex mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-pie-chart section-icontitle"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
<h4 class="section-title">Statistik Pengunjung <span class="section-subtitle">MPP Kota Cimahi</span></h4>
</div>
<div class="flex items-center mb-2">
<div class="mr-2 text-primary bg-yellow-100 rounded-full w-9 h-9 p-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bar-chart h-5 w-5"><line x1="12" y1="20" x2="12" y2="10"></line><line x1="18" y1="20" x2="18" y2="4"></line><line x1="6" y1="20" x2="6" y2="16"></line></svg>
</div>
<p class="text-gray-600">Hari Ini <b>247 pengunjung</b></p>
</div>
<div class="flex items-center mb-2">
<div class="mr-2 text-primary bg-yellow-100 rounded-full w-9 h-9 p-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar h-5 w-5"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>
</div>
<p class="text-gray-600">Bulan Ini <b>2140 pengunjung</b></p>
</div>
<div class="flex items-center mb-12">
<div class="mr-2 text-primary bg-yellow-100 rounded-full w-9 h-9 p-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe h-5 w-5"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg>
</div>
<p class="text-gray-600">Tahun Ini <b>51933 pengunjung</b></p>
</div>
<div class="flex mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link-2 section-icontitle"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg>
<h4 class="section-title">Layanan Lainnya </h4>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-white py-8 border-t border-gray-200 text-center md:text-left">
<div class="container flex flex-col md:flex-row mb-6">
<div class="w-full md:w-2/3 mb-10 md:mb-0">
<div class="flex flex-col md:flex-row items-center">
<img class="mr-4 w-auto h-24 align-top" src="https://mpp.cimahikota.go.id/img/logo_cimahi2.png" alt="Logo Cimahi">
<div class="text-gray-600 font-light flex-1 max-w-xl">
<p class="font-semibold text-xl mb-2">Mal Pelayanan Publik Kota Cimahi</p>
<p class="text-sm font-normal">Jl. Aruman, Kelurahan Pasirkaliki, Kecamatan Cimahi Utara, Kota Cimahi, Jawa Barat 40514</p>
</div>
</div>
<img src="https://mpp.cimahikota.go.id/img/partner-unikom.png" width="400" class="max-w-full mx-auto md:mx-0 block mt-8">
</div>
<div class="w-full md:w-1/3">
<h4 class="text-gray-600 text-lg font-medium mb-4">Kontak & Sosial Media</h4>
<div class="block mb-1">
<a href="tel:(022) 6632601" class="text-primary hover:text-yellow-500">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone inline-block"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
<p class="inline-block text-base font-medium ">(022) 6632601</p>
</a>
</div>
<div class="block mb-1">
<a href="mailto:[email protected]" class="text-primary hover:text-yellow-500">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail inline-block"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
<p class="inline-block text-base font-medium ">[email protected]</p>
</a>
</div>
<div class="block mb-1">
<a href="https://instagram.com/mpp.cimahikota" target="_blank" class="text-primary hover:text-yellow-500">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-instagram inline-block"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line></svg>
<p class="inline-block text-base font-medium ">mpp.cimahikota</p>
</a>
</div>
</div>
</div>
<div class="container">
<p class="text-center font-semibold text-sm text-gray-500">© DPMPTSP Kota cimahi</p>
</div>
</footer>
<div class="fixed z-20 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true" id="interestModal">
<div class="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
<div class="fixed inset-0 bg-gray-800 bg-opacity-75 close-modal" aria-hidden="true"></div>
<span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true"></span>
<div class="inline-block bg-white rounded-lg text-left overflow-hidden shadow-xl transform my-8 align-middle max-w-lg w-full">
<div class="banner-popup owl-carousel owl-theme w-full py-4 px-4 owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-960px, 0px, 0px); transition: all 0s ease 0s; width: 2400px;"><div class="owl-item cloned" style="width: 480px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/pengumuman/1726038781_WhatsApp Image 2024-09-11 at 2.11.59 PM.jpeg" alt="">
</div></div><div class="owl-item cloned" style="width: 480px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/pengumuman/1726038781_WhatsApp Image 2024-09-11 at 2.11.59 PM.jpeg" alt="">
</div></div><div class="owl-item active" style="width: 480px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/pengumuman/1726038781_WhatsApp Image 2024-09-11 at 2.11.59 PM.jpeg" alt="">
</div></div><div class="owl-item cloned" style="width: 480px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/pengumuman/1726038781_WhatsApp Image 2024-09-11 at 2.11.59 PM.jpeg" alt="">
</div></div><div class="owl-item cloned" style="width: 480px;"><div class="rounded-2xl overflow-hidden">
<img src="https://mpp.cimahikota.go.id/pengumuman/1726038781_WhatsApp Image 2024-09-11 at 2.11.59 PM.jpeg" alt="">
</div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><div class="nav-button owl-prev shadow-md">‹</div></button><button type="button" role="presentation" class="owl-next"><div class="nav-button owl-next shadow-md">›</div></button></div><div class="owl-dots disabled"><button role="button" class="owl-dot active"><span></span></button></div></div>
</div>
</div>
</div>
<div class="fixed bottom-0 right-0 flex flex-col items-end ml-6 sm:w-full md:w-1/3 lg:w-1/4 z-10 hidden">
<div class="chat-modal show mr-5 flex flex-col mb-5 shadow-lg w-full">
<!-- close button -->
<div class="close-chat bg-red-500 hover:bg-red-600 text-white mb-1 w-10 flex justify-center items-center px-2 py-1 rounded self-end cursor-pointer">
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-x" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"></path>
<path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"></path>
</svg>
</div>
<!-- admin profile -->
<div class="flex justify-between items-center text-white p-2 bg-green-500 border shadow-lg mr-5 w-full rounded-t-lg">
<div class="flex items-center">
<img src="https://f0.pngfuel.com/png/136/22/profile-icon-illustration-user-profile-computer-icons-girl-customer-avatar-png-clip-art-thumbnail.png" alt="picture" class="rounded-full w-8 h-8 mr-1">
<h2 class="font-semibold tracking-wider">Admin 1</h2>
</div>
<div class="flex items-center justify-center">
<small class="mr-1">online</small>
<div class="rounded-full w-2 h-2 bg-white"></div>
</div>
</div>
<!-- chats -->
<div id="chat_list" class="flex flex-col bg-gray-200 px-2 chat-services expand overflow-auto">
</div>
<!-- send message -->
<div class="relative bg-white rounded-b-lg">
<input type="text" id="message_chat" name="message" placeholder="Ketik pesan anda" class="pl-4 pr-16 py-2 border border-green-500 focus:outline-none w-full rounded-b-lg">
<button id="btn_send_chat" class="absolute right-0 bottom-0 text-green-600 bg-white hover:text-green-500 m-1 px-3 py-1 w-auto transistion-color duration-100 focus:outline-none">Send</button>
</div>
</div>
<div class="show-chat hidden mx-10 mb-6 mt-4 text-green-500 hover:text-green-600 flex justify-center items-center cursor-pointer ">
<svg width="4em" height="4em" viewBox="0 0 16 16" class="bi bi-chat-text-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM4.5 5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7zm0 2.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7zm0 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4z"></path>
</svg>
</div>
</div>
<script src="https://mpp.cimahikota.go.id/js/jquery-3.6.0.min.js"></script>
<script src="https://mpp.cimahikota.go.id/js/jquery-ui.js"></script>
<script src="https://js.pusher.com/7.0.3/pusher.min.js"></script>
<script>
$(document).ready(() => {
const pusher = new Pusher("aaa27231abd42faaa0df", {cluster: "ap1"});
const channel = pusher.subscribe("new_chat_message");
// first init get list chat
$.ajax({
url: "https://mpp.cimahikota.go.id/api/list-chat/104.28.154.60",
type: "GET",
dataType: "JSON",
success: function(data){
$.each(data.chat, function(index, value){
const {
sender,
message
} = value;
if (sender === 'ADMIN') {
$('#chat_list').append(`
<div class="chat bg-white text-gray-700 p-2 self-start my-2 rounded-md shadow mr-3">
${message}
</div>
`);
} else {
$('#chat_list').append(`
<div class="message bg-green-500 text-white p-2 self-end my-2 rounded-md shadow ml-3">
${message}
</div>
`);
}
});
$('#chat_list').scrollTop($('#chat_list')[0].scrollHeight);
}
});
$('#btn_send_chat').click(() => {
let message = $('#message_chat').val();
$.ajax({
url: "https://mpp.cimahikota.go.id/api/new-chat",
type: "POST",
data: {
message: message,
ip_address: "104.28.154.60",
},
dataType: "JSON",
success: function(data){
$('#message_chat').val('');
$('#chat_list').append(`
<div class="message bg-green-500 text-white p-2 self-end my-2 rounded-md shadow ml-3">
${message}
</div>
`);
$('#chat_list').scrollTop($('#chat_list')[0].scrollHeight);
}
});
});
// listen new chat
channel.bind("new_chat", function(data) {
const {
receiver,
message
} = data;
console.log("new_chat", receiver, "104.28.154.60");
if (receiver === "104.28.154.60") {
console.log("new_chat", data);
$('#chat_list').append(`
<div class="chat bg-white text-gray-700 p-2 self-start my-2 rounded-md shadow mr-3">
${message}
</div>
`);
$('#chat_list').scrollTop($('#chat_list')[0].scrollHeight);
}
});
$('#chat_list').scrollTop($('#chat_list')[0].scrollHeight);
const chatModal = document.querySelector('.chat-modal');
const chatServices = document.querySelector('.chat-services');
const showChat = document.querySelector('.show-chat');
const closeChat = document.querySelector('.close-chat');
showChat.addEventListener('click', function (){
chatModal.classList.add('show')
showChat.classList.add('hidden')
setTimeout(() => {
chatServices.classList.add('expand')
}, 500);
});
closeChat.addEventListener('click',function () {
setTimeout(() => {
showChat.classList.remove('hidden')
}, 820);
chatServices.classList.remove('expand')
setTimeout(() => {
chatModal.classList.remove('show')
}, 500);
});
});
</script>
<script>
feather.replace();
function mainMenuToggle(){
const mobileMenu = document.getElementById('mobile-menu');
if(mobileMenu.classList.contains('hidden')){
mobileMenu.classList.remove('hidden');
mobileMenu.classList.add('block');
}else{
mobileMenu.classList.remove('block');
mobileMenu.classList.add('hidden');
}
}
</script>
<script src="https://mpp.cimahikota.go.id/vendor/owlcarousel/owl.carousel.min.js"></script>
<script>
$('.banner-hero').owlCarousel({
stagePadding: 50,
loop:true,
margin:10,
autoplay:true,
autoplayTimeout:3600,
items: 1,
navText: ["<div class='nav-button owl-prev shadow-md'>‹</div>", "<div class='nav-button owl-next shadow-md'>›</div>"],
responsive:{
0:{
// items:1,
nav:false,
},
1000:{
// items:5,
nav:true
}
}
});
$('.banner-popup').owlCarousel({
loop:true,
items: 1,
autoplay:true,
autoplayTimeout:3600,
navText: ["<div class='nav-button owl-prev shadow-md'>‹</div>", "<div class='nav-button owl-next shadow-md'>›</div>"],
nav: true,
})
</script>
<script type="text/javascript">
$(document).ready(function () {
$('#interestModal').removeClass('invisible');
$('body').addClass('overflow-hidden');
$('.close-modal').on('click', function(e){
$('#interestModal').addClass('invisible');
$('body').removeClass('overflow-hidden');
});
});
</script>
<svg id="SvgjsSvg1001" width="2" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev" style="overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0;"><defs id="SvgjsDefs1002"></defs><polyline id="SvgjsPolyline1003" points="0,0"></polyline><path id="SvgjsPath1004" d="M0 0 "></path></svg></body></html>