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

 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <!-- Tell the browser to be responsive to screen width -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="">
     <meta name="author" content="">
     <!-- Favicon icon -->
     <link rel="icon" type="image/png" sizes="16x16" href="<?php echo base_url() ?>desain/assets/images/polije.png">
     <title>SIM Bayi Stunting</title>

     <!-- page css -->
     <link href="<?php echo base_url() ?>desain/dist/css/pages/login-register-lock.css" rel="stylesheet">
     <!-- Custom CSS -->
     <link href="<?php echo base_url() ?>desain/dist/css/style.min.css" rel="stylesheet">


     <!-- HTML5 Shim and Respond.js 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="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
 </head>

 <body class="skin-blue card-no-border">
     <!-- ============================================================== -->
     <!-- Preloader - style you can find in spinners.css -->
     <!-- ============================================================== -->
     <div class="preloader">
         <div class="loader">
             <div class="loader__figure"></div>
             <p class="loader__label">Elite admin</p>
         </div>
     </div>
     <!-- ============================================================== -->
     <!-- Main wrapper - style you can find in pages.scss -->
     <!-- ============================================================== -->
     <section id="wrapper">
         <div class="login-register" style="background-image:url(<?php echo base_url() ?>desain/assets/images/background.jpg);">
             <div class="login-box card" style="background-image:url(<?php echo base_url() ?>desain/assets/images/resa.png); border-radius: 15px;">
                 <div class="card-body">
                     <form class="form-horizontal form-material" id="loginform" method="post" action=" <?php echo base_url() . "Login/cek_login" ?>">
                         <h3 class="box-title m-b-20">Selamat Datang</h3>
                         <div class="form-group ">
                             <div class="col-xs-12">
                                 <input class="form-control" type="text" required="" name="username" id="username" placeholder="Username">
                             </div>
                         </div>
                         <div class="form-group">
                             <div class="col-xs-12">
                                 <input class="form-control" type="password" required="" name="password" id="password" placeholder="Password">
                             </div>
                         </div>
                         <div class="form-group text-center">
                             <div class="col-xs-12 p-b-20">
                                 <button class="btn btn-block btn-lg btn-info btn-rounded" type="submit">Masuk</button>
                             </div>
                         </div>
                     </form>
                 </div>
             </div>
         </div>
     </section>

     <!-- ============================================================== -->
     <!-- End Wrapper -->
     <!-- ============================================================== -->
     <!-- ============================================================== -->
     <!-- All Jquery -->
     <!-- ============================================================== -->
     <script src="<?php echo base_url() ?>desain/assets/node_modules/jquery/jquery-3.2.1.min.js"></script>
     <!-- Bootstrap tether Core JavaScript -->
     <script src="<?php echo base_url() ?>desain/assets/node_modules/popper/popper.min.js"></script>
     <script src="<?php echo base_url() ?>desain/assets/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
     <script src="https://cdn.rawgit.com/ashl1/datatables-rowsgroup/v1.0.0/dataTables.rowsGroup.js"></script>
     <!--Custom JavaScript -->
     <script type="text/javascript">
         $(function() {
             $(".preloader").fadeOut();
         });
         $(function() {
             $('[data-toggle="tooltip"]').tooltip()
         });
         // ============================================================== 
         // Login and Recover Password 
         // ============================================================== 
         $('#to-recover').on("click", function() {
             $("#loginform").slideUp();
             $("#recoverform").fadeIn();
         });
     </script>

 </body>

 </html>