revamped website

about.html

@@ -20,22 +20,22 @@
 
     <div class="about-container">
         <h1>Saturn</h1>
-        <p>Four developers, one team since 2022.</p>
+        <p><b>Saturn</b> - it's just a hobby, We are not a company and we only provide services that benefits the needs of friends or ourselves.</p>
-        <p>Saturn is where we showcase the projects we’ve created.</p>
+        <p><b>Background</b> - Saturn started in 2022 and are proud to be a private non-company (lol) secure hosting solution for fun!</p>
+        <p><b>Related Services</b> - Saturn Services cover *.saturn.gay.</p>
         <br>
-        <div class="members">
+
-                <a href="https://wildy.saturn.gay" target="_blank">WILDY</a>
+        <h2 style="font-size: 2em;"><i>So what makes Saturn so great?</i></h2>
-                <a href="https://aze.saturn.gay" target="_blank">AZE</a>
+        <p>We provide our friends with custom solutions whether it's web hosting or VPSes, We do it all.</p>
-                <a href="https://fulgur.saturn.gay" target="_blank">FULGUR</a>
+        <br>
-                <a href="https://denial.saturn.gay" target="_blank">DENIAL</a>
+        <p>While it's just a hobby, We take things serious.<br>We run our services on serious hardware with reliable software and nice security options!</p>
-        </div>
     </div>
 
     <div class="navbar">
         <a href="index.html">HOME</a>
         <a href="about.html">ABOUT</a>
-        <a href="projects.html">PROJECTS</a>
+        <a href="services.html">SERVICES</a>
-        <a href="https://host.saturn.gay/">HOSTING</a>
+        <a href="https://hq.saturn.gay/">HQ</a>
     </div>
     <div class="rbottom">
         <div class="switches">

assets/css/styles.css

@@ -208,4 +208,34 @@ body.dark-mode .theme-switch {
 .switches {
     display: flex;
     gap: 15px;
+}
+
+/* projects.html */
+.services-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 15px;
+    margin-top: 20px;
+    width: 70%;
+    margin: 0 auto;
+}
+
+.service-item {
+    padding: 15px;
+    border-radius: 8px;
+}
+
+.service-item a {
+    text-decoration: none;
+}
+
+@media (max-width: 900px) {
+    .services-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+@media (max-width: 500px) {
+    .services-grid {
+        grid-template-columns: 1fr;
+    }
 }

index.html

@@ -38,8 +38,8 @@
     <div class="navbar">
         <a href="index.html">HOME</a>
         <a href="about.html">ABOUT</a>
-        <a href="projects.html">PROJECTS</a>
+        <a href="services.html">SERVICES</a>
-        <a href="https://host.saturn.gay/">HOSTING</a>
+        <a href="https://hq.saturn.gay/">HQ</a>
     </div>
 
     <div class="rbottom">

services.html

@@ -20,8 +20,27 @@
     <div class="navbar">
         <a href="index.html">HOME</a>
         <a href="about.html">ABOUT</a>
-        <a href="projects.html">PROJECTS</a>
+        <a href="services.html">SERVICES</a>
-        <a href="https://host.saturn.gay/">HOSTING</a>
+        <a href="https://hq.saturn.gay/">HQ</a>
+    </div>
+    <div class="about-container">
+        <h1 style="text-align: center;">Saturn Services</h1>
+
+        <div class="services-grid">
+            <div class="service-item">
+                <a href="https://matrix.saturn.gay/"><p><b>Matrix</b> - We love our Matrix very much. It's been around since 2025.</p></a>
+            </div>
+
+            <div class="service-item">
+                <a href="https://gitlab.saturn.gay/"><p><b>Gitlab</b> - We self-host our own Gitlab instance where we store our solutions.</p></a>
+            </div>
+
+            <div class="service-item">
+            </div>
+
+            <div class="service-item">
+            </div>
+        </div>
     </div>
    <div class="rbottom">
         <div class="switches">