<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<!--<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//themes.googleusercontent.com" />
<link rel="dns-prefetch" href="//ajax.googleapis.com" />
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com" />
<link rel="dns-prefetch" href="//agorbatchev.typepad.com" />-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Login - Sistem Informasi Klinik MCU TKI</title>
<meta name="description" content="Sistem Informasi Lab Klinik " />
<meta name="author" content="Hidayat Muhammad Nur Wahid & Friends" />
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1" />
<!-- iPhone: Don't render numbers as call links -->
<meta name="format-detection" content="telephone=no" />
<link rel="shortcut icon" href="favicon.ico" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory:
mathiasbynens.be/notes/touch-icons -->
<!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
<!-- The Styles -->
<!-- --- -->
<!-- Layout Styles -->
<link rel="stylesheet" href="presentations/css/style.css" />
<link rel="stylesheet" href="presentations/css/grid.css" />
<link rel="stylesheet" href="presentations/css/layout.css" />
23
<!-- Icon Styles -->
<link rel="stylesheet" href="presentations/css/icons.css" />
<link rel="stylesheet" href="presentations/css/fonts/font-awesome.css" />
<!--[if IE 8]><link rel="stylesheet" href="presentations/css/fonts/font-awesome-ie7.css"><![endif]-->
<!-- External Styles -->
<link rel="stylesheet" href="presentations/css/external/jquery-ui-1.8.21.custom.css" />
<link rel="stylesheet" href="presentations/css/external/jquery.chosen.css" />
<link rel="stylesheet" href="presentations/css/external/jquery.cleditor.css" />
<link rel="stylesheet" href="presentations/css/external/jquery.colorpicker.css" />
<link rel="stylesheet" href="presentations/css/external/jquery.elfinder.css" />
<link rel="stylesheet" href="presentations/css/external/jquery.fancybox.css" />
<link rel="stylesheet" href="presentations/css/external/jquery.jgrowl.css" />
<link rel="stylesheet" href="presentations/css/external/jquery.plupload.queue.css" />
<link rel="stylesheet" href="presentations/css/external/syntaxhighlighter/shCore.css" />
<link rel="stylesheet"
href="presentations/css/external/syntaxhighlighter/shThemeDefault.css" />
<!-- Elements -->
<link rel="stylesheet" href="presentations/css/elements.css" />
<link rel="stylesheet" href="presentations/css/forms.css" />
<!-- Typographics -->
<link rel="stylesheet" href="presentations/css/typographics.css" />
<!-- Responsive Design -->
<link rel="stylesheet" href="presentations/css/media-queries.css" />
<!-- Bad IE Styles -->
<link rel="stylesheet" href="presentations/css/ie-fixes.css" />
<!-- The Scripts -->
<!-- --- -->
24
<!-- JavaScript at the top (will be cached by browser) -->
<!-- Load Webfont loader -->
<script type="text/javascript">
window.WebFontConfig = {
google: { families: [ 'PT Sans:400,700' ] },
active: function(){ $(window).trigger('fontsloaded') } };
</script>
<script defer="" async="" src="presentations/js/webfont.js"></script>
<!-- Essential polyfills -->
<script src="presentations/js/mylibs/polyfills/modernizr-2.6.1.min.js"></script>
<script src="presentations/js/mylibs/polyfills/respond.js"></script>
<script src="presentations/js/mylibs/polyfills/matchmedia.js"></script>
<!--[if lt IE 9]><script src="presentations/js/mylibs/polyfills/selectivizr-min.js"></script><![endif]-->
<!--[if lt IE 10]><script
src="presentations/js/mylibs/charts/excanvas.js"></script><![endif]-->
<!--[if lt IE 10]><script
src="presentations/js/mylibs/polyfills/classlist.js"></script><![endif]-->
<!-- Grab frameworks from CDNs -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>-->
<script>window.jQuery || document.write('<script src="presentations/js/libs/jquery-1.7.2.min.js"><\/script>')</script>
<!-- Do the same with jQuery UI -->
<!--<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>-->
<script>window.jQuery.ui || document.write('<script src="presentations/js/libs/jquery-ui-1.8.21.min.js"><\/script>')</script>
<!-- Do the same with Lo-Dash.js -->
<script src="presentations/js/lodash.min.js"></script>
<script>window._ || document.write('<script
src="presentations/js/libs/lodash.min.js"><\/script>')</script>
25
<!-- scripts concatenated and minified via build script -->
<!-- General Scripts -->
<script src="presentations/js/mylibs/jquery.hashchange.js"></script>
<script src="presentations/js/mylibs/jquery.idle-timer.js"></script>
<script src="presentations/js/mylibs/jquery.plusplus.js"></script>
<script src="presentations/js/mylibs/jquery.jgrowl.js"></script>
<script src="presentations/js/mylibs/jquery.scrollTo.js"></script>
<script src="presentations/js/mylibs/jquery.ui.touch-punch.js"></script>
<script src="presentations/js/mylibs/jquery.ui.multiaccordion.js"></script>
<script src="presentations/js/mylibs/number-functions.js"></script>
<!-- Forms -->
<script src="presentations/js/mylibs/forms/jquery.autosize.js"></script>
<script src="presentations/js/mylibs/forms/jquery.checkbox.js"></script>
<script src="presentations/js/mylibs/forms/jquery.chosen.js"></script>
<script src="presentations/js/mylibs/forms/jquery.cleditor.js"></script>
<script src="presentations/js/mylibs/forms/jquery.colorpicker.js"></script>
<script src="presentations/js/mylibs/forms/jquery.ellipsis.js"></script>
<script src="presentations/js/mylibs/forms/jquery.fileinput.js"></script>
<script src="presentations/js/mylibs/forms/jquery.fullcalendar.js"></script>
<script src="presentations/js/mylibs/forms/jquery.maskedinput.js"></script>
<script src="presentations/js/mylibs/forms/jquery.mousewheel.js"></script>
<script src="presentations/js/mylibs/forms/jquery.placeholder.js"></script>
<script src="presentations/js/mylibs/forms/jquery.pwdmeter.js"></script>
<script src="presentations/js/mylibs/forms/jquery.ui.datetimepicker.js"></script>
<script src="presentations/js/mylibs/forms/jquery.ui.spinner.js"></script>
<script src="presentations/js/mylibs/forms/jquery.validate.js"></script>
<script src="presentations/js/mylibs/forms/uploader/plupload.js"></script>
<script src="presentations/js/mylibs/forms/uploader/plupload.html5.js"></script>
<script src="presentations/js/mylibs/forms/uploader/plupload.html4.js"></script>
<script src="presentations/js/mylibs/forms/uploader/plupload.flash.js"></script>
<script
src="presentations/js/mylibs/forms/uploader/jquery.plupload.queue/jquery.plupload.queue.js"></
script>
26
<!-- Do not touch! -->
<script src="presentations/js/mango.js"></script>
<script src="presentations/js/plugins.js"></script>
<script src="presentations/js/script.js"></script>
<!-- JS goes here -->
<script src="presentations/js/app.js"></script>
<!-- end scripts -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body class="login">
<!-- Some dialogs etc. -->
<!-- The loading box -->
<div id="loading-overlay"></div>
<div id="loading">
<span>Loading...</span>
</div>
<!-- End of loading box -->
<!--->
<!-- Now, the page itself begins -->
<!--->
<!-- The toolbar at the top -->
<section id="toolbar">
<div class="container_12">
<!-- Left side -->
<div class="left">
<ul class="breadcrumb">
<li><a href="javascript:void(0);">Sistem Informasi Klinik Laboratorium</a></li>
27
<li><a href="javascript:void(0);">Lab Klinik An'nur Medika Utama</a></li>
</ul>
</div>
<!-- End of .left -->
<!-- Right side -->
<div class="right">
<ul>
<li><a href="#"><span class="icon i14_bended-arrow-left"></span>Data center Status</a></li>
<li class="red"><a href="#">Offline</a></li>
</ul>
</div><!-- End of .right -->
<!-- Phone only items -->
<div class="phone">
<!-- User Link -->
<li><a href="#"><span class="icon icon-home"></span></a></li>
<!-- Navigation -->
<li><a href="#"><span class="icon icon-heart"></span></a></li>
</div><!-- End of .phone -->
</div><!-- End of .container_12 -->
</section><!-- End of #toolbar -->
<!-- The header containing the logo -->
<header class="container_12">
<div class="container">
<p> </p>
<!-- Your logos -->
<a href="#"><img src="presentations/img/logo-light.png" alt="Mango"
width="210" height="124" /></a>
28
<a class="phone-title" href="login.html"><img src="presentations/img/logo-mobile.png" alt="Mango" height="22" width="70" /></a>
<!-- Right link -->
<div class="right">
<span>-</span>
<a href="javascript:void(0);">© Abu Mars Informatika</a>
</div>
</div><!-- End of .container -->
</header><!-- End of header -->
<!-- The container of the sidebar and content box -->
<section id="login" class="container_12 clearfix">
<form action="application/authenticate.php" method="post" class="box validate"
/>
<div class="header">
<h2><span class="icon icon-lock"></span>Login</h2>
</div>
<div class="content">
<!-- Login messages -->
<div class="login-messages">
<?php
if ($_GET['akses'] == 'gagal') {
echo "<div class='message welcome'><font color=red>Gagal! Periksa kembali nama dan password anda.</font></div>";
}else {
echo "<div class='message welcome'>Selamat Datang Kembali!</div>";
}
?>
29
<div class="message failure">Masukan Nama Pengguna dan Kata Sandi.</div>
</div>
<!-- The form -->
<div class="form-box">
<div class="row">
<label for="login_name">
<strong>Nama Pengguna</strong>
<small>atau alamat email</small>
</label>
<div>
<input tabindex="1" type="text"
class="required noerror" name="login_name" id="login_name" />
</div>
</div>
<div class="row">
<label for="login_pw">
<strong>Kata Sandi</strong>
<small><a href="javascript:void(0);"
id="">Lupa password?</a></small>
</label>
<div>
<input tabindex="2" type="password"
class="required noerror" name="login_pw" id="login_pw" />
</div>
</div>
</div><!-- End of .form-box -->
</div><!-- End of .content -->
<div class="actions">
<div class="left">
<div class="rememberme">
<input tabindex="4" type="checkbox"
name="login_remember" id="login_remember" checked="" /><label for="login_remember">Ingatkan saya ?</label>
30
</div>
</div>
<div class="right">
<input tabindex="3" type="submit" value="Login"
name="login_btn" />
</div>
</div><!-- End of .actions -->
</form><!-- End of form -->
</section>
<!-- Spawn $$.loaded -->
<script>
$$.loaded();
</script>
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7 ]>
<script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script
defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
</body>
</html>