diff --git a/icons/Controller.png b/icons/Controller.png
new file mode 100644
index 0000000..b5e411c
Binary files /dev/null and b/icons/Controller.png differ
diff --git a/icons/Link.svg b/icons/Link.svg
new file mode 100644
index 0000000..3f04714
--- /dev/null
+++ b/icons/Link.svg
@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="283" height="337.81532" viewBox="0,0,283,337.81532"><g transform="translate(-98.5,-11.09234)"><g data-paper-data="{&quot;isPaintingLayer&quot;:true}" fill-rule="nonzero" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" style="mix-blend-mode: normal"><g><g><g><path d="M98.5,180.63739c0,-11.26462 9.13178,-20.3964 20.3964,-20.3964c11.26462,0 20.3964,9.13178 20.3964,20.3964c0,11.26462 -9.13178,20.3964 -20.3964,20.3964c-11.26462,0 -20.3964,-9.13178 -20.3964,-20.3964z" fill="#000000" stroke="none" stroke-width="1" stroke-linecap="butt"/><g fill="none" stroke="#000000" stroke-width="5" stroke-linecap="round"><path d="M360.1391,32.83909l-240.27819,147.24468"/><path d="M119.8609,180.71295l240.27819,147.24468" data-paper-data="{&quot;index&quot;:null}"/></g></g><path d="M340.70721,328.51126c0,-11.26462 9.13178,-20.3964 20.3964,-20.3964c11.26462,0 20.3964,9.13178 20.3964,20.3964c0,11.26462 -9.13178,20.3964 -20.3964,20.3964c-11.26462,0 -20.3964,-9.13178 -20.3964,-20.3964z" fill="#000000" stroke="none" stroke-width="1" stroke-linecap="butt"/></g><path d="M340.70721,31.48874c0,-11.26462 9.13178,-20.3964 20.3964,-20.3964c11.26462,0 20.3964,9.13178 20.3964,20.3964c0,11.26462 -9.13178,20.3964 -20.3964,20.3964c-11.26462,0 -20.3964,-9.13178 -20.3964,-20.3964z" fill="#000000" stroke="none" stroke-width="1" stroke-linecap="butt"/></g></g></g></svg><!--rotationCenter:141.50000000000006:168.90765765765772-->
\ No newline at end of file
diff --git a/icons/link.png b/icons/link.png
new file mode 100644
index 0000000..cfb56c8
Binary files /dev/null and b/icons/link.png differ
diff --git a/icons/link1.png b/icons/link1.png
new file mode 100644
index 0000000..1ca70c3
Binary files /dev/null and b/icons/link1.png differ
diff --git a/icons/link1.svg b/icons/link1.svg
new file mode 100644
index 0000000..9b73326
--- /dev/null
+++ b/icons/link1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M280 64h40c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128C0 92.7 28.7 64 64 64h40 9.6C121 27.5 153.3 0 192 0s71 27.5 78.4 64H280zM64 112c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V128c0-8.8-7.2-16-16-16H304v24c0 13.3-10.7 24-24 24H192 104c-13.3 0-24-10.7-24-24V112H64zm128-8a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"/></svg>
\ No newline at end of file
diff --git a/icons/meine-spiele.png b/icons/meine-spiele.png
new file mode 100644
index 0000000..28e44a3
Binary files /dev/null and b/icons/meine-spiele.png differ
diff --git a/icons/schuessel.png b/icons/schuessel.png
new file mode 100644
index 0000000..ff8f29c
Binary files /dev/null and b/icons/schuessel.png differ
diff --git a/Icons/spiele.png b/icons/spiele.png
similarity index 100%
rename from Icons/spiele.png
rename to icons/spiele.png
diff --git a/icons/spielen-button.png b/icons/spielen-button.png
new file mode 100644
index 0000000..459c841
Binary files /dev/null and b/icons/spielen-button.png differ
diff --git a/index.html b/index.html
index af6f7fb..aaf4f30 100644
--- a/index.html
+++ b/index.html
@@ -19,42 +19,15 @@
 		</style>
 	</head>
 	<body>
