GamesPage

.idea/workspace.xml

@@ -63,6 +63,7 @@
       <workItem from="1679754546660" duration="3762000" />
       <workItem from="1679776338023" duration="11768000" />
       <workItem from="1679841996008" duration="10372000" />
+      <workItem from="1679854460628" duration="1157000" />
     </task>
     <servers />
   </component>

games.html

@@ -25,8 +25,10 @@
 
         <!--Mobile-->
         <button onclick="showMobileMenuBar()" id="mobileMenuBarButton">
-            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
-                <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list"
+                 viewBox="0 0 16 16">
+                <path fill-rule="evenodd"
+                      d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
             </svg>
         </button>
     </nav>
@@ -38,7 +40,7 @@
         <ul>
             <li><a href="https://www.iogamestudios.de/index">Home</a></li>
 
-            <li  class="highlighted"><a href="https://www.iogamestudios.de/games">Games</a></li>
+            <li class="highlighted"><a href="https://www.iogamestudios.de/games">Games</a></li>
 
             <li><a href="https://www.iogamestudios.de/quicklinks">Quicklinks</a></li>
 
@@ -52,8 +54,28 @@
 <div class="contentArea">
 
 
-    <div id="mainPageCards">
+    <h1 style="color: #F7A4A4">Let us introduce...</h1>
 
+    <img src="BanngerFlufflParty.png" class="imageFull" style="margin-bottom: 50px">
+    <img src="FlufflParty1.png" class="imageFull">
+
+    <div class="mainPageCards">
+
+        <div class="color3">
+            <h2>Free</h2>
+
+            <p style="margin-bottom: 100px">Enjoy our new party game for free. No ads will annoy you.</p>
+        </div>
+        <div class="color2">
+            <h2>MiniGames</h2>
+
+            <p style="margin-bottom: 100px">Explore funny MiniGames with your friends online.</p>
+        </div>
+        <div class="color1">
+            <h2>Crossplay</h2>
+
+            <p style="margin-bottom: 100px">Play together on Android, Windows, Mac and even Linux!</p>
+        </div>
     </div>
 
 </div>