login.html 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html lang="zxx">
  3. <head>
  4. <title>Home</title>
  5. <!-- Meta tag Keywords -->
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta charset="UTF-8"/>
  8. <meta name="keywords"
  9. content="Hotair Login Form Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
  10. <!-- //Meta tag Keywords -->
  11. <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700;900&display=swap"
  12. rel="stylesheet">
  13. <!--/Style-CSS -->
  14. <link rel="stylesheet" href="/static/login/css/style.css" type="text/css" media="all"/>
  15. <!--//Style-CSS -->
  16. <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet"
  17. integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  18. <link rel="stylesheet" href="/static/login/css/font-awesome.min.css" type="text/css" media="all">
  19. </head>
  20. <body>
  21. <!-- form section start -->
  22. <section class="w3l-hotair-form">
  23. <h1>宝智达冷链后台</h1>
  24. <div class="container">
  25. <!-- /form -->
  26. <div class="workinghny-form-grid">
  27. <div class="main-hotair">
  28. <div class="content-wthree">
  29. <h2>登录</h2>
  30. <p>To Your Account</p>
  31. <form action="/login" method="post">
  32. <input type="text" class="text" name="username" placeholder="账号" required="">
  33. <input type="password" class="password" name="password" placeholder="密码" required="">
  34. <button class="btn" type="submit">登录</button>
  35. </form>
  36. </div>
  37. <div class="w3l_form align-self">
  38. <div class="left_grid_info">
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <!-- //form -->
  44. </div>
  45. <!-- copyright-->
  46. <!-- //copyright-->
  47. </section>
  48. <!-- //form section start -->
  49. <script src="/static/login/js/jquery.min.js"></script>
  50. <script>
  51. $(document).ready(function (c) {
  52. $('.alert-close').on('click', function (c) {
  53. $('.main-hotair').fadeOut('slow', function (c) {
  54. $('.main-hotair').remove();
  55. });
  56. });
  57. });
  58. </script>
  59. <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/js/bootstrap.bundle.min.js"
  60. integrity="sha384-/mhDoLbDldZc3qpsJHpLogda//BVZbgYuw6kof4u2FrCedxOtgRZDTHgHUhOCVim"
  61. crossorigin="anonymous"></script>
  62. </body>
  63. </html>