RS Online

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="author" content="Webpixels"> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <title>RS Online</title>  <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,800|Roboto:400,500,700" rel="stylesheet">  <link type="text/css" href="https://sirs.kemkes.go.id/fo/assets/css/theme.css" rel="stylesheet">  <link type="text/css" href="https://sirs.kemkes.go.id/fo/assets/css/demo.css" rel="stylesheet"> <style> .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #fff; } .preloader .loading { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font: 14px arial; } #myBtn { display: none; /* Hidden by default */ cursor: pointer; display: none; height: 54px; width: 54px; position: fixed; right: 88px; bottom: 20px; z-index: 8; padding: 10px 20px; font-size: 18px; border-radius: 50%; background-color: #000; } #myBtn:hover { background-color: #B0BF1A; /* Add a dark-grey background on hover */ } #myBtn2 { display: none; /* Hidden by default */ cursor: pointer; display: none; height: 54px; width: 54px; position: fixed; right: 88px; bottom: 20px; z-index: 8; padding: 10px 20px; font-size: 18px; border-radius: 50%; background-color: #000; } #myBtn2:hover { background-color: #B0BF1A; /* Add a dark-grey background on hover */ } .arrow { border: solid white; border-width: 0 5px 5px 0; display: inline-block; padding: 3px; } .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .left { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -webkit-font-smoothing: antialiased; } .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } </style> </head> <body> <div class="preloader"> <div class="loading"> <img src="https://sirs.kemkes.go.id/fo/assets/images/poi.gif" width="80"> <p>Harap Tunggu</p> </div> </div> <nav class="navbar navbar-expand-lg navbar-dark bg-white"> <div class="container"> <a class="navbar-brand" href="#"><img src="https://sirs.kemkes.go.id/fo/assets/images/kemkes.png" style="width: 125px;"> </a> <button class="navbar-toggler" type="button" data-action="offcanvas-open" data-target="#navbar_main" aria-controls="navbar_main" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse offcanvas-collapse" id="navbar_main"> <ul class="navbar-nav ml-auto align-items-lg-center"> <li class="nav-item active" id="beranda"> <a class="nav-link active" href="#">Beranda</a> </li> <li class="nav-item" id="scrol"> <a class="nav-link" href="#">Informasi</a> </li> <li class="nav-item" id="scrol-2"> <a class="nav-link" href="#">Hubungi Kami</a> </li> <li class="nav-item"> <a class="nav-link" href="https://sirs.kemkes.go.id/fo/login">Log In</a>  </li> </ul> </div> </div> </nav> <main class="main"> <section id="beranda" class="spotlight parallax bg-cover bg-size--cover" data-spotlight="fullscreen" style="background-image: url('https://sirs.kemkes.go.id/fo/assets/images/img-1.jpeg')"> <span class="mask bg-success alpha-2"></span> <div class="spotlight-holder py-lg pt-lg-xl"> <div class="container align-items-center no-padding"> <div class="col"> <div class="row cols-xs-space align-items-center text-center text-md-center justify-content-center"> <div class="col-12"> <div class="text-md-center mt-5"> <h2 class="heading display-3 font-weight-400 text-dark mt-5 animated" data-animation-in="fadeInUp" data-animation-delay="2000"> <span class="font-weight-700 text-white">SELAMAT DATANG PADA APLIKASI RS ONLINE</span> </h2> <h4 class="heading display-5 font-weight-400 text-dark mt-5 animated" data-animation-in="fadeInUp" data-animation-delay="2000"> <span class="font-weight-700 text-white">DIREKTORAT JENDERAL PELAYANAN KESEHATAN</span> </h4> </div> </div> </div> </div> </div> </div> </section> <section class="slice slice-xl second" data-spotlight="fullscreen"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="display-3 text-dark text-center">DASHBOARD INFORMASI</div>  <p id='myBtn' onclick="topFunction()"><i class="arrow up"></i></p> <div class="row typeface-palette cols--space"> <div class="col-sm-4"> <a href="https://sirs.kemkes.go.id/fo/home/dashboard_rs?id=0"> <div class="typeface-entry bg-success"> <h4 class="heading display-4 font-weight-400 text-white text-center"> Dashboard <br/>RS Online </h4> <p class="text-white"> Dashboard Informasi Rumah Sakit disajikan dalam bentuk peta dan Grafik </p> </div> </a> </div> <div class="col-sm-4"> <a> <div class="typeface-entry bg-tertiary"> <h4 class="heading display-4 font-weight-400 text-white text-center"> Dashboard <br/>RS Covid </h4> <p class="text-white"> Dashboard Informasi Rumah Sakit Yang Melayani Covid </p> </div> </a> </div> <div class="col-sm-4"> <a href="https://sirs.kemkes.go.id/fo/home/dashboard_siranap"> <div class="typeface-entry bg-danger"> <h4 class="heading display-4 font-weight-400 text-white text-center"> Dashboard <br/>SIRANAP </h4> <p class="text-white"> Dashboard Informasi Ketersediaan Tempat Tidur di Rumah Sakit </p> </div> </a> </div> <div class="col-sm-4"> <a href="https://sirs.kemkes.go.id/fo/home/aktif_sisrute"> <div class="typeface-entry bg-primary"> <h4 class="heading display-4 font-weight-400 text-white text-center"> Dashboard <br/>Sisrute </h4> <p class="text-white"> Dashboard Informasi Keaktifan Faskes dalam Sistem Rujukan Terintegrasi </p> </div> </a> </div> <div class="col-sm-4"> <a href="https://sirs.kemkes.go.id/fo/login"> <div class="typeface-entry bg-green"> <h4 class="heading display-4 font-weight-400 text-white text-center"> Dashboard <br/>Eksekutif </h4> <p class="text-white"> Dashboard Informasi Khusus Untuk Internal Kemkes dan Stakeholder </p> </div> </a> </div>  </div> </div> </div>  </section> <section class="slice slice-xl bg-teal third" data-spotlight="fullscreen"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="display-3 text-dark text-center">Hubungi Kami</div> <p id='myBtn2' onclick="topFunction()"><i class="arrow up"></i></p> </div> <div class="col-lg-3"> <div class="typeface-entry bg-tertiary"> <h3><p class="text-white text-center">Kementerian Kesehatan Republik Indonesia</p></h3> <h5 class="text-white">Jl. H.R. Rasuna Said Blok X.5 Kav. 4-9, Kota Jakarta Selatan, Daerah Khusus Ibu Kota Jakarta 12950</h5><br> <h5 class="text-white">Telp. 021-5201590 (hunting) Fax. 021-52921669<br><br> email. admin.yankes@kemkes.go.id</h5 ></div> </div> <div class="col-lg-6"> <div id="box-shadow"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d31730.011231795914!2d106.832483!3d-6.230551!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf836aca84bf44251!2sKementerian%20Kesehatan%20Republik%20Indonesia!5e0!3m2!1sid!2sus!4v1598948468967!5m2!1sid!2sus" frameborder="0" allowfullscreen="allowfullscreen" class="embed-responsive" height="300px"></iframe> </div> </div> <div class="col-lg-3"> <div id="box-shadow"> <h4>Statistik Pengunjung</h4> <div class="row"> <div class="col-sm-12"> <div class="typeface-entry bg-dark"> <h4 class="heading display-6 font-weight-400 text-white text-center"> Hari Ini : </h4> <p class="text-white display-4 text-center"> </p> </div> </div> <div class="col-sm-12"> <div class="typeface-entry bg-dark"> <h4 class="heading display-6 font-weight-400 text-white text-center"> Total Sampai Hari Ini: </h4> <p class="text-white display-4 text-center"> </p> </div> </div> <div class="col-sm-12"> <div class="typeface-entry bg-dark"> <h4 class="heading display-6 font-weight-400 text-white text-center"> Rata-Rata Pengunjung: </h4> <p class="text-white display-4 text-center"> </p> </div> </div> </div> </div> </div> </div> </div> </section> </main> <footer class="pt-12 pb-1 footer footer-dark bg-tertiary"> <a href="https://www.concejomunicipalchia.gov.co/" target="_blank" rel="noopener noreferrer" style="display: none;">Bonus New Member</a> <div class="container"> <div class="col-sm-12"> © 2021 <a href="https://webpixels.io/" class="footer-link" target="_blank">Ditjen Yankes</a> </div> </div> </footer>  <script src="https://sirs.kemkes.go.id/fo/assets/vendor/jquery/jquery.min.js"></script> <script src="https://sirs.kemkes.go.id/fo/assets/vendor/popper/popper.min.js"></script> <script src="https://sirs.kemkes.go.id/fo/assets/vendor/fontawesome/js/fontawesome-all.min.js"></script>  <script src="https://sirs.kemkes.go.id/fo/assets/vendor/bootstrap-select/js/bootstrap-select.min.js"></script> <script src="https://sirs.kemkes.go.id/fo/assets/vendor/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script> <script src="https://sirs.kemkes.go.id/fo/assets/vendor/input-mask/input-mask.min.js"></script> <script src="https://sirs.kemkes.go.id/fo/assets/vendor/nouislider/js/nouislider.min.js"></script> <script src="https://sirs.kemkes.go.id/fo/assets/vendor/textarea-autosize/textarea-autosize.min.js"></script>  <script src="https://sirs.kemkes.go.id/fo/assets/js/theme.js"></script> </body> </html> <script type="text/javascript"> $(document).ready(function(){ $(".preloader").fadeOut("slow"); // Add smooth scrolling to all links $("#scrol").on('click', function(event) { $('html,body').animate({ scrollTop: $(".second").offset().top}, 'slow'); }); $("#scrol-2").on('click', function(event) { $('html,body').animate({ scrollTop: $(".third").offset().top}, 'slow'); mybutton2.style.display = "none"; }); $("#beranda").on('click', function(event) { $('html,body').animate({ scrollTop: $("#beranda").offset().top}, 'slow'); }); mybutton = document.getElementById("myBtn"); mybutton2 = document.getElementById("myBtn2"); // When the user scrolls down 20px from the top of the document, show the button window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { mybutton.style.display = "block"; } else { mybutton.style.display = "none"; } if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) { mybutton2.style.display = "block"; } else { mybutton2.style.display = "none"; } } }); function topFunction() { document.body.scrollTop = 0; // For Safari document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera } </script>

CINXE.COM

RS Online