You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

196 lines
5.5 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5. <meta charset="utf-8">
  6. <title>512mb group</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta name="description" content="Service list of 512mb group">
  9. <meta name="author" content="crt">
  10. <meta name="keywords" content="Linux, Servers, Networking, Coding">
  11. <!-- Le styles -->
  12. <link href="assets/bootstrap.css" rel="stylesheet">
  13. <style>
  14. body {
  15. padding-top: 20px;
  16. padding-bottom: 60px;
  17. }
  18. /* Custom container */
  19. .container {
  20. margin: 0 auto;
  21. max-width: 1000px;
  22. }
  23. .container>hr {
  24. margin: 60px 0;
  25. }
  26. /* Main marketing message and sign up button */
  27. .jumbotron {
  28. margin: 80px 0;
  29. text-align: center;
  30. }
  31. .jumbotron h1 {
  32. font-size: 100px;
  33. line-height: 1;
  34. }
  35. .jumbotron .lead {
  36. font-size: 24px;
  37. line-height: 1.25;
  38. }
  39. .jumbotron .btn {
  40. font-size: 21px;
  41. padding: 14px 24px;
  42. }
  43. /* Supporting marketing content */
  44. .marketing {
  45. margin: 60px 0;
  46. }
  47. .marketing p+h4 {
  48. margin-top: 28px;
  49. }
  50. .pissbigger h1 {
  51. font-size: 42px;
  52. line-height: 1;
  53. }
  54. .hero-unit {
  55. text-align: center;
  56. }
  57. .grid {
  58. display: grid;
  59. gap: 1rem;
  60. grid-template-columns: 1fr 1fr 1fr;
  61. }
  62. @media (min-width: 600px) and (max-width: 979px) {
  63. .grid {
  64. grid-template-columns: 1fr 1fr;
  65. }
  66. }
  67. @media (max-width: 600px) {
  68. .grid {
  69. grid-template-columns: 1fr;
  70. }
  71. }
  72. </style>
  73. <link href="assets/bootstrap-responsive.css" rel="stylesheet">
  74. <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  75. <!--[if lt IE 9]>
  76. <script src="../assets/js/html5shiv.js"></script>
  77. <![endif]-->
  78. <!-- Fav and touch icons -->
  79. <link rel="icon" type="image/x-icon" href="./favicon.ico">
  80. </head>
  81. <body>
  82. <div class="navbar navbar-inverse navbar-fixed-top">
  83. <div class="navbar-inner">
  84. <div class="container">
  85. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  86. <span class="icon-bar"></span>
  87. <span class="icon-bar"></span>
  88. <span class="icon-bar"></span>
  89. </button>
  90. <a class="brand" href="index.html">512mb group</a>
  91. <div class="nav-collapse collapse">
  92. <ul class="nav">
  93. <li><a href="index.html">Home</a></li>
  94. <li class="active"><a href="services.html">Services</a></li>
  95. <li><a href="irc.html">IRC rules</a></li>
  96. <li><a href="files">Files</a></li>
  97. <li><a href="https://wiki.512mb.org/">Wiki</a></li>
  98. <li><a href="https://yt.512mb.org/">Invidious</a></li>
  99. <li><a href="https://search.512mb.org/">Searx</a></li>
  100. </ul>
  101. </div>
  102. <!--/.nav-collapse -->
  103. </div>
  104. </div>
  105. </div>
  106. <div class="container">
  107. <hr>
  108. <div class="pissbigger">
  109. <h1>Services</h1> <br><br>
  110. </div>
  111. <div class="grid">
  112. <div class="hero-unit">
  113. <h1>Speedtest</h1>
  114. <p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  115. </div>
  116. <div class="hero-unit">
  117. <h1>Wiki</h1>
  118. <p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  119. </div>
  120. <div class="hero-unit">
  121. <h1>Status page</h1>
  122. <p>Various Mirrors for Linux and other things</p>
  123. <br>
  124. <p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  125. </div>
  126. <div class="hero-unit">
  127. <h1>Translator</h1>
  128. <p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  129. </div>
  130. <!--
  131. <div class="hero-unit">
  132. <h1>Tests/Unfinished</h1>
  133. <p>Things currently being worked on</p>
  134. <br>
  135. <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  136. </div>
  137. <div class="hero-unit">
  138. <h1>Related Sites</h1>
  139. <p>Sites made by 512mb or hosted here</p>
  140. <br>
  141. <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
  142. </div>-->
  143. </div>
  144. <hr>
  145. <footer>
  146. <p>512mb group 2017-2022</p>
  147. </footer>
  148. </div> <!-- /container -->
  149. <!-- Le javascript
  150. ================================================== -->
  151. <!-- Placed at the end of the document so the pages load faster -->
  152. <script src="assets/jquery.js"></script>
  153. <script src="assets/bootstrap-transition.js"></script>
  154. <script src="assets/bootstrap-alert.js"></script>
  155. <script src="assets/bootstrap-modal.js"></script>
  156. <script src="assets/bootstrap-dropdown.js"></script>
  157. <script src="assets/bootstrap-scrollspy.js"></script>
  158. <script src="assets/bootstrap-tab.js"></script>
  159. <script src="assets/bootstrap-tooltip.js"></script>
  160. <script src="assets/bootstrap-popover.js"></script>
  161. <script src="assets/bootstrap-button.js"></script>
  162. <script src="assets/bootstrap-collapse.js"></script>
  163. <script src="assets/bootstrap-carousel.js"></script>
  164. <script src="assets/bootstrap-typeahead.js"></script>
  165. </body>
  166. </html>