login.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Вход</title>
  6. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  7. <link rel="stylesheet" type="text/css" href="http://localhost:8080/resources/login/style.css">
  8. </head>
  9. <body>
  10. <section class="vh-100 gradient-custom">
  11. <div class="container py-5 h-100">
  12. <div class="row d-flex justify-content-center align-items-center h-100">
  13. <div class="col-12 col-md-8 col-lg-6 col-xl-5">
  14. <div class="ard bg-dark text-white" style="border-radius: 1rem;">
  15. <div class="card-body p-5">
  16. <div class="mb-md-5 mt-md-4 pb-2">
  17. <form method="POST" id="loginsubmitform">
  18. <h2 class="fw-bold mb-2 text-uppercase text-center pb-4">Вход</h2>
  19. <div class="form-outline form-white mb-4">
  20. <label class="form-label" for="typeEmailX">Имя пользователя</label>
  21. <input type="text" id="username" name="username" class="form-control form-control-lg" value="{{.Username}}" required>
  22. </div>
  23. <div class="form-group form-outline form-white mb-4">
  24. <label class="form-label" for="typePasswordX">Пароль</label>
  25. <span class="has-float-label pass_show mb-4">
  26. <input type="password" id="password" name="password" class="form-control form-control-lg has-float-label" value="{{.Password}}" required>
  27. </span>
  28. <small id="errmsg" class="form-text text-center errmsg">{{if .Error}}{{.Error}}{{end}}</small>
  29. </div>
  30. <div class="text-center">
  31. <input class="btn btn-dark btn-lg px-5" type="submit" value="Войти">
  32. </div>
  33. </form>
  34. </div>
  35. <div>
  36. <p class="mb-0 text-secondary">Не зарегистрированы? <a href="/signin/" class="text-primary fw-bold myclass">Зарегистироваться</a></p>
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </section>
  44. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
  45. </script>
  46. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  47. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  48. <script src="http://localhost:8080/resources/login/script.js"></script>
  49. </body>
  50. </html>