verify_email.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en" >
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>驗證信箱</title>
  7. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
  8. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
  9. crossorigin="anonymous">
  10. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  11. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  12. <style>
  13. .h2 {
  14. text-align: center;
  15. font-size: 2rem;
  16. font-weight: 500;
  17. margin-top: 2rem;
  18. }
  19. .imgfr {
  20. width: 70%;
  21. max-width: 800px;
  22. min-width: 300px;
  23. }
  24. .imgfr img {
  25. width: 100%;
  26. }
  27. .pl-0 {
  28. padding-left: 0;
  29. }
  30. .link {
  31. text-decoration: none;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <div class="container">
  37. <main>
  38. <div class="m-auto text-center">
  39. <h2 class="h2"><img src="../html/static/img/checked (2).png" width="36" class="me-2">驗證成功</h2>
  40. <p>立即導頁至<a href="./login.html" class="link">登入頁</a>,以繼續使用服務</p>
  41. <div><img src="../html/static/img/Spinner-1s-181px.gif" width="36" alt=""></div>
  42. <div class="imgfr mx-auto">
  43. <img src="../html/static/img/undraw_well_done_i2wr.png" alt="">
  44. </div>
  45. </div>
  46. </main>
  47. </div>
  48. <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  49. <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>
  50. <script>
  51. </script>
  52. </body>
  53. </html>