Puskesma Bajo | <script type="text/javascript" src="assets/js/jquery-2.2.3.min.js"></script> <script type="text/javascript" src="assets/js/my.js"></script> </head> <body class="hold-transition sidebar-mini layout-fixed"> <div class="wrapper">  <nav class="main-header navbar fixed-top navbar-expand navbar-white navbar-light">  <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a> </li> <li class="nav-item d-none d-sm-inline-block"> <a href="index.php" class="nav-link">Home</a> </li> <li class="nav-item d-none d-sm-inline-block"> <a href="#" class="nav-link">Kontact</a> </li> </ul>  <ul class="navbar-nav ml-auto">  <li class="nav-item"> <a class="nav-link" data-widget="navbar-search" href="#" role="button"> <i class="fas fa-search"></i> </a> <div class="navbar-search-block"> <div class="input-group input-group-sm"> <input id="cari" class="form-control form-control-navbar swalDefaultError" type="search" placeholder="Search" aria-label="Search"> <div class="input-group-append"> <button class="btn btn-navbar swalDefaultError" type="submit"> <i class="fas fa-search"></i> </button> <button class="btn btn-navbar" type="button" data-widget="navbar-search"> <i class="fas fa-times"></i> </button> </div> </div> </div> </li>  <li class="nav-item dropdown"> <a href="login.php" class="nav-link">Log In</a> </li> <li class="nav-item"> <a class="nav-link" data-widget="fullscreen" href="#" role="button"> <i class="fas fa-expand-arrows-alt"></i> </a> </li> </ul> </nav>   <aside class="main-sidebar sidebar-dark-primary elevation-4">  <a href="#" class="brand-link"> <img src="assets/img/dinkes.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8"> <span class="brand-text font-weight-light">Puskesmas Bajo</span> </a>  <div class="sidebar">  <div class="user-panel mt-3 pb-3 mb-3 d-flex"> <div class="image"> <img src="assets/img/users/user_logo.png" class="img-circle elevation-2" alt="User Image"> </div> <div class="info"> <a href="#" class="d-block">Pengunjung Umum</a> </div> </div><style type="text/css"> #btn-back-to-top { position: fixed; bottom: 20px; right: 20px; display: none; opacity: 0.8; } </style> <a class="back-top" href="#" id="btn-back-to-top"><i class="fa fa-chevron-up"></i></a> <script type="text/javascript"> $(document).ready(function() { $(window).scroll(function() { if ($(this).scrollTop() > 20) { $('#btn-back-to-top').fadeIn(); } else { $('#btn-back-to-top').fadeOut(); } }); $('#btn-back-to-top').click(function() { $("html, body").animate({ scrollTop: 0 }, 400); return false; }); }); </script>  <div class="form-inline"> <div class="input-group" data-widget="sidebar-search"> <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search"> <div class="input-group-append"> <button class="btn btn-sidebar"> <i class="fas fa-search fa-fw"></i> </button> </div> </div> </div>  <nav class="mt-2"> <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">  <li class="nav-item"> <a href="index.php" class="nav-link" id="home"> <i class="nav-icon fas fa-tachometer-alt"></i> <p>HOME</p> </a> </li> <li class="nav-item"> <a href="#" class="nav-link" id="profil"> <i class="nav-icon fas fa-bars"></i> <p>PROFIL</p> </a> </li> <li class="nav-item menu-close"> <a href="#" class="nav-link" id="transaksi"> <i class="nav-icon fas fa-th-large"></i> <p> PELAYANAN <i class="fas fa-angle-left right"></i> </p> </a> <ul class="nav nav-treeview"> <li class="nav-item"> <a href="index.php?page=trs_ndt" class="nav-link" id="trs_ndt"> <i class="far fa-circle nav-icon"></i> <p>PENDAFTARAN</p> </a> </li> <li class="nav-item"> <a href="index.php?page=trs_dt" class="nav-link" id="trs_dt"> <i class="far fa-circle nav-icon"></i> <p>SOP PELAYANAN</p> </a> </li> <li class="nav-item"> <a href="index.php?page=bulk" class="nav-link" id="bulk"> <i class="far fa-circle nav-icon"></i> <p>JAM PELAYANAN</p> </a> </li> <li class="nav-item"> <a href="index.php?page=mitra" class="nav-link" id="mitra"> <i class="far fa-circle nav-icon"></i> <p>UKP &p- UKM</p> </a> </li> <li class="nav-item"> <a href="index.php?page=kartu_perdana" class="nav-link" id="kartu_perdana"> <i class="far fa-circle nav-icon"></i> <p>Leaflet & Fleyer</p> </a> </li> <li class="nav-item"> <a href="index.php?page=kartu_perdana" class="nav-link" id="kartu_perdana"> <i class="far fa-circle nav-icon"></i> <p>Tarif Pelayanan</p> </a> </li> <li class="nav-item"> <a href="index.php?page=kartu_perdana" class="nav-link" id="kartu_perdana"> <i class="far fa-circle nav-icon"></i> <p>Jangka Waktu</p> </a> </li> <li class="nav-item"> <a href="index.php?page=kartu_perdana" class="nav-link" id="kartu_perdana"> <i class="far fa-circle nav-icon"></i> <p>Jemput Bola</p> </a> </li> <li class="nav-item"> <a href="index.php?page=kartu_perdana" class="nav-link" id="kartu_perdana"> <i class="far fa-circle nav-icon"></i> <p>Karakteristik</p> </a> </li> <li class="nav-item"> <a href="index.php?page=kartu_perdana" class="nav-link" id="kartu_perdana"> <i class="far fa-circle nav-icon"></i> <p>Maklumat</p> </a> </li> <li class="nav-item"> <a href="index.php?page=kartu_perdana" class="nav-link" id="kartu_perdana"> <i class="far fa-circle nav-icon"></i> <p>Indeks Kepuasan</p> </a> </li> <li class="nav-item"> <a href="index.php?page=kartu_perdana" class="nav-link" id="kartu_perdana"> <i class="far fa-circle nav-icon"></i> <p>Kegiatan / Penyuluhan</p> </a> </li> </ul> </li> <li class="nav-item"> <a href="index.php?public_page=skrining" class="nav-link"> <i class="nav-icon fas fa-bars"></i> <p>SKRINING ILP</p> </a> </li> </ul> </nav>  </div>  </aside> <footer class="main-footer bg-orange"> <strong><a href="#">Puskesmas Bajo</a>.</strong> Kesehatan yang Baik akar Semua Kebahagiaan. <div class="float-right d-none d-sm-inline-block"> <b>Created by dr. Rusli - Version</b> 3.2.0 </div> </footer>  <aside class="control-sidebar control-sidebar-dark">  </aside>  </div>   <script src="assets/js/common-scripts.js"></script> <script type="application/javascript"> //angka 500 dibawah ini artinya pesan akan muncul dalam 0,5 detik setelah document ready $(document).ready(function(){setTimeout(function(){$(".alert-danger").fadeIn('slow');}, 500);}); //angka 3000 dibawah ini artinya pesan akan hilang dalam 3 detik setelah muncul setTimeout(function(){$(".alert-danger").fadeOut('slow');}, 5000); $(document).ready(function(){setTimeout(function(){$(".alert-success").fadeIn('slow');}, 500);}); setTimeout(function(){$(".alert-success").fadeOut('slow');}, 5000); $(document).ready(function(){setTimeout(function(){$(".alert-warning").fadeIn('slow');}, 500);}); setTimeout(function(){$(".alert-success").fadeOut('slow');}, 5000); </script>