login.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <html>
  2. <head>
  3. <style>
  4. body {
  5. background: #eee !important;
  6. }
  7. .wrapper {
  8. margin-top: 80px;
  9. margin-bottom: 80px;
  10. }
  11. .form-signin {
  12. max-width: 380px;
  13. padding: 15px 35px 45px;
  14. margin: 0 auto;
  15. background-color: #fff;
  16. border: 1px solid rgba(0, 0, 0, 0.1);
  17. }
  18. .form-signin .form-signin-heading,
  19. .form-signin .checkbox {
  20. margin-bottom: 30px;
  21. }
  22. .form-signin .checkbox {
  23. font-weight: normal;
  24. }
  25. .form-signin .form-control {
  26. position: relative;
  27. font-size: 16px;
  28. height: auto;
  29. padding: 10px;
  30. -webkit-box-sizing: border-box;
  31. -moz-box-sizing: border-box;
  32. box-sizing: border-box;
  33. }
  34. .form-signin .form-control:focus {
  35. z-index: 2;
  36. }
  37. .form-signin input[type=text] {
  38. margin-bottom: -1px;
  39. border-bottom-left-radius: 0;
  40. border-bottom-right-radius: 0;
  41. }
  42. .form-signin input[type=password] {
  43. margin-bottom: 20px;
  44. border-top-left-radius: 0;
  45. border-top-right-radius: 0;
  46. }
  47. </style>
  48. </head>
  49. <body>
  50. <div class="wrapper">
  51. <img src="/static/logo_choozmo.webp" style="display: block; margin-left: auto; margin-right: auto; width: 150px;" >
  52. <form class="form-signin">
  53. <h2 class="form-signin-heading">請以您的Google帳號登入</h2>
  54. <button class="btn btn-lg btn-primary btn-block" type="submit" onclick="location.href = 'https://seo.hhh.com.tw/login';"></button>">Google 登入</button>
  55. </form>
  56. </div>
  57. </body>
  58. </html>