diff options
Diffstat (limited to 'qtip/web/templates/registration')
-rw-r--r-- | qtip/web/templates/registration/login.html | 104 |
1 files changed, 88 insertions, 16 deletions
diff --git a/qtip/web/templates/registration/login.html b/qtip/web/templates/registration/login.html index 53da9376..1e15b90b 100644 --- a/qtip/web/templates/registration/login.html +++ b/qtip/web/templates/registration/login.html @@ -1,18 +1,90 @@ <!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <title>QTIP Benchmarking Services</title> - </head> - <body> - {% block content %} - <form role="form" method="post" action= "/bench/login/">{% csrf_token %} - {{ form }} - <div class=input-field" style="margin:30px 20px"> - <button type="submit" value="Login"/>Login</button> - <input type="hidden" name="next" value = "{{ next }}"/> +<html> +<head> + <meta charset="UTF-8"> + <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> + <title>Sign In | Bootstrap Based Admin Template - Material Design</title> + <!-- Favicon--> + <link rel="icon" href="/static/favicon.ico" type="image/x-icon"> + + <!-- Google Fonts --> + <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css"> + <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css"> + + <!-- Bootstrap Core Css --> + <link href="/static/plugins/bootstrap/css/bootstrap.css" rel="stylesheet"> + + <!-- Waves Effect Css --> + <link href="/static/plugins/node-waves/waves.css" rel="stylesheet" /> + + <!-- Animation Css --> + <link href="/static/plugins/animate-css/animate.css" rel="stylesheet" /> + + <!-- Custom Css --> + <link href="/static/css/style.css" rel="stylesheet"> +</head> + +<body class="login-page"> + <div class="login-box"> + <div class="card"> + <div class="body"> + {% block content %} + <form id="sign_in" method="POST" action="/bench/login/" > {% csrf_token %} + <div class="msg">Sign in to start your session</div> + <div class="input-group"> + <span class="input-group-addon"> + <i class="material-icons">person</i> + </span> + <div class="form-line"> + <input type="text" class="form-control" name="{{ form.username.html_name}}" placeholder="Username" required autofocus> + </div> + </div> + <div class="input-group"> + <span class="input-group-addon"> + <i class="material-icons">lock</i> + </span> + <div class="form-line"> + <input type="password" class="form-control" name="{{ form.password.html_name }}" placeholder="Password" required> + </div> + </div> + <div class="row"> + <div class="col-xs-8 p-t-5"> + <input type="checkbox" name="rememberme" id="rememberme" class="filled-in chk-col-pink"> + <label for="rememberme">Remember Me</label> + </div> + <div class="col-xs-4"> + <button class="btn btn-block bg-pink waves-effect" type="submit">SIGN IN</button> + </div> + </div> + <div class="row m-t-15 m-b--20"> + <div class="col-xs-6"> + <a href="sign-up.html">Register Now!</a> + </div> + <div class="col-xs-6 align-right"> + <a href="forgot-password.html">Forgot Password?</a> + </div> + </div> + {{ form.errors }} + </form> </div> - </form> - {% endblock %} - </body> -</html>
\ No newline at end of file + </div> + </div> + {% endblock %} + <!-- Jquery Core Js --> + <script src="/static/plugins/jquery/jquery.min.js"></script> + + <!-- Bootstrap Core Js --> + <script src="/static/plugins/bootstrap/js/bootstrap.js"></script> + + <!-- Waves Effect Plugin Js --> + <script src="/static/plugins/node-waves/waves.js"></script> + + <!-- Validation Plugin Js --> + <script src="/static/plugins/jquery-validation/jquery.validate.js"></script> + + <!-- Custom Js --> + <script src="/static/js/admin.js"></script> + <script src="/static/js/pages/examples/sign-in.js"></script> +</body> + +</html> |