<!-- 
─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
─████████████████───██████──██████─████████████───██████████████─██████──────────██████────██████████████─██████████████─██████████████████─██████──██████─██████─────────██████─────────
─██░░░░░░░░░░░░██───██░░██──██░░██─██░░░░░░░░████─██░░░░░░░░░░██─██░░██████████──██░░██────██░░░░░░░░░░██─██░░░░░░░░░░██─██░░░░░░░░░░░░░░██─██░░██──██░░██─██░░██─────────██░░██─────────
─██░░████████░░██───██░░██──██░░██─██░░████░░░░██─██████████░░██─██░░░░░░░░░░██──██░░██────██░░██████████─██░░██████░░██─████████████░░░░██─██░░██──██░░██─██░░██─────────██░░██─────────
─██░░██────██░░██───██░░██──██░░██─██░░██──██░░██─────────██░░██─██░░██████░░██──██░░██────██░░██─────────██░░██──██░░██─────────████░░████─██░░██──██░░██─██░░██─────────██░░██─────────
─██░░████████░░██───██░░██████░░██─██░░██──██░░██─██████████░░██─██░░██──██░░██──██░░██────██░░██─────────██░░██──██░░██───────████░░████───██░░██████░░██─██░░██─────────██░░██─────────
─██░░░░░░░░░░░░██───██░░░░░░░░░░██─██░░██──██░░██─██░░░░░░░░░░██─██░░██──██░░██──██░░██────██░░██──██████─██░░██──██░░██─────████░░████─────██░░░░░░░░░░██─██░░██─────────██░░██─────────
─██░░██████░░████───██████████░░██─██░░██──██░░██─██████████░░██─██░░██──██░░██──██░░██────██░░██──██░░██─██░░██──██░░██───████░░████───────██████████░░██─██░░██─────────██░░██─────────
─██░░██──██░░██─────────────██░░██─██░░██──██░░██─────────██░░██─██░░██──██░░██████░░██────██░░██──██░░██─██░░██──██░░██─████░░████─────────────────██░░██─██░░██─────────██░░██─────────
─██░░██──██░░██████─────────██░░██─██░░████░░░░██─██████████░░██─██░░██──██░░░░░░░░░░██────██░░██████░░██─██░░██████░░██─██░░░░████████████─────────██░░██─██░░██████████─██░░██████████─
─██░░██──██░░░░░░██─────────██░░██─██░░░░░░░░████─██░░░░░░░░░░██─██░░██──██████████░░██────██░░░░░░░░░░██─██░░░░░░░░░░██─██░░░░░░░░░░░░░░██─────────██░░██─██░░░░░░░░░░██─██░░░░░░░░░░██─
─██████──██████████─────────██████─████████████───██████████████─██████──────────██████────██████████████─██████████████─██████████████████─────────██████─██████████████─██████████████─
───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── -->

<!DOCTYPE html>
<html lang="en">


<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="BLUD UPTD PALD KOTA BEKASI">

    <!-- ========== Page Title ========== -->
    <title>BLUD UPTD PALD KOTA BEKASI</title>

    <!-- ========== Favicon Icon ========== -->
    <link rel="shortcut icon" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/img/blud_small.png" type="image/x-icon">

    <!-- ========== Start Stylesheet ========== -->
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/css/flaticon-set.css" rel="stylesheet" />
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/css/magnific-popup.css" rel="stylesheet" />
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/css/owl.carousel.min.css" rel="stylesheet" />
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/css/owl.theme.default.min.css" rel="stylesheet" />
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/css/animate.css" rel="stylesheet" />
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/css/bootsnav.css" rel="stylesheet" />
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/style.css" rel="stylesheet">
    <link href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/css/responsive.css" rel="stylesheet" />
    <link rel="stylesheet" media="screen, print" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/css/statistics/chartjs/chartjs.css">
    <!-- ========== End Stylesheet ========== -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5/html5shiv.min.js"></script>
      <script src="assets/js/html5/respond.min.js"></script>
    <![endif]-->

    <!-- ========== Google Fonts ========== -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800" rel="stylesheet">

</head>

<body>

    <!-- Preloader Start -->
    <div class="se-pre-con" style="background: url(https://bludpald.bekasikota.go.id/sekdis-perkimtan//img/blud_bekasi.png) center no-repeat #fff;"></div>
    <!-- Preloader Ends -->

    <!-- Header 
    ============================================= -->

    <header id="home">

        <style>
            .navbar-item_home {
                /* float: left; */
                font-weight: bold;
                color: #fff;
                padding: 10px 40px;
                position: relative;
                cursor: pointer;
                margin-left: -1px;
            }

            .navbar-item_home:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: darkmagenta;
                z-index: -1;
                transform: skew(45deg);
                transition: all .2s linear;
            }

            .navbar-item_home:after {
                background-color: darken(#58c, 20%);
            }


            .navbar-item_blud {
                /* float: left; */
                font-weight: bold;
                color: #fff;
                padding: 10px 40px;
                position: relative;
                cursor: pointer;
                margin-left: -1px;
            }

            .navbar-item_blud:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: green;
                z-index: -1;
                transform: skew(45deg);
                transition: all .2s linear;
            }

            .navbar-item_blud:after {
                background-color: darken(#58c, 20%);
            }


            .navbar-item_produk {
                /* float: left; */
                font-weight: bold;
                color: #fff;
                padding: 10px 40px;
                position: relative;
                cursor: pointer;
                margin-left: -1px;
            }

            .navbar-item_produk:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: coral;
                z-index: -1;
                transform: skew(45deg);
                transition: all .2s linear;
            }

            .navbar-item_produk:after {
                background-color: darken(#58c, 20%);
            }


            .navbar-item_eoffice {
                /* float: left; */
                font-weight: bold;
                color: #fff;
                padding: 10px 40px;
                position: relative;
                cursor: pointer;
                margin-left: -1px;
            }

            .navbar-item_eoffice:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: red;
                z-index: -1;
                transform: skew(45deg);
                transition: all .2s linear;
            }

            .navbar-item_eoffice:after {
                background-color: darken(#58c, 20%);
            }


            .navbar-item_moffice {
                /* float: left; */
                font-weight: bold;
                color: #fff;
                padding: 10px 40px;
                position: relative;
                cursor: pointer;
                margin-left: -1px;
            }

            .navbar-item_moffice:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: darkorange;
                z-index: -1;
                transform: skew(45deg);
                transition: all .2s linear;
            }

            .navbar-item_moffice:after {
                background-color: darken(#58c, 20%);
            }
        </style>


        <!-- Start Navigation -->
        <style>
    .background-navbar {
        background-color: #007bff !important;

    }

    .fit-content {
        position: absolute;
        width: fit-content;
        height: fit-content;
    }
</style>


<nav class="navbar navbar-default dark bootsnav">
    <div class="container mt-3">
        <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/header_blud_garis.svg" alt="" width="100%">
        <div class="text-center mt-3 background-navbar p-3">
            <a class="navbar-item_home" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/" style="z-index: 1;">HOME</a>
            <a class="navbar-item_blud" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/landing/blud_pald" style="z-index: 1;">BLUD PALD</a>
            <a class="navbar-item_produk" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/landing/produk" style="z-index: 1;">PRODUK</a>
            <a class="navbar-item_produk" href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/landing/mitra_kso" style="z-index: 1;">MITRA KSO</a>
            <a class="navbar-item_eoffice" href="https://bludpald.bekasikota.go.id/e-office/" style="z-index: 1;">E-OFFICE</a>
            <a class="navbar-item_moffice" href="http://103.195.31.213/auth" style="z-index: 1;">M-OFFICE</a>
            <a class="navbar-item_moffice" href="#!" style="z-index: 1;">SENJA</a>
        </div>
    </div>
</nav>

        <!-- End Navigation -->

    </header>
    <!-- End Header -->

    <style>
        .bg-gambar {
            background-image: url('https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/bg_blud.png');
            background-repeat: no-repeat;
            background-size: cover;
        }


        .border-images {
            border-top: 5px solid #555;
            border-right: 5px solid #555;
            /* border-bottom: 3px dotted #f00; */
            border-left: 5px solid #555;
        }

        .border-images-top {
            /* border-top: 5px solid #555; */
            border-right: 5px solid #555;
            border-bottom: 5px solid #555;
            border-left: 5px solid #555;
        }

        .border-images-top-bottom {
            /* border-top: 5px solid #555; */
            border-right: 5px solid #555;
            /* border-bottom: 5px solid #555; */
            border-left: 5px solid #555;
        }

        .border-images-bottom {
            border-top: 5px solid #555;
            border-right: 5px solid #555;
            /* border-bottom: 5px solid #555; */
            border-left: 5px solid #555;
        }
    </style>

    <div class="container">
        <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/png001.png" alt="" width="100%">

        <!-- Fixed Shape -->
        <!-- <div class="fixed-shape" style="background-image: url(https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/img/shape/4.png);"></div> -->
        <!-- Fixed Shape -->

    </div>

    <div class="container mt-3 text-center">
        <div class="row">
            <div class="col ">
                <div id="panel-1" class="card">
                    <div class="card-header">
                        <h2 class="text-truncate">
                            PELANGGAN KOTA BEKASI
                        </h2>
                    </div>
                    <div class="card-body">
                        <div class="panel-content bg-subtlelight-fade">


                            <div id="spin-pelanggan" style="display: none;">
                                <center>
                                    <div class="spinner-border text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </center>
                            </div>


                            <div id="show_pelanggan">
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <div class="col ">
                <div id="panel-122" class="card">
                    <div class="card-header">
                        <h2 class="text-truncate">
                            PELANGGAN LUAR KOTA BEKASI
                        </h2>
                    </div>
                    <div class="card-body">
                        <div class="panel-content bg-subtlelight-fade">


                            <div id="spin-pelanggan-luar" style="display: none;">
                                <center>
                                    <div class="spinner-border text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </center>
                            </div>


                            <div id="show_pelanggan_luar">
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt-3 text-center">
        <div class="row">
            <div class="col ">
                <div id="panel-122" class="card">
                    <div class="card-header">
                        <h2 class="text-truncate">
                            JENIS PELANGGAN
                        </h2>
                    </div>
                    <div class="card-body">
                        <div class="panel-content bg-subtlelight-fade">


                            <div id="spin-jumlah-pelanggan" style="display: none;">
                                <center>
                                    <div class="spinner-border text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </center>
                            </div>


                            <div id="show_jumlah_pelanggan">
                            </div>

                        </div>
                    </div>
                </div>
            </div>


            <div class="col ">
                <div id="panel-122" class="card">
                    <div class="card-header">
                        <h2 class="text-truncate">
                            PELANGGAN KOTA BEKASI
                        </h2>
                    </div>
                    <div class="card-body">
                        <div class="panel-content bg-subtlelight-fade">


                            <div id="spin-jenis-pelanggan" style="display: none;">
                                <center>
                                    <div class="spinner-border text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </center>
                            </div>


                            <div id="show_jenis_pelanggan">
                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="container mt-3 text-center">
        <div class="row">
            <div class="col ">
                <div id="panel-1223" class="card">
                    <div class="card-header">
                        <h2 class="text-truncate">
                            TREND PERTUMBUHAN PELANGGAN PERTAHUN

                        </h2>
                    </div>
                    <div class="card-body">
                        <div class="panel-content bg-subtlelight-fade">


                            <div id="spin-trend-pelanggan" style="display: none;">
                                <center>
                                    <div class="spinner-border text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </center>
                            </div>


                            <div id="show_trend_pelanggan">
                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="container mt-3 text-center">
        <div class="row">
            <div class="col ">
                <div id="panel-1" class="card">
                    <div class="card-header">
                        <h2 class="text-truncate">
                            JUMLAH PENDAPATAN PENYEDOTAN BULANAN
                        </h2>
                    </div>
                    <div class="card-body">
                        <div class="panel-content bg-subtlelight-fade">


                            <div id="spin-penyedotan" style="display: none;">
                                <center>
                                    <div class="spinner-border text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </center>
                            </div>


                            <div id="show_penyedotan">
                            </div>

                        </div>
                    </div>
                </div>
            </div>

            <div class="col mt-3">
                <div id="panel-122" class="card">
                    <div class="card-header">
                        <h2 class="text-truncate">
                            JUMLAH PENDAPATAN PENGOLAHAN BULANAN
                        </h2>
                    </div>
                    <div class="card-body">
                        <div class="panel-content bg-subtlelight-fade">


                            <div id="spin-pengolahan" style="display: none;">
                                <center>
                                    <div class="spinner-border text-primary" role="status">
                                        <span class="sr-only">Loading...</span>
                                    </div>
                                </center>
                            </div>


                            <div id="show_pengolahan">
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container mt-3 text-center text-justify d-none">
        <h2 class="text-truncate">
            UNDUH LEGALITAS
        </h2>
        <div class="row">
            <div class="col">
                <div class="card">
                    <a href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/uploads_docs/KEPWAL PENERAPAN BLUD UPTD PALD DPKPP NO. 061.1 - Kep.570-Org-XI-2021.pdf">KEPUTUSAN WALIKOTA BEKASI NOMOR 061.1/KEP.570-ORG/XI/2021</a>
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <a href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/uploads_docs/PERWAL TATA KELOLA NO 70 BLUD UPTD PALD KOTA BEKASI.pdf">PERATURAN WALIKOTA BEKASI NOMOR 79 TAHUN 2021</a>
                </div>
            </div>
            <div class="col">
                <div class="card">
                    <a href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/uploads_docs/Perwal 93 Tarif layanan-1.pdf">PERATURAN WALIKOTA BEKASI NOMOR 93 TAHUN 2021</a>
                </div>
            </div>
        </div>
    </div>


    <!-- <div class="container mt-3 mb-3 text-center">
                    <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/uploads_docs/" alt="" width="950px" style='border: 5px solid #555;' class="mt-3">
            </div> -->
    <div id="history_kami" class="features-area cell-items default-padding">
        <div class="container mt-3 text-center">
            <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/4.png" alt="" width="950px" class="border-images">
            <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/5.png" alt="" width="950px" class="border-images-top">
        </div>
    </div>

    <div id="struktur" class="features-area cell-items default-padding">
        <div class="container mt-3 text-center">
            <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/6.png" alt="" width="950px" style='border: 5px solid #555;'>
        </div>
    </div>

    <div id="sertifikat" class="features-area cell-items default-padding">
        <div class="container mt-3 text-center">
            <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/sertifikat.jpg" alt="" width="950px" style='border: 5px solid #555;'>
        </div>
    </div>


    <div id="legalitas" class="features-area cell-items default-padding">
        <div class="container mt-3 text-center">
            <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/legalitas_logo.svg" alt="" width="950px" class="border-images-bottom">
            <a href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/uploads_docs/KEPWAL PENERAPAN BLUD UPTD PALD DPKPP NO. 061.1 - Kep.570-Org-XI-2021.pdf"> <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/legalitas_kepwal.svg" alt="" width="950px" class="border-images-top-bottom"></a>
            <a href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/uploads_docs/PERWAL TATA KELOLA NO 70 BLUD UPTD PALD KOTA BEKASI.pdf"><img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/legalitas_perwal.svg" alt="" width="950px" class="border-images-top-bottom"></a>
            <a href="https://bludpald.bekasikota.go.id/sekdis-perkimtan/uploads_docs/Perwal 93 Tarif layanan-1.pdf"> <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/legalitas_perwal_2.svg" alt="" width="950px" class="border-images-top"></a>
        </div>
    </div>


    <style>
        .stroke-merah {
            font-size: 50px;
            -webkit-text-stroke-width: 3px;
            -webkit-text-stroke-color: #ff0000;
            -webkit-text-fill-color: #ffffff;
            font-family: Impact, Charcoal, sans-serif;
        }

        .stroke-coklat {
            font-size: 50px;
            -webkit-text-stroke-width: 3px;
            -webkit-text-stroke-color: #b87878;
            -webkit-text-fill-color: #ffffff;
            font-family: Impact, Charcoal, sans-serif;
        }

        .stroke-ijo {
            font-size: 50px;
            -webkit-text-stroke-width: 3px;
            -webkit-text-stroke-color: #91e66c;
            -webkit-text-fill-color: #ffffff;
            font-family: Impact, Charcoal, sans-serif;
        }

        .stroke-biru {
            font-size: 50px;
            -webkit-text-stroke-width: 3px;
            -webkit-text-stroke-color: #65d3e6;
            -webkit-text-fill-color: #ffffff;
            font-family: Impact, Charcoal, sans-serif;
        }

        @import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

        .ubuntux {
            font-family: 'Ubuntu', sans-serif;
        }

        #symbol {
            /* font-weight: 700; */
            text-align: center;
            font-size: 10vw;
            line-height: 43%;
        }
    </style>

    <!-- Start About 
    ============================================= -->


    <!-- End Features -->

    <style>
        .bgicon {
            background: #edf5ff none repeat scroll 0 0;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            color: #4ac4f3;
            font-size: 25px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            width: 60px;
        }
    </style>

    <!-- Start Footer 
    ============================================= -->
    <footer class="default-padding" style="background-color: #21569A;">
        <div class="container">
            <div class="f-items text-light">
                <div class="row">
                    <div class="col-lg-4 col-md-6 item">
                        <div class="f-item link">
                            <h2>
                                <i class="fas fa-map-marker bgicon"></i>
                                Alamat
                            </h2>
                            <h4>
                                <a href="https://goo.gl/maps/3gz5GJGr4iHXHXue6"> Jl. Pangkalan II No.108,
                                    RT.003/RW.003, Sumur Batu, Kec.
                                    Bantar Gebang, Kota Bks, Jawa Barat
                                    17154</a>

                            </h4>

                        </div>
                    </div>
                    <div class="col-lg-1 col-md-6 item">

                    </div>
                    <div class="col-lg-4 col-md-6 item">
                        <div class="f-item link">
                            <h2>
                                <i class="fas fa-phone bgicon"></i>
                                Telepon
                            </h2>
                            <h4>
                                (021) 22114998
                            </h4>
                            <h2>
                                <i class="fas fa-envelope bgicon"></i>
                                Email
                            </h2>

                            <h4>
                                uptdpaldkotabekasi@gmail.com
                            </h4>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 item">
                        <div class="f-item twitter-widget">
                            <h2>
                                <i class="fas fa-user-plus bgicon"></i>
                                Follow
                            </h2>

                            <a href="https://www.instagram.com/blud_uptdpaldkotabekasi/?hl=id">
                                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/132px-Instagram_logo_2016.svg.png" alt="" width="40px;">
                            </a>

                            <a href="https://www.facebook.com/sedotwcdanlimbahkotabekasi/">
                                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Facebook_f_logo_%282019%29.svg/600px-Facebook_f_logo_%282019%29.svg.png" alt="" width="40px;">
                            </a>


                            <a href="https://www.youtube.com/channel/UC_f13ozV8Z4itIuqdo9HhYw">
                                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/YouTube_full-color_icon_%282017%29.svg/159px-YouTube_full-color_icon_%282017%29.svg.png?20211015074811" alt="" width="40px;">
                            </a>

                            <a href="https://mobile.twitter.com/uptdpaldkotabe">
                                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4f/Twitter-logo.svg/220px-Twitter-logo.svg.png" alt="" width="40px;">
                            </a>

                            <a href="https://wa.me/6281382822772">
                                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/19/WhatsApp_logo-color-vertical.svg/50px-WhatsApp_logo-color-vertical.svg.png" alt="" width="40px;">
                            </a>


                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Bottom -->

            <!-- End Footer Bottom -->
        </div>
    </footer>
    <!-- End Footer -->

    <!-- jQuery Frameworks
    ============================================= -->
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/jquery-1.12.4.min.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/bootstrap.min.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/popper.min.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/jquery.appear.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/jquery.easing.min.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/jquery.magnific-popup.min.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/modernizr.custom.13711.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/owl.carousel.min.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/wow.min.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/count-to.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/bootsnav.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/assets_landing/assets/js/main.js"></script>
    <!-- <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/js/vendors.bundle.js"></script> -->
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/js/app.bundle.js"></script>
    <script src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/vendor/js/statistics/chartjs/chartjs.bundle.js"></script>

    <script>
        function ajx_get_pelanggan_bekasi() {
            $("#spin-pelanggan").show();
            $.ajax({
                url: "https://bludpald.bekasikota.go.id/sekdis-perkimtan/ajx_pelanggan/ajx_pelanggan_bekasi",
                type: "post",
                data: {},
                success: function(msg) {
                    $("#spin-pelanggan").hide();
                    $("#show_pelanggan").html(msg);
                }
            });
        }


        function ajx_get_pelanggan_bekasi_luar() {
            $("#spin-pelanggan-luar").show();
            $.ajax({
                url: "https://bludpald.bekasikota.go.id/sekdis-perkimtan/ajx_pelanggan/ajx_pelanggan_bekasi_luar",
                type: "post",
                data: {},
                success: function(msg) {
                    $("#spin-pelanggan-luar").hide();
                    $("#show_pelanggan_luar").html(msg);
                }
            });
        }

        function ajx_jmlh_pel() {
            $("#spin-jumlah-pelanggan").show();
            $.ajax({
                url: "https://bludpald.bekasikota.go.id/sekdis-perkimtan/ajx_pelanggan/ajx_jmlh_pel",
                type: "post",
                data: {},
                success: function(msg) {
                    $("#spin-jumlah-pelanggan").hide();
                    $("#show_jumlah_pelanggan").html(msg);
                }
            });
        }

        function ajx_jenis_pel() {
            $("#spin-jenis-pelanggan").show();
            $.ajax({
                url: "https://bludpald.bekasikota.go.id/sekdis-perkimtan/ajx_pelanggan/ajx_jenis_pel",
                type: "post",
                data: {},
                success: function(msg) {
                    $("#spin-jenis-pelanggan").hide();
                    $("#show_jenis_pelanggan").html(msg);
                }
            });
        }


        function ajx_trend_pertumbuhan() {
            $("#spin-trend-pelanggan").show();
            $.ajax({
                url: "https://bludpald.bekasikota.go.id/sekdis-perkimtan/ajx_pelanggan/ajx_trend_pertumbuhan",
                type: "post",
                data: {},
                success: function(msg) {
                    $("#spin-trend-pelanggan").hide();
                    $("#show_trend_pelanggan").html(msg);
                }
            });
        }

        function ajx_chart_penyedotan_retribusi() {
            $("#spin-penyedotan").show();
            $.ajax({
                url: "https://bludpald.bekasikota.go.id/sekdis-perkimtan/ajx_penyedotan/ajx_retribusi_bulan",
                type: "post",
                data: {},
                success: function(msg) {
                    $("#spin-penyedotan").hide();
                    $("#show_penyedotan").html(msg);
                }
            });
        }

        function ajx_get_retribusi_bulanan() {
            $("#spin-pengolahan").show();
            $.ajax({
                url: "https://bludpald.bekasikota.go.id/sekdis-perkimtan/ajx_pengolahan/ajx_chart_kubikasi_bulanan",
                type: "post",
                data: {},
                success: function(msg) {
                    $("#spin-pengolahan").hide();
                    $("#show_pengolahan").html(msg);
                }
            });
        }


        $(document).ready(function() {
            ajx_get_pelanggan_bekasi();
            ajx_get_pelanggan_bekasi_luar();
            ajx_jmlh_pel();
            ajx_jenis_pel();
            ajx_trend_pertumbuhan();
            ajx_chart_penyedotan_retribusi();
            ajx_get_retribusi_bulanan();
        });
    </script>

</body>


</html>