2 neue Kategorien und neue Anordnung

index.html

@@ -20,29 +20,36 @@
       </div>
       <div class="menu-links">
         <!-- Gemeinsame Links für Desktop und mobile Ansichten -->
-        <a class="menu-link" href="">Kontakt</a>
         <a class="menu-link" href="">Spiele</a>
+        <a class="menu-link" href="">Tutorials</a>
+        <a class="menu-link" href="">Extensions</a>
+        <a class="menu-link" href="">Kontakt</a>
       </div>
     </div>
     <div class="mobile-menu" onclick="toggleMenu()">
-      <a class="menu-link-mobile" href="">Kontakt</a>
+      <a class="menu-link-home" href="">BR0TCRAFT</a>
       <a class="menu-link-mobile" href="">Spiele</a>
+      <a class="menu-link-mobile" href="">Tutorials</a>
+      <a class="menu-link-mobile" href="">Turbowarp-Extensions</a>
+      <a class="menu-link-mobile" href="">Kontakt</a>
     </div>
-    <h1 class="headline">Meine Spiele</h1>
+    <h1 class="headline">Spiele</h1>
     <div class="SpielTypen">
-      <a href="" class="KategorieLink"
-        ><img src="img/SpielTypen/Javascript.png" alt=""
+      <a href=""
+        ><img src="img/SpielTypen/Javascript.png" class="KategorieLink"
       /></a>
-      <a href="" class="KategorieLink"
-        ><img src="img/SpielTypen/PocketCode.png" alt=""
+      <a href=""
+        ><img src="img/SpielTypen/PocketCode.png" class="KategorieLink"
       /></a>
-      <a href="" class="KategorieLink"
-        ><img src="img/SpielTypen/Unity.png" alt=""
+      <a href=""
+        ><img src="img/SpielTypen/Unity.png" class="KategorieLink"
       /></a>
-      <a href="" class="KategorieLink"
-        ><img src="img/SpielTypen/Turbowarp.png" alt=""
+      <a href=""
+        ><img src="img/SpielTypen/Turbowarp.png" class="KategorieLink"
       /></a>
     </div>
+    <h1 class="headline">Tutorials</h1>
+    <h1 class="headline">Turbowarp-Extensions</h1>
 
     <script>
       function toggleMenu() {