error.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <%- include('components/meta-head.html') %>
  5. <link rel="stylesheet" href="/css/insight.css" />
  6. <style>
  7. .error-message{
  8. margin: 30px auto 0;
  9. padding: 102px 0 0;
  10. height: 580px;
  11. background-color: #fff;
  12. border-radius: 16px;
  13. overflow: hidden;
  14. box-sizing: border-box;
  15. text-align: center;
  16. }
  17. .error-message:before{
  18. font-size: 100px;
  19. content: "错";
  20. font-family: "fuxi";
  21. color: #999;
  22. }
  23. .error-message h3{
  24. font-size: 20px;
  25. }
  26. .error-message p{
  27. margin: 20px 0;
  28. font-size: 14px;
  29. color: #999;
  30. }
  31. .error-message .goback{
  32. margin: 0 auto;
  33. width: 162px;
  34. height: 40px;
  35. font-size: 16px;
  36. line-height: 40px;
  37. display: block;
  38. color: #fff;
  39. text-align: center;
  40. border-radius: 4px;
  41. overflow: hidden;
  42. background-color: #FF784D;
  43. }
  44. .error-message .goback:hover{
  45. text-decoration: none;
  46. background-color: #FB541F;
  47. }
  48. </style>
  49. </head>
  50. <body class="sticky">
  51. <%- include('components/site-header.html') %>
  52. <div class="container result-container">
  53. <div class="wrapper error-message">
  54. <h3>抱歉,你访问的页面不存在</h3>
  55. <p><span id="second">10</span>秒后将自动跳转至伏羲碳惠首页</p>
  56. <a href="/" class="goback">回到首页</a>
  57. </div>
  58. </div>
  59. <%- include('components/site-footer.html') %>
  60. <script>
  61. var time = 11
  62. function timeout (){
  63. time -= 1
  64. second.innerHTML = time
  65. if(time <= 0){
  66. timeout.timer && clearTimeout(timeout.timer)
  67. location.replace('/')
  68. return false
  69. }
  70. timeout.timer = setTimeout(timeout, 1E3)
  71. }
  72. timeout()
  73. </script>
  74. </body>
  75. </html>