login.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Log-In</title>
  6. <!-- <script src="https://kit.fontawesome.com/c818c46fe5.js" crossorigin="anonymous"></script> -->
  7. <link rel="stylesheet" href="./font-awesome.min.css" />
  8. <script src="/libs/jquery/jquery-3.6.0.min.js"></script>
  9. <link rel="stylesheet" href="./login.css" />
  10. <script type="text/javascript" src="./login.js"></script>
  11. </head>
  12. <body>
  13. <div class="flex-container">
  14. <form method="POST" action="/api/auth/login.do">
  15. <span class="logoImage"></span>
  16. <div class="title-line">용인시 ITS 통합운영단말 로그인</div>
  17. <div class="under-line"></div>
  18. <div class="input-box">
  19. <div>
  20. 아이디
  21. <input type="text" name="username" />
  22. </div>
  23. <div>
  24. 비밀번호
  25. <input type="password" name="password" />
  26. </div>
  27. <div>
  28. <i class="fa fa-lock" style="position: relative; font-size: 40px" aria-hidden="true"></i>
  29. <i class="fa fa-unlock-alt" style="position: relative; top: 15px; font-size: 40px; display: none" aria-hidden="true"></i>
  30. <span>들어가기</span>
  31. </div>
  32. <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" />
  33. </div>
  34. </form>
  35. </div>
  36. </body>
  37. </html>