404.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>The page you were looking for doesn't exist (404)</title>
  5. <meta name="viewport" content="width=device-width,initial-scale=1">
  6. <style>
  7. body {
  8. background-color: #EFEFEF;
  9. color: #2E2F30;
  10. text-align: center;
  11. font-family: arial, sans-serif;
  12. margin: 0;
  13. }
  14. div.dialog {
  15. width: 95%;
  16. max-width: 33em;
  17. margin: 4em auto 0;
  18. }
  19. div.dialog > div {
  20. border: 1px solid #CCC;
  21. border-right-color: #999;
  22. border-left-color: #999;
  23. border-bottom-color: #BBB;
  24. border-top: #B00100 solid 4px;
  25. border-top-left-radius: 9px;
  26. border-top-right-radius: 9px;
  27. background-color: white;
  28. padding: 7px 12% 0;
  29. box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
  30. }
  31. h1 {
  32. font-size: 100%;
  33. color: #730E15;
  34. line-height: 1.5em;
  35. }
  36. div.dialog > p {
  37. margin: 0 0 1em;
  38. padding: 1em;
  39. background-color: #F7F7F7;
  40. border: 1px solid #CCC;
  41. border-right-color: #999;
  42. border-left-color: #999;
  43. border-bottom-color: #999;
  44. border-bottom-left-radius: 4px;
  45. border-bottom-right-radius: 4px;
  46. border-top-color: #DADADA;
  47. color: #666;
  48. box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <!-- This file lives in public/404.html -->
  54. <div class="dialog">
  55. <div>
  56. <h1>The page you were looking for doesn't exist.</h1>
  57. <p>You may have mistyped the address or the page may have moved.</p>
  58. </div>
  59. <p>If you are the application owner check the logs for more information.</p>
  60. </div>
  61. </body>
  62. </html>