index.html 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  5. <title>无法打开页面-Dever</title>
  6. <style type="text/css">
  7. body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
  8. body{font:14px/1.5 'Microsoft YaHei','微软雅黑',Helvetica,Sans-serif;min-width:1200px;background:#f0f1f3;}
  9. :focus{outline:0}
  10. h1,h2,h3,h4,h5,h6,strong{font-weight:700}
  11. a{color:#428bca;text-decoration:none}
  12. a:hover{text-decoration:underline}
  13. .error-page{background:#f0f1f3;padding:80px 0 180px}
  14. .error-page-container{position:relative;z-index:1}
  15. .error-page-main{position:relative;background:#f9f9f9;margin:0 auto;width:617px;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 50px 70px}
  16. .error-page-main:before{content:'';display:block;height:7px;position:absolute;top:-7px;width:100%;left:0}
  17. .error-page-main h3{font-size:24px;font-weight:400;border-bottom:1px solid #d0d0d0}
  18. .error-page-main h3 strong{font-size:54px;font-weight:400;margin-right:20px}
  19. .error-page-main h4{font-size:20px;font-weight:400;color:#333}
  20. .error-page-actions{font-size:0;z-index:100}
  21. .error-page-actions div{font-size:14px;display:inline-block;padding:30px 0 0 10px;width:50%;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#838383}
  22. .error-page-actions ol{list-style:decimal;padding-left:20px}
  23. .error-page-actions li{line-height:2.5em}
  24. .error-page-actions:before{content:'';display:block;position:absolute;z-index:-1;bottom:17px;left:50px;width:200px;height:10px;-moz-box-shadow:4px 5px 31px 11px #999;-webkit-box-shadow:4px 5px 31px 11px #999;box-shadow:4px 5px 31px 11px #999;-moz-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);-o-transform:rotate(-4deg);transform:rotate(-4deg)}
  25. .error-page-actions:after{content:'';display:block;position:absolute;z-index:-1;bottom:17px;right:50px;width:200px;height:10px;-moz-box-shadow:4px 5px 31px 11px #999;-webkit-box-shadow:4px 5px 31px 11px #999;box-shadow:4px 5px 31px 11px #999;-moz-transform:rotate(4deg);-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}
  26. </style>
  27. </head>
  28. <body>
  29. <div class="error-page">
  30. <div class="error-page-container">
  31. <div class="error-page-main" error="<?php echo $html?>">
  32. <h3>
  33. <strong>404</strong>无法打开页面
  34. </h3>
  35. <div class="error-page-actions">
  36. <div>
  37. <h4>可能原因:</h4>
  38. <ol>
  39. <li>网络信号差</li>
  40. <li>找不到请求的页面</li>
  41. <li>输入的网址不正确</li>
  42. </ol>
  43. </div>
  44. <div>
  45. <h4>可以尝试:</h4>
  46. <ul>
  47. <li><a href="<?php echo $host?>">返回首页</a></li>
  48. <li><a href="javascript:history.back(-1)">返回上一页</a></li>
  49. <li><a href="http://www.dever.cc/" target="_blank">到官网提出您的问题</a></li>
  50. </ul>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </body>
  57. </html>