Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>Feedback System</title> | |
| <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> | |
| <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> | |
| <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | |
| </head> | |
| <style> | |
| .login-container { | |
| margin-top: 5%; | |
| margin-bottom: 5%; | |
| } | |
| .login-logo { | |
| position: relative; | |
| margin-left: -41.5%; | |
| } | |
| .login-logo img { | |
| position: absolute; | |
| width: 20%; | |
| margin-top: 19%; | |
| background: #060641; | |
| border-radius: 4.5rem; | |
| padding: 5%; | |
| } | |
| .login-form-1 { | |
| padding: 9%; | |
| background: #060641; | |
| box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19); | |
| } | |
| .login-form-1 h3 { | |
| text-align: center; | |
| margin-bottom: 12%; | |
| color: #fff; | |
| } | |
| .login-form-2 { | |
| padding: 9%; | |
| background: #bfd8e9; | |
| box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19); | |
| } | |
| .login-form-2 h3 { | |
| text-align: center; | |
| margin-bottom: 12%; | |
| color: black; | |
| } | |
| .btnSubmit { | |
| font-weight: 600; | |
| width: 50%; | |
| color: #282726; | |
| background-color: #fff; | |
| border: none; | |
| border-radius: 1.5rem; | |
| padding: 2%; | |
| } | |
| .btnForgetPwd { | |
| color: #fff; | |
| font-weight: 600; | |
| text-decoration: none; | |
| } | |
| .btnForgetPwd:hover { | |
| text-decoration: none; | |
| color: #fff; | |
| } | |
| .fon { | |
| color: white; | |
| text-align: center; | |
| } | |
| </style> | |
| <body> | |
| <div class="container login-container"> | |
| <div class="row"> | |
| <div class="col-md-6 login-form-1"> | |
| <h3>Application Login</h3> | |
| <h6 class="fon">Login here to access Student Feedbacks</h6> | |
| </div> | |
| <div class="col-md-6 login-form-2"> | |
| <div class="login-logo"> | |
| <img src="https://image.ibb.co/n7oTvU/logo_white.png" alt="" /> | |
| </div> | |
| <h3>Login</h3> | |
| <form action="/login" method="POST"> | |
| <div class="form-group"> | |
| <input type="text" name="username" class="form-control" placeholder="Your Username *" | |
| value="" /> | |
| </div> | |
| <div class="form-group"> | |
| <input type="password" name="password" class="form-control" placeholder="Your Password *" | |
| value="" /> | |
| </div> | |
| <div class="form-group"> | |
| <input type="submit" class="btnSubmit" value="Login" /> | |
| </div> | |
| <div class="form-group"> | |
| <a href="#" class="btnForgetPwd" style="color: black;" value="Login">Forget Password?</a> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |