Update index.html

index.html

@@ -275,6 +275,31 @@
             </h2>
             
             <div class="grid md:grid-cols-2 gap-8">
+              <!-- NEW XO Game Project -->
+<div class="project-card rounded-xl p-8 relative overflow-hidden">
+    <div class="absolute -right-10 -top-10 w-32 h-32 bg-yellow-500 rounded-full opacity-10"></div>
+    <div class="absolute -left-10 -bottom-10 w-32 h-32 bg-pink-500 rounded-full opacity-10"></div>
+
+    <div class="flex items-center mb-6">
+        <div class="w-16 h-16 bg-yellow-500 bg-opacity-20 rounded-lg flex items-center justify-center mr-4">
+            <i class="fas fa-gamepad text-3xl text-yellow-400"></i>
+        </div>
+        <h3 class="text-2xl font-bold tech-font">XO Tic-Tac-Toe Game</h3>
+    </div>
+
+    <p class="mb-6 text-gray-300">
+        A simple and fun Tic-Tac-Toe game made with HTML, CSS, and JavaScript. Play and challenge yourself!
+    </p>
+
+    <div class="flex justify-center mb-4">
+        <iframe src="https://adhamqabban37.github.io/xo/" width="100%" height="400px" style="border:none; border-radius: 12px;"></iframe>
+    </div>
+
+    <a href="https://adhamqabban37.github.io/xo/" target="_blank" class="text-yellow-400 hover:text-yellow-200 transition">
+        Play in full screen <i class="fas fa-arrow-right ml-1"></i>
+    </a>
+</div>
+
                 <div class="project-card rounded-xl p-8 relative overflow-hidden">
                     <div class="absolute -right-10 -top-10 w-32 h-32 bg-red-500 rounded-full opacity-10"></div>
                     <div class="absolute -left-10 -bottom-10 w-32 h-32 bg-gold-500 rounded-full opacity-10"></div>