fallback.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Musare</title>
  5. <link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">
  6. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
  7. integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  8. <style>
  9. html,
  10. body {
  11. height: 100%;
  12. }
  13. body {
  14. margin: 0;
  15. padding: 0;
  16. width: 100%;
  17. display: table;
  18. font-weight: 100;
  19. font-family: 'Lato';
  20. }
  21. .container {
  22. text-align: center;
  23. display: table-cell;
  24. vertical-align: middle;
  25. }
  26. .content {
  27. text-align: center;
  28. display: inline-block;
  29. padding-left: 15px;
  30. padding-right: 15px;
  31. }
  32. .title {
  33. font-size: 96px;
  34. }
  35. p {
  36. font-size: 28px;
  37. font-weight: 700;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div class="container">
  43. <div class="content">
  44. <img src="https://preview.ibb.co/eAo1y5/logo.png" alt="Logo" style="width: 80%;" />
  45. <div class="title">We are offline!</div>
  46. <p>Please check back later.</p>
  47. </div>
  48. </div>
  49. </body>
  50. </html>