login.html 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <head>
  2. <meta charset="utf-8">
  3. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  5. <meta name="description" content="">
  6. <meta name="author" content="">
  7. <title>SB Admin - Start Bootstrap Template</title>
  8. <!-- Bootstrap core CSS-->
  9. <link href="{{ url_for('static', filename='vendor/bootstrap/css/bootstrap.css') }}" rel="stylesheet">
  10. <!-- Custom fonts for this template-->
  11. <link href="{{ url_for('static', filename='vendor/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
  12. <!-- Custom styles for this template-->
  13. <link href="{{ url_for('static', filename='css/sb-admin.css') }}" rel="stylesheet">
  14. </head>
  15. <body class="bg-dark">
  16. <div class="container">
  17. <div class="card mx-auto mt-5">
  18. <div class="card-header">
  19. <i class="fa fa-user"></i> Login
  20. </div>
  21. <div class="card-body">
  22. {% with messages = get_flashed_messages(with_categories=true) %}
  23. {% if messages %}
  24. {% for category, message in messages %}
  25. <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
  26. {{ message }}
  27. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  28. <span aria-hidden="true">&times;</span>
  29. </button>
  30. </div>
  31. {% endfor %}
  32. {% endif %}
  33. {% endwith %}
  34. <div class="row">
  35. <div class="col-12 col-md-6">
  36. <h2>Login</h2>
  37. <form method="post">
  38. <div class="form-group">
  39. <label class="text-normal text-dark">Email</label>
  40. <input type="email" class="form-control" name="email" placeholder="Email">
  41. </div>
  42. <div class="form-group">
  43. <label class="text-normal text-dark">Password</label>
  44. <input type="password" class="form-control" name="password" placeholder="Password">
  45. </div>
  46. <div class="form-group pull-right">
  47. <button class="btn btn-primary">Login</button>
  48. </div>
  49. </form>
  50. </div>
  51. <div class="col-12 col-md-6">
  52. <h2>Register</h2>
  53. <form action="{{ url_for('register')}}" method="post">
  54. <div class="form-group">
  55. <label class="text-normal text-dark">Name</label>
  56. <input type="text" class="form-control" name="name" placeholder="Name">
  57. </div>
  58. <div class="form-group">
  59. <label class="text-normal text-dark">Email</label>
  60. <input type="email" class="form-control" name="email" placeholder="Email">
  61. </div>
  62. <div class="form-group">
  63. <label class="text-normal text-dark">Password</label>
  64. <input type="password" class="form-control" name="password" placeholder="Password">
  65. </div>
  66. <div class="form-group pull-right">
  67. <button class="btn btn-primary">Register</button>
  68. </div>
  69. </form>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <!-- Bootstrap core JavaScript-->
  76. <script type='text/javascript' src="{{ url_for('static', filename='vendor/jquery/jquery.min.js') }}"></script>
  77. <script type='text/javascript' src="{{ url_for('static', filename='vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  78. <script type='text/javascript' src="{{ url_for('static', filename='js/site/sb-admin.min.js') }}"></script>
  79. <!-- Core plugin JavaScript-->
  80. </body>
  81. </html>