diff --git a/services-old.html b/services-old.html
index 22cb517..255a9a3 100644
--- a/services-old.html
+++ b/services-old.html
@@ -1,95 +1,240 @@
-      <div class="row-fluid">
-        <div class="span4">
-<div class="hero-unit">
-        <h1>Nextcloud instance</h1>
-        <p><a href="https://edge.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Webmail</h1>
-        <p><a href="https://mail.512mb.org/SOGo/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<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 class="hero-unit">
-        <h1>Wekan</h1>
-        <p><a href="https://board.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Media server</h1>
-        <p><a href="https://media.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-      <div class="hero-unit">
-        <h1>invidious (youtube)</h1>
-        <p><a href="https://yt.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-      <div class="hero-unit">
-        <h1>Archlinux mirror</h1>
-        <p><a href="https://512mb.org/arch" class="btn btn-primary btn-large">Take me there</a></p>
+<!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>
-        <div class="span4">
-<div class="hero-unit">
-        <h1>Password Manager</h1>
-        <p><a href="https://pw.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Searx</h1>
-        <p><a href="https://search.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>H5ai</h1>
-        <p><a href="https://512mb.org/hai" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Gitea</h1>
-        <p><a href="https://512mb.org/git" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Nectarine Proxy</h1>
-        <p><a href="https://512mb.org/necta" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>libreddit (reddit)</h1>
-        <p><a href="https://reddit.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Manjaro mirror</h1>
-        <p><a href="https://512mb.org/manjaro" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
+      <div class="container">
 
-        </div>
-        <div class="span4">
-<div class="hero-unit">
-        <h1>Status Page</h1>
-        <p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<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 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 class="hero-unit">
-        <h1>Solitair</h1>
-        <p><a href="https://512mb.org/files/solitair/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Picture Gallery</h1>
-        <p><a href="https://pics.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>dabr (twitter)</h1>
-        <p><a href="https://twitter.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
-<div class="hero-unit">
-        <h1>Gentoo mirror</h1>
-        <p><a href="https://512mb.org/gentoo" class="btn btn-primary btn-large">Take me there</a></p>
-      </div>
+          <hr>
 
-        </div>
-</div>
\ No newline at end of file
+          <div class="pissbigger">
+              <h1>Services</h1> <br><br>
+          </div>
+          <div class="grid">
+            <div class="hero-unit">
+                <h1>Nextcloud instance</h1>
+                <p><a href="https://cloud.512mb.org/" class="btn btn-primary btn-large" >Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Webmail</h1>
+                <p><a href="https://mail.512mb.org/SOGo/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <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 class="hero-unit">
+                <h1>Wekan</h1>
+                <p><a href="https://board.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Media server</h1>
+                <p><a href="https://media.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>invidious (youtube)</h1>
+                <p><a href="https://yt.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Archlinux mirror</h1>
+                <p><a href="https://512mb.org/arch" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Password Manager</h1>
+                <p><a href="https://pw.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Searx</h1>
+                <p><a href="https://search.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>H5ai</h1>
+                <p><a href="https://512mb.org/hai" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Gitea</h1>
+                <p><a href="https://512mb.org/git" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Nectarine Proxy</h1>
+                <p><a href="https://512mb.org/necta" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>libreddit (reddit)</h1>
+                <p><a href="https://reddit.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Manjaro mirror</h1>
+                <p><a href="https://512mb.org/manjaro" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Status Page</h1>
+                <p><a href="https://status.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <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 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 class="hero-unit">
+                <h1>Solitair</h1>
+                <p><a href="https://512mb.org/files/solitair/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Picture Gallery</h1>
+                <p><a href="https://pics.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>dabr (twitter)</h1>
+                <p><a href="https://twitter.512mb.org/" class="btn btn-primary btn-large">Take me there</a></p>
+            </div>
+            <div class="hero-unit">
+                <h1>Gentoo mirror</h1>
+                <p><a href="https://512mb.org/gentoo" class="btn btn-primary btn-large">Take me there</a></p>
+            </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>
