<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>512mb group</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Service list of 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;
    }
    
    .grid {
      display: grid;
      gap: 1rem;
      grid-template-columns: 1fr 1fr 1fr;
    }
    
    @media (min-width: 600px) and (max-width: 979px) {
      .grid {
        grid-template-columns: 1fr 1fr;
      }
    }
    
    @media (max-width: 600px) {
      .grid {
        grid-template-columns: 1fr;
      }
    }

    </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>Services</h1> <br><br>
      </div>

      <div class="grid">
        <div class="hero-unit">
          <h1>Public Services</h1>
          <p>Services you can access without having an account created for you</p>
          <p><a href="public.html" class="btn btn-primary btn-large">Take me there</a></p>
        </div>

        <div class="hero-unit">
          <h1>Member Services</h1>
          <p>Services you will need an account made by an admin</p>
          <br>
          <p><a href="members.html" class="btn btn-primary btn-large">Take me there</a></p>
        </div>
        
        <div class="hero-unit">
          <h1>Mirrors</h1>
          <p>Various Mirrors for Linux and other things</p>
          <br>
          <p><a href="mirrors.html" class="btn btn-primary btn-large">Take me there</a></p>
        </div>
        
        <div class="hero-unit">
          <h1>Archives</h1>
          <p>Websites/Services that are archived or nolonger maintained</p>
          <p><a href="archives.html" class="btn btn-primary btn-large">Take me there</a></p>
        </div>
        
        <div class="hero-unit">
          <h1>Tests/Unfinished</h1>
          <p>Things currently being worked on</p>
          <br>
          <p><a href="tests.html" class="btn btn-primary btn-large">Take me there</a></p>
        </div>
        
        <div class="hero-unit">
          <h1>Related Sites</h1>
          <p>Sites made by 512mb or hosted here</p>
          <br>
          <p><a href="related.html" class="btn btn-primary btn-large">Take me there</a></p>
        </div>
      </div>

      <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>