index.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Maintenance</title>
  6. <link rel="shortcut icon" href="img/favicon.png"/>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <!--[if lt IE 9]>
  9. <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  10. <![endif]-->
  11. <!-- STYLES -->
  12. <!-- Bootstrap 3.3.7 -->
  13. <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
  14. <!-- Font Awesome 4.7.0 -->
  15. <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
  16. <!-- Style -->
  17. <link rel="stylesheet" type="text/css" href="css/style.css"/>
  18. </head>
  19. <body>
  20. <section>
  21. <div class="container">
  22. <div class="row">
  23. <div class="col-xs-12 col-md-12 col-lg-12">
  24. <h1>Sorry, we`re down for maintenance </h1>
  25. </div>
  26. </div>
  27. <div class="row">
  28. <div class="col-xs-12 col-md-8 col-md-offset-2 col-lg-offset-2 col-lg-8">
  29. <p class="content">We will try to do everything very quickly, but this is inaccurate =).</p>
  30. </div>
  31. </div>
  32. <div class="row" id="social">
  33. <div class="col-xs-12 col-md-12 col-lg-12">
  34. <a title="Twitter" href="https://twitter.com/OetenStudio" target="_blank"><i
  35. class="fa fa-twitter-square fa-3x"></i></a>
  36. <a title="Skype" href="skype:pashcovich_?chat"><i class="fa fa-skype fa-3x"></i></a>
  37. <a title="Telegram" href="https://t.me/pashcovich"><i class="fa fa-telegram fa-3x"></i></a>
  38. <a title="Email" href="mailto:admin@oeten.ru"><i class="fa fa-envelope fa-3x"></i></a>
  39. </div>
  40. </div>
  41. </div>
  42. </section>
  43. </body>
  44. </html>