<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Orbis</title>

<!-- Bootstrap -->
<link href="<?= base_url(); ?>/css/bootstrap.css" rel="stylesheet">
<link href="<?= base_url(); ?>/css/styles.css" rel="stylesheet" type="text/css">
<link href="<?= base_url(); ?>/css/material-kit.css" rel="stylesheet" type="text/css">
<link href="<?= base_url(); ?>/css/demo.css" rel="stylesheet" type="text/css">

<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> 
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- 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="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="dashboard">
<div class="loginOuter">


<div class="loginBox">
    <form action="/index.php/user/check_login" method="post">
        <div class="loginInner">
            <div class="row">
                <div class="col-lg-12">
            <div class="logoLogin">
                <img src="<?= base_url(); ?>/img/orbisLogoNew.png">
            </div>
            </div>

            </div>
            <div class="error_msg" style="color: red; font-weight: bold;">
                <?php echo $this->session->flashdata('error_msg'); ?>
            </div>
             
             
<!--                <div class="col-lg-12">
                     <div class="email">
                        <input type="email" required="" placeholder="Email address" name="user_email">
                     </div>
             	</div>-->
               <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group label-floating">
                            <label class="control-label">Email ID</label>
                            <input type="email" name="user_email" class="form-control">
                        </div>
                    </div>
               </div>

  			   <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group label-floating">
                            <label class="control-label">Password</label>
                            <input type="Password" name="user_pass" class="form-control">
                        </div>
                    </div>
               </div>

           <!-- <div class="row">
                <div class="col-lg-12">             
             <div class="password">
             	<input type="password" required="" placeholder="Password" name="user_pass">
             </div>
             </div>
             </div>-->
        	<!--<div class="forgotPswd">Forgot Password?</div>-->
            
            <!-- <div class="button"><a href="#">Login</a></div> -->

            <div class="row rowBtn">
                <div class="col-lg-12">
                    <button class="btn btn-default" type="submit">Login</button>
                </div>
            </div>
    </form>
        </div><!--loginInner-->
</div><!--loginBox-->

<footer class="loginFooter">
    <div class="copyright"> © Copyright 2017, Orbis. All Rights Reserved </div>
</footer>

</div>

</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="<?= base_url(); ?>/js/jquery-1.11.2.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="<?= base_url(); ?>/js/bootstrap.js"></script>
<script src="<?= base_url(); ?>js/material-kit.js"></script>
<script src="<?= base_url(); ?>js/material.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	var height=$( window ).height();
		$(".loginOuter").css('height',height);
		
		updateImageSize();
		$(window).resize(function() {
		updateImageSize();
	});
});
</script>



</body>
</html>
