<!-- 
─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
─████████████████───██████──██████─████████████───██████████████─██████──────────██████────██████████████─██████████████─██████████████████─██████──██████─██████─────────██████─────────
─██░░░░░░░░░░░░██───██░░██──██░░██─██░░░░░░░░████─██░░░░░░░░░░██─██░░██████████──██░░██────██░░░░░░░░░░██─██░░░░░░░░░░██─██░░░░░░░░░░░░░░██─██░░██──██░░██─██░░██─────────██░░██─────────
─██░░████████░░██───██░░██──██░░██─██░░████░░░░██─██████████░░██─██░░░░░░░░░░██──██░░██────██░░██████████─██░░██████░░██─████████████░░░░██─██░░██──██░░██─██░░██─────────██░░██─────────
─██░░██────██░░██───██░░██──██░░██─██░░██──██░░██─────────██░░██─██░░██████░░██──██░░██────██░░██─────────██░░██──██░░██─────────████░░████─██░░██──██░░██─██░░██─────────██░░██─────────
─██░░████████░░██───██░░██████░░██─██░░██──██░░██─██████████░░██─██░░██──██░░██──██░░██────██░░██─────────██░░██──██░░██───────████░░████───██░░██████░░██─██░░██─────────██░░██─────────
─██░░░░░░░░░░░░██───██░░░░░░░░░░██─██░░██──██░░██─██░░░░░░░░░░██─██░░██──██░░██──██░░██────██░░██──██████─██░░██──██░░██─────████░░████─────██░░░░░░░░░░██─██░░██─────────██░░██─────────
─██░░██████░░████───██████████░░██─██░░██──██░░██─██████████░░██─██░░██──██░░██──██░░██────██░░██──██░░██─██░░██──██░░██───████░░████───────██████████░░██─██░░██─────────██░░██─────────
─██░░██──██░░██─────────────██░░██─██░░██──██░░██─────────██░░██─██░░██──██░░██████░░██────██░░██──██░░██─██░░██──██░░██─████░░████─────────────────██░░██─██░░██─────────██░░██─────────
─██░░██──██░░██████─────────██░░██─██░░████░░░░██─██████████░░██─██░░██──██░░░░░░░░░░██────██░░██████░░██─██░░██████░░██─██░░░░████████████─────────██░░██─██░░██████████─██░░██████████─
─██░░██──██░░░░░░██─────────██░░██─██░░░░░░░░████─██░░░░░░░░░░██─██░░██──██████████░░██────██░░░░░░░░░░██─██░░░░░░░░░░██─██░░░░░░░░░░░░░░██─────────██░░██─██░░░░░░░░░░██─██░░░░░░░░░░██─
─██████──██████████─────────██████─████████████───██████████████─██████──────────██████────██████████████─██████████████─██████████████████─────────██████─██████████████─██████████████─
───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── -->

<!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" />
    <!-- ========== 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;
        }
    </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 mb-3 text-center">
        <img src="https://bludpald.bekasikota.go.id/sekdis-perkimtan/img/syarat_mitra.jpg" alt="" width="950px" style='border: 5px solid #555;' class="mt-3">
    </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>

</body>


</html>