<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<title>Ximple AdminLTE 2 | Log in</title>
|
<!-- Tell the browser to be responsive to screen width -->
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
<!-- Bootstrap 3.3.6 -->
|
<asset:stylesheet src="bootstrap/css/bootstrap.min.css"/>
|
<!-- Font Awesome -->
|
<asset:stylesheet src="font-awesome/css/font-awesome.min.css"/>
|
<!-- Ionicons -->
|
<asset:stylesheet src="ionicons/css/ionicons.min.css"/>
|
<!-- Theme style -->
|
<asset:stylesheet src="AdminLTE.min.css"/>
|
<!-- AdminLTE Skins. Choose a skin from the css/skins
|
folder instead of downloading all of them to reduce the load. -->
|
<asset:stylesheet src="skins/_all-skins.min.css"/>
|
<!-- iCheck -->
|
<asset:stylesheet src="jquery/icheck/skins/flat/blue.css"/>
|
|
<!-- 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]>
|
<asset:javascript src="html5shiv/html5shiv.min.js"/>
|
<asset:javascript src="respond/respond.min.js"/>
|
<![endif]-->
|
</head>
|
<body class="hold-transition login-page">
|
<div class="login-box">
|
<div class="login-logo">
|
<a href="/"><b>Ximple</b>LTE</a>
|
</div>
|
<!-- /.login-logo -->
|
<div class="login-box-body">
|
<p class="login-box-msg">Sign in to start your session</p>
|
|
<form action="/" method="post">
|
<div class="form-group has-feedback">
|
<input type="email" class="form-control" placeholder="Email">
|
<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
|
</div>
|
<div class="form-group has-feedback">
|
<input type="password" class="form-control" placeholder="Password">
|
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
|
</div>
|
<div class="row">
|
<div class="col-xs-8">
|
<div class="checkbox icheck">
|
<label>
|
<input type="checkbox"> Remember Me
|
</label>
|
</div>
|
</div>
|
<!-- /.col -->
|
<div class="col-xs-4">
|
<button type="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
|
</div>
|
<!-- /.col -->
|
</div>
|
</form>
|
|
<!--div class="social-auth-links text-center">
|
<p>- OR -</p>
|
<a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign in using
|
Facebook</a>
|
<a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> Sign in using
|
Google+</a>
|
</div-->
|
<!-- /.social-auth-links -->
|
|
<!--a href="#">I forgot my password</a><br>
|
<a href="register.html" class="text-center">Register a new membership</a-->
|
|
</div>
|
<!-- /.login-box-body -->
|
</div>
|
<!-- /.login-box -->
|
|
<!-- jQuery 2.2.0 -->
|
<asset:javascript src="jquery/jquery.min.js"/>
|
<!-- jQuery UI 1.11.4 -->
|
<!--asset:javascript src="jquery/jquery-ui.min.js"/-->
|
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
|
<script>
|
// $.widget.bridge('uibutton', $.ui.button);
|
</script>
|
<!-- Bootstrap 3.3.6 -->
|
<asset:javascript src="bootstrap/bootstrap.min.js"/>
|
<!-- iCheck -->
|
<asset:javascript src="jquery/icheck.min.js"/>
|
<script>
|
$(function () {
|
$('input').iCheck({
|
checkboxClass: 'icheckbox_square-blue',
|
radioClass: 'iradio_square-blue',
|
increaseArea: '20%' // optional
|
});
|
});
|
</script>
|
</body>
|
</html>
|