-		<h1>Einleitung</h1>
+		<h1><img src="/icons/Controller.png" height="150svh">
+		<br/>
+		Creative Crafter</h1>
 		<h3>Hi, meine Gamertag ist Creative Crafter. Auf dieser Website zeige ich euch meine Spiele.</h3>
-		<h2><img src="/Icons/spiele.png" height="25vh">Meine Spiele:</h2>
+		<h2><img src="/icons/spiele.png" height="25vh">Programmiern</h2>
+
 		
-		<a href="/spiele/klick-the-witch/witc1h.html"><h3>Klick the Witch:</h3><img src="/spiele/klick-the-witch/logo.png" height="150vh"></a>
-		
-		<br/><br/>
-		<img src="/spiele/klick-the-witch/screenshot01.png" height="250vh">
-		<br/><br/>
-		<img src="/spiele/klick-the-witch/screenshot02.png" height="250vh">
 
 
-		<br/><br/><br/>
-		<a href="/spiele/Flappy-Witch/FlappyWitch.html"><h3>Flappy Witch:</h3><img src="/spiele/Flappy-Witch/logo.png" height="150vh"></a>
-		
-		<br/><br/>
-		<img src="/spiele/Flappy-Witch/FlappyWitch1.png" width="250vh">
-		<br/><br/>
-		<img src="/spiele/Flappy-Witch/FlappyWitch2.png" width="250vh">
-
-
-		<br/><br/><br/>
-		<a href="/spiele/sweets-for-animals/sweets-for-animals.html"><h3>Sweets for Animals:</h3><img src="/spiele/sweets-for-animals/logo.png" height="150vh"></a>
-
-		<br/><br/>
-		<img src="/spiele/sweets-for-animals/sweetsforanimalscake.png" height="250vh">
-		<br/><br/>
-		<img src="/spiele/sweets-for-animals/sweetsforanimalsdonut.png" height="250vh">
-
-
-		<br/><br/><br/>
-		<a href="/spiele/mathe-fussball/mathe-fussball.html"><h3>Mathe-Fu&szlig;ball:</h3><img src="/spiele/mathe-fussball/logo.png" height="150vh"></a>
-
-		<br/><br/>
-		<img src="/spiele/mathe-fussball/mathe-fussball-hintergrund1.png" height="250vh">
-		<br/><br/>
-		<img src="/spiele/mathe-fussball/mathe-fussball-hintergrund2.png" height="250vh">
+		<a href="/programmieren/spiele/"><img src="/icons/meine-spiele.png" height="100vh"></a>
 	</body>
 </html>
\ No newline at end of file
diff --git a/spiele/Flappy-Witch/FlappyWitch.html b/programmieren/spiele/Flappy-Witch/FlappyWitch.html
similarity index 100%
rename from spiele/Flappy-Witch/FlappyWitch.html
rename to programmieren/spiele/Flappy-Witch/FlappyWitch.html
diff --git a/spiele/Flappy-Witch/FlappyWitch1.png b/programmieren/spiele/Flappy-Witch/FlappyWitch1.png
similarity index 100%
rename from spiele/Flappy-Witch/FlappyWitch1.png
rename to programmieren/spiele/Flappy-Witch/FlappyWitch1.png
diff --git a/spiele/Flappy-Witch/FlappyWitch2.png b/programmieren/spiele/Flappy-Witch/FlappyWitch2.png
similarity index 100%
rename from spiele/Flappy-Witch/FlappyWitch2.png
rename to programmieren/spiele/Flappy-Witch/FlappyWitch2.png
diff --git a/programmieren/spiele/Flappy-Witch/index.html b/programmieren/spiele/Flappy-Witch/index.html
new file mode 100644
index 0000000..c71557a
--- /dev/null
+++ b/programmieren/spiele/Flappy-Witch/index.html
@@ -0,0 +1,43 @@
+<html>
+	<head>
+		<title>Creative Crafter</title>
+		<link href="" rel="stylesheet">
+		<style>
+			@font-face {
+				font-family: "Titillium";
+				src: url("/Titillium-Web-Regular.ttf");
+			  }
+			body {
+				font-family: 'Titillium';
+			}
+			h1 {
+				text-align: center;
+			}
+			h2 {
+				text-align: center;
+			}
+		</style>
+	</head>
+	<body>
+		<h1><img src="/icons/Controller.png" height="150svh">
+			<br/>
+			Creative Crafter</h1>
+		
+		<h1>Flappy Witch</h1>
+		<div align='center'><img src="/programmieren/spiele/Flappy-Witch/logo.png" width="250vh"></div>
+		<br/>
+		<div align='center'><a href="/programmieren/spiele/Flappy-Witch/FlappyWitch.html"><img src="/icons/spielen-button.png" width="500vh"></a>
+			<br/><br/>
+			<img src="/icons/link1.png" width= "75vh" onclick="navigator.clipboard.writeText('www.creative-crafter.de/programmieren/spiele/Flappy-Witch/'); alert ('copy')">
+		</div>
+
+		<br/><br/><br/>
+		<div align='center'><img src="/programmieren/spiele/Flappy-Witch/FlappyWitch1.png" width="250vh"> <img src="/programmieren/spiele/Flappy-Witch/FlappyWitch2.png" width="250vh"></div>
+	
+		<div style="float:right;"><h1><img src="/icons/Controller.png" height="150svh">
+			<br/>
+			Creative Crafter</h1></div>
+		<div style="float:right;"></div>
+	</body>
+
+</html>
\ No newline at end of file
diff --git a/spiele/Flappy-Witch/logo.png b/programmieren/spiele/Flappy-Witch/logo.png
similarity index 100%
rename from spiele/Flappy-Witch/logo.png
rename to programmieren/spiele/Flappy-Witch/logo.png
diff --git a/programmieren/spiele/index.html b/programmieren/spiele/index.html
new file mode 100644
index 0000000..044b769
--- /dev/null
+++ b/programmieren/spiele/index.html
@@ -0,0 +1,32 @@
+<html>
+	<head>
+		<title>Creative Crafter</title>
+		<link href="" rel="stylesheet">
+		<style>
+			@font-face {
+				font-family: "Titillium";
+				src: url("/Titillium-Web-Regular.ttf");
+			  }
+			body {
+				font-family: 'Titillium';
+			}
+			h1 {
+				text-align: center;
+			}
+			h2 {
+				text-align: center;
+			}
+		</style>
+	</head>
+	<body>
+		<h1><img src="/icons/Controller.png" height="150svh">
+		<br/>
+		Creative Crafter</h1>
+		
+
+		
+
+
+	
+	</body>
+</html>
\ No newline at end of file
diff --git a/spiele/klick-the-witch/logo.png b/programmieren/spiele/klick-the-witch/logo.png
similarity index 100%
rename from spiele/klick-the-witch/logo.png
rename to programmieren/spiele/klick-the-witch/logo.png
diff --git a/spiele/klick-the-witch/screenshot01.png b/programmieren/spiele/klick-the-witch/screenshot01.png
similarity index 100%
rename from spiele/klick-the-witch/screenshot01.png
rename to programmieren/spiele/klick-the-witch/screenshot01.png
diff --git a/spiele/klick-the-witch/screenshot02.png b/programmieren/spiele/klick-the-witch/screenshot02.png
similarity index 100%
rename from spiele/klick-the-witch/screenshot02.png
rename to programmieren/spiele/klick-the-witch/screenshot02.png
diff --git a/spiele/klick-the-witch/witc1h.html b/programmieren/spiele/klick-the-witch/witc1h.html
similarity index 100%
rename from spiele/klick-the-witch/witc1h.html
rename to programmieren/spiele/klick-the-witch/witc1h.html
diff --git a/spiele/mathe-fussball/aufnahme.sb3 b/programmieren/spiele/mathe-fussball/aufnahme.sb3
similarity index 100%
rename from spiele/mathe-fussball/aufnahme.sb3
rename to programmieren/spiele/mathe-fussball/aufnahme.sb3
diff --git a/spiele/mathe-fussball/logo.png b/programmieren/spiele/mathe-fussball/logo.png
similarity index 100%
rename from spiele/mathe-fussball/logo.png
rename to programmieren/spiele/mathe-fussball/logo.png
diff --git a/spiele/mathe-fussball/mathe-fussball-hintergrund1.png b/programmieren/spiele/mathe-fussball/mathe-fussball-hintergrund1.png
similarity index 100%
rename from spiele/mathe-fussball/mathe-fussball-hintergrund1.png
rename to programmieren/spiele/mathe-fussball/mathe-fussball-hintergrund1.png
diff --git a/spiele/mathe-fussball/mathe-fussball-hintergrund2.png b/programmieren/spiele/mathe-fussball/mathe-fussball-hintergrund2.png
similarity index 100%
rename from spiele/mathe-fussball/mathe-fussball-hintergrund2.png
rename to programmieren/spiele/mathe-fussball/mathe-fussball-hintergrund2.png
diff --git a/spiele/mathe-fussball/mathe-fussball-winter.html b/programmieren/spiele/mathe-fussball/mathe-fussball-winter.html
similarity index 100%
rename from spiele/mathe-fussball/mathe-fussball-winter.html
rename to programmieren/spiele/mathe-fussball/mathe-fussball-winter.html
diff --git a/spiele/mathe-fussball/mathe-fussball-winter.sb3 b/programmieren/spiele/mathe-fussball/mathe-fussball-winter.sb3
similarity index 100%
rename from spiele/mathe-fussball/mathe-fussball-winter.sb3
rename to programmieren/spiele/mathe-fussball/mathe-fussball-winter.sb3
diff --git a/spiele/mathe-fussball/mathe-fussball.html b/programmieren/spiele/mathe-fussball/mathe-fussball.html
similarity index 100%
rename from spiele/mathe-fussball/mathe-fussball.html
rename to programmieren/spiele/mathe-fussball/mathe-fussball.html
diff --git a/spiele/mathe-fussball/schreiben.sb3 b/programmieren/spiele/mathe-fussball/schreiben.sb3
similarity index 100%
rename from spiele/mathe-fussball/schreiben.sb3
rename to programmieren/spiele/mathe-fussball/schreiben.sb3
diff --git a/spiele/sweets-for-animals/logo.png b/programmieren/spiele/sweets-for-animals/logo.png
similarity index 100%
rename from spiele/sweets-for-animals/logo.png
rename to programmieren/spiele/sweets-for-animals/logo.png
diff --git a/spiele/sweets-for-animals/sweets-for-animals.html b/programmieren/spiele/sweets-for-animals/sweets-for-animals.html
similarity index 100%
rename from spiele/sweets-for-animals/sweets-for-animals.html
rename to programmieren/spiele/sweets-for-animals/sweets-for-animals.html
diff --git a/spiele/sweets-for-animals/sweetsforanimalscake.png b/programmieren/spiele/sweets-for-animals/sweetsforanimalscake.png
similarity index 100%
rename from spiele/sweets-for-animals/sweetsforanimalscake.png
rename to programmieren/spiele/sweets-for-animals/sweetsforanimalscake.png
diff --git a/spiele/sweets-for-animals/sweetsforanimalsdonut.png b/programmieren/spiele/sweets-for-animals/sweetsforanimalsdonut.png
similarity index 100%
rename from spiele/sweets-for-animals/sweetsforanimalsdonut.png
rename to programmieren/spiele/sweets-for-animals/sweetsforanimalsdonut.png
