512mb-website/public.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <title>Public Services</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Public Services @ 512mb group">
  <meta name="author" content="crt">
  <meta name="keywords" content="Linux, Servers, Networking, Coding">

  <!-- Le styles -->
  <link href="assets/bootstrap.css" rel="stylesheet">
  <style>
    body {
      padding-top: 20px;
      padding-bottom: 60px;
    }

    /* Custom container */
    .container {
      margin: 0 auto;
      max-width: 1000px;
    }

    .container>hr {
      margin: 60px 0;
    }

    /* Main marketing message and sign up button */
    .jumbotron {
      margin: 80px 0;
      text-align: center;
    }

    .jumbotron h1 {
      font-size: 100px;
      line-height: 1;
    }

    .jumbotron .lead {
      font-size: 24px;
      line-height: 1.25;
    }

    .jumbotron .btn {
      font-size: 21px;
      padding: 14px 24px;
    }

    /* Supporting marketing content */
    .marketing {
      margin: 60px 0;
    }

    .marketing p+h4 {
      margin-top: 28px;
    }

    .pissbigger h1 {
      font-size: 42px;
      line-height: 1;
    }

    .hero-unit {
      text-align: center;
    }
  </style>
  <link href="assets/bootstrap-responsive.css" rel="stylesheet">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

  <!-- Fav and touch icons -->
  <link rel="icon" type="image/x-icon" href="./favicon.ico">
</head>

<body>

  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="brand" href="index.html">512mb group</a>
        <div class="nav-collapse collapse">
          <ul class="nav">
            <li><a href="index.html">Home</a></li>
            <li class="active"><a href="services.html">Services</a></li>
            <li><a href="irc.html">IRC rules</a></li>
            <li><a href="files">Files</a></li>
            <li><a href="https://wiki.512mb.org/">Wiki</a></li>
            <li><a href="https://yt.512mb.org/">Invidious</a></li>
            <li><a href="https://search.512mb.org/">Searx</a></li>
          </ul>
        </div>
        <!--/.nav-collapse -->
      </div>
    </div>
  </div>

  <div class="container">

    <hr>

    <div class="pissbigger">
      <h1>Public services</h1> <br><br>
    </div>

    <div class="row-fluid">
      <div class="span4">
        <div class="hero-unit">
          <h1>Speedtest</h1>
          <p><a href="https://speedtest.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
        </div>


      </div>
      <div class="span4">
        <div class="hero-unit">
          <h1>Wiki</h1>
          <p><a href="https://wiki.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
        </div>


      </div>


      <div class="span4">
        <div class="hero-unit">
          <h1>Status page</h1>
          <p>Various Mirrors for Linux and other things</p>
          <br>
          <p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
        </div>


      </div>
      <div class="span4" style="margin-left: 0%;">
        <div class="hero-unit">
          <h1>Translator</h1>
          <p><a href="https://translate.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
        </div>


      </div>
      <div class="span4">
        <div class="hero-unit">
          <h1>Tests/Unfinished</h1>
          <p>Things currently being worked on</p>
          <br>
          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
        </div>


      </div>
      <div class="span4">
        <div class="hero-unit">
          <h1>Related Sites</h1>
          <p>Sites made by 512mb or hosted here</p>
          <br>
          <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
        </div>


      </div>
    </div>

    <!-- Who runs this madness end -->

    <hr>

    <footer>
      <p>512mb group 2017-2022</p>
    </footer>

  </div> <!-- /container -->

  <!-- Le javascript
    ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->
  <script src="assets/jquery.js"></script>
  <script src="assets/bootstrap-transition.js"></script>
  <script src="assets/bootstrap-alert.js"></script>
  <script src="assets/bootstrap-modal.js"></script>
  <script src="assets/bootstrap-dropdown.js"></script>
  <script src="assets/bootstrap-scrollspy.js"></script>
  <script src="assets/bootstrap-tab.js"></script>
  <script src="assets/bootstrap-tooltip.js"></script>
  <script src="assets/bootstrap-popover.js"></script>
  <script src="assets/bootstrap-button.js"></script>
  <script src="assets/bootstrap-collapse.js"></script>
  <script src="assets/bootstrap-carousel.js"></script>
  <script src="assets/bootstrap-typeahead.js"></script>


</body>

</html>