63 lines
2.0 KiB
HTML
63 lines
2.0 KiB
HTML
{% include 'header_login.html' %}
|
|
<style>
|
|
.Absolute-Center {
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 0; left: 0; bottom: 0; right: 0;
|
|
}
|
|
|
|
.Absolute-Center.is-Responsive {
|
|
width: 50%;
|
|
height: 50%;
|
|
min-width: 400px;
|
|
max-width: 400px;
|
|
padding: 40px;
|
|
}
|
|
</style>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="Absolute-Center is-Responsive">
|
|
<div id="logo-container"></div>
|
|
<div class="col-sm-12 col-md-10 col-md-offset-1">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading"> <strong class="">Login</strong>
|
|
</div>
|
|
<div class="panel-body">
|
|
<form class="form-horizontal" role="form" action="/login/" method="post" autocomplete="on">
|
|
<div class="form-group">
|
|
<div class="form-group input-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
|
|
<input type="username" name="username" class="form-control" required="yes" placeholder="Username">
|
|
</div>
|
|
</div>
|
|
<div class="form-group input-group">
|
|
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
|
|
<input type="password" name="password" class="form-control" id="inputPassword3" placeholder="Password" required="">
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-3 col-sm-9">
|
|
{% if failed %}
|
|
<div>
|
|
<font color="red">{{failed}}</font>
|
|
</div>
|
|
{% endif %}
|
|
<div class="checkbox">
|
|
<label class="">
|
|
<input type="checkbox" class="">Remember me</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group last">
|
|
<div class="col-sm-offset-3 col-sm-9">
|
|
<button type="submit" class="btn btn-success btn-sm">Sign in</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% include 'footer_login.html' %}
|