diff --git a/.hintrc b/.hintrc
new file mode 100644
index 0000000..f4a85ba
--- /dev/null
+++ b/.hintrc
@@ -0,0 +1,15 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "compat-api/css": [
+      "default",
+      {
+        "ignore": [
+          "user-select"
+        ]
+      }
+    ]
+  }
+}
\ No newline at end of file
diff --git a/Games/tic_tac_toe_game/index.html b/Games/tic_tac_toe_game/index.html
new file mode 100644
index 0000000..7f85ccb
--- /dev/null
+++ b/Games/tic_tac_toe_game/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Tic Tac Toe</title>
+    <style>
+      :root {
+        --bg-color: #192a56;
+        --x-color: #7dd1ff;
+        --o-color: #ffee34;
+        --cell-bg: #273c75;
+        --cell-hover: #40739e;
+        --font-main: "Segoe UI", sans-serif;
+      }
+
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+        font-family: var(--font-main);
+      }
+
+      body {
+        background-color: var(--bg-color);
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        min-height: 100vh;
+        color: white;
+        padding: 20px;
+      }
+
+      h1 {
+        font-size: rem;
+        color: var(--x-color);
+        margin-bottom: rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+      }
+
+      h1 img {
+        height: 150px;
+        width: 100%;
+        max-width: 500px;
+      }
+
+      .game {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 1rem;
+        max-width: 400px;
+        width: 100%;
+      }
+
+      .board {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 10px;
+        width: 100%;
+      }
+
+      .cell {
+        background-color: var(--cell-bg);
+        border-radius: 10px;
+        height: 100px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 3rem;
+        cursor: pointer;
+        transition: background-color 0.3s;
+        color: white;
+      }
+
+      .cell:hover {
+        background-color: var(--cell-hover);
+      }
+
+      .controls {
+        display: flex;
+        gap: 1rem;
+        justify-content: center;
+      }
+
+      button {
+        padding: 10px 20px;
+        background-color: var(--o-color);
+        color: #000000;
+        border: none;
+        border-radius: 10px;
+        font-size: 1rem;
+        cursor: pointer;
+        transition: background 0.3s;
+      }
+
+      button:hover {
+        background-color: #9d9910;
+      }
+
+      .status {
+        font-size: 1.2rem;
+        margin-top: 10px;
+        color: #dcdde1;
+      }
+
+      @media (max-width: 500px) {
+        h1 {
+          font-size: 2.5rem;
+        }
+        h1 img {
+          max-width: 90%;
+        }
+        .cell {
+          height: 80px;
+          font-size: 2.5rem;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <h1>
+      <img src="tac1.png" alt="Tic Tac Toe Logo" />
+    </h1>
+    <div class="game">
+      <div class="status" id="status">X's Turn</div>
+      <div class="board" id="board"></div>
+      <div class="controls">
+        <button onclick="startNewGame()">New Game</button>
+      </div>
+    </div>
+
+    <script>
+      const board = document.getElementById("board");
+      const status = document.getElementById("status");
+
+      let currentPlayer = "X";
+      let cells = Array(9).fill(null);
+      let gameOver = false;
+
+      function renderBoard() {
+        board.innerHTML = "";
+        cells.forEach((value, index) => {
+          const cell = document.createElement("div");
+          cell.classList.add("cell");
+          cell.textContent = value;
+          cell.style.color =
+            value === "X"
+              ? "var(--x-color)"
+              : value === "O"
+              ? "var(--o-color)"
+              : "white";
+          cell.addEventListener("click", () => makeMove(index));
+          board.appendChild(cell);
+        });
+      }
+
+      function makeMove(index) {
+        if (cells[index] || gameOver) return;
+        cells[index] = currentPlayer;
+        renderBoard();
+        if (checkWinner()) {
+          status.textContent = `${currentPlayer} Wins!`;
+          gameOver = true;
+        } else if (!cells.includes(null)) {
+          status.textContent = "It's a Draw!";
+          gameOver = true;
+        } else {
+          currentPlayer = currentPlayer === "X" ? "O" : "X";
+          status.textContent = `${currentPlayer}'s Turn`;
+        }
+      }
+
+      function checkWinner() {
+        const winPatterns = [
+          [0, 1, 2],
+          [3, 4, 5],
+          [6, 7, 8],
+          [0, 3, 6],
+          [1, 4, 7],
+          [2, 5, 8],
+          [0, 4, 8],
+          [2, 4, 6],
+        ];
+        return winPatterns.some((pattern) => {
+          const [a, b, c] = pattern;
+          return cells[a] && cells[a] === cells[b] && cells[b] === cells[c];
+        });
+      }
+
+      function startNewGame() {
+        cells = Array(9).fill(null);
+        currentPlayer = "X";
+        gameOver = false;
+        status.textContent = "X's Turn";
+        renderBoard();
+      }
+
+      startNewGame();
+    </script>
+  </body>
+</html>
diff --git a/Games/tic_tac_toe_game/tac1.png b/Games/tic_tac_toe_game/tac1.png
new file mode 100644
index 0000000..4b1f08b
Binary files /dev/null and b/Games/tic_tac_toe_game/tac1.png differ
diff --git a/Games/word_search_puzzle_game/index.html b/Games/word_search_puzzle_game/index.html
new file mode 100644
index 0000000..58b5d11
--- /dev/null
+++ b/Games/word_search_puzzle_game/index.html
@@ -0,0 +1,343 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Word Search Puzzle</title>
+    <style>
+      body {
+        font-family: "Segoe UI", sans-serif;
+        background: #a1bfdd;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 15px;
+        margin: 0;
+      }
+      h1 {
+        color: #060663;
+        font-size: clamp(2rem, 5vw, 2.2rem);
+        text-align: center;
+        margin-bottom: 10px;
+      }
+      #grid {
+        display: grid;
+        gap: 5px;
+        user-select: none;
+        margin-bottom: 20px;
+        touch-action: none;
+      }
+      .cell {
+        aspect-ratio: 1 / 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #fff;
+        border-radius: 10px;
+        border: 2px solid #d0d7de;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        font-weight: bold;
+        font-size: clamp(0.8rem, 2.5vw, 1.3rem);
+        cursor: pointer;
+        transition: 0.2s all;
+      }
+      .cell:hover {
+        transform: scale(1.05);
+      }
+      .highlight {
+        color: white;
+        border: none;
+      }
+      #words {
+        margin-top: 0;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 10px;
+        max-width: 95%;
+      }
+      #words span {
+        font-weight: bold;
+        background: #fff;
+        padding: 5px 12px;
+        border-radius: 8px;
+        font-size: clamp(0.8rem, 2vw, 1rem);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+      }
+      #controls {
+        margin-top: 10px;
+      }
+      button {
+        background: #860a0a;
+        border: none;
+        padding: 12px 20px;
+        border-radius: 12px;
+        color: white;
+        font-size: 1rem;
+        font-weight: bold;
+        cursor: pointer;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        transition: 0.3s;
+      }
+      button:hover {
+        background: #e21e1e;
+      }
+      .sparkle {
+        position: fixed;
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        pointer-events: none;
+        animation: fall 1s linear forwards;
+        z-index: 9999;
+      }
+      @keyframes fall {
+        from {
+          opacity: 1;
+          transform: translateY(0);
+        }
+        to {
+          opacity: 0;
+          transform: translateY(100vh);
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <h1>Word Search Puzzle</h1>
+    <div id="grid"></div>
+    <div id="words"></div>
+    <div id="controls">
+      <button onclick="newPuzzle()">New Puzzle</button>
+    </div>
+
+    <script>
+      const gridSize = 10;
+      const grid = document.getElementById("grid");
+      const wordList = document.getElementById("words");
+      const allWords = [
+        "CAT",
+        "DOG",
+        "BOOK",
+        "CODE",
+        "GAME",
+        "TREE",
+        "BIRD",
+        "JAVA",
+        "NOTE",
+        "RAIN",
+        "MOON",
+        "STAR",
+        "FISH",
+        "LOVE",
+        "HERO",
+        "CLOUD",
+        "WIND",
+        "FIRE",
+        "SNOW",
+        "ROCK",
+      ];
+      const colors = [
+        "#a8dadc",
+        "#f4a261",
+        "#e9c46a",
+        "#90be6d",
+        "#f6bd60",
+        "#cdb4db",
+        "#ffb4a2",
+        "#8ecae6",
+        "#b5ead7",
+        "#f7aef8",
+      ];
+      let words = [];
+      let gridData = [];
+      let selected = [];
+      let isDragging = false;
+      let sparkleInterval;
+
+      // generate new puzzle
+      function newPuzzle() {
+        stopSparkles();
+        grid.innerHTML = "";
+        wordList.innerHTML = "";
+        words = shuffle(allWords).slice(0, 10);
+        gridData = Array.from({ length: gridSize }, () =>
+          Array(gridSize).fill("")
+        );
+
+        // place words horizontally or vertically
+        words.forEach((word) => {
+          let placed = false;
+          while (!placed) {
+            let direction = Math.random() < 0.5 ? "H" : "V";
+            let row = Math.floor(Math.random() * gridSize);
+            let col = Math.floor(Math.random() * gridSize);
+            if (direction === "H" && col + word.length <= gridSize) {
+              if (checkSpace(row, col, word.length, "H")) {
+                for (let i = 0; i < word.length; i++) {
+                  gridData[row][col + i] = word[i];
+                }
+                placed = true;
+              }
+            } else if (direction === "V" && row + word.length <= gridSize) {
+              if (checkSpace(row, col, word.length, "V")) {
+                for (let i = 0; i < word.length; i++) {
+                  gridData[row + i][col] = word[i];
+                }
+                placed = true;
+              }
+            }
+          }
+        });
+
+        // fill rest with random letters
+        const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
+        for (let r = 0; r < gridSize; r++) {
+          for (let c = 0; c < gridSize; c++) {
+            if (!gridData[r][c]) {
+              gridData[r][c] =
+                letters[Math.floor(Math.random() * letters.length)];
+            }
+          }
+        }
+
+        // render grid
+        grid.style.gridTemplateColumns = `repeat(${gridSize}, minmax(30px, 1fr))`;
+        gridData.forEach((row, r) => {
+          row.forEach((letter, c) => {
+            const div = document.createElement("div");
+            div.className = "cell";
+            div.textContent = letter;
+            div.dataset.row = r;
+            div.dataset.col = c;
+            grid.appendChild(div);
+          });
+        });
+
+        // render words
+        words.forEach((w) => {
+          const span = document.createElement("span");
+          span.textContent = w;
+          wordList.appendChild(span);
+        });
+      }
+
+      // check free space
+      function checkSpace(row, col, len, dir) {
+        if (dir === "H") {
+          for (let i = 0; i < len; i++) {
+            if (gridData[row][col + i] && gridData[row][col + i] !== words)
+              return false;
+          }
+        } else {
+          for (let i = 0; i < len; i++) {
+            if (gridData[row + i][col] && gridData[row + i][col] !== words)
+              return false;
+          }
+        }
+        return true;
+      }
+
+      // drag select
+      grid.addEventListener("mousedown", (e) => {
+        if (e.target.classList.contains("cell")) {
+          isDragging = true;
+          selected = [e.target];
+          e.target.style.background = "#ccc";
+        }
+      });
+      grid.addEventListener("mouseover", (e) => {
+        if (
+          isDragging &&
+          e.target.classList.contains("cell") &&
+          !selected.includes(e.target)
+        ) {
+          selected.push(e.target);
+          e.target.style.background = "#ccc";
+        }
+      });
+      document.addEventListener("mouseup", () => {
+        if (isDragging) checkWord();
+      });
+
+      grid.addEventListener("touchstart", (e) => {
+        const t = e.touches[0];
+        const target = document.elementFromPoint(t.clientX, t.clientY);
+        if (target && target.classList.contains("cell")) {
+          isDragging = true;
+          selected = [target];
+          target.style.background = "#ccc";
+        }
+      });
+      grid.addEventListener("touchmove", (e) => {
+        const t = e.touches[0];
+        const target = document.elementFromPoint(t.clientX, t.clientY);
+        if (
+          isDragging &&
+          target &&
+          target.classList.contains("cell") &&
+          !selected.includes(target)
+        ) {
+          selected.push(target);
+          target.style.background = "#ccc";
+        }
+      });
+      document.addEventListener("touchend", () => {
+        if (isDragging) checkWord();
+      });
+
+      function checkWord() {
+        let word = selected.map((cell) => cell.textContent).join("");
+        let rev = word.split("").reverse().join("");
+        let foundIndex = words.findIndex((w) => w === word || w === rev);
+        if (foundIndex !== -1) {
+          selected.forEach((cell) => {
+            cell.style.background = colors[foundIndex % colors.length];
+            cell.classList.add("highlight");
+          });
+          [...wordList.children].forEach((span) => {
+            if (span.textContent === words[foundIndex])
+              span.style.textDecoration = "line-through";
+          });
+          if (
+            [...wordList.children].every(
+              (span) => span.style.textDecoration === "line-through"
+            )
+          ) {
+            startSparkles();
+          }
+        } else {
+          selected.forEach((cell) => (cell.style.background = "#fff"));
+        }
+        selected = [];
+        isDragging = false;
+      }
+
+      // sparkles
+      function startSparkles() {
+        sparkleInterval = setInterval(() => {
+          const sparkle = document.createElement("div");
+          sparkle.className = "sparkle";
+          sparkle.style.left = Math.random() * 100 + "vw";
+          sparkle.style.top = "0px";
+          sparkle.style.background =
+            colors[Math.floor(Math.random() * colors.length)];
+          document.body.appendChild(sparkle);
+          setTimeout(() => sparkle.remove(), 1000);
+        }, 100);
+      }
+      function stopSparkles() {
+        clearInterval(sparkleInterval);
+        document.querySelectorAll(".sparkle").forEach((s) => s.remove());
+      }
+
+      // shuffle helper
+      function shuffle(arr) {
+        return arr.sort(() => Math.random() - 0.5);
+      }
+
+      // start
+      newPuzzle();
+    </script>
+  </body>
+</html>
diff --git a/assets/html_files/games.html b/assets/html_files/games.html
index b7e0a69..f1341a9 100644
--- a/assets/html_files/games.html
+++ b/assets/html_files/games.html
@@ -1,11 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <title>Project Vault</title>
-  <link rel="stylesheet" href="../../style.css" />
-  <link rel="stylesheet" href="../css_files/games.css">
-     <link
+  <head>
+    <meta charset="UTF-8" />
+    <title>Project Vault</title>
+    <link rel="stylesheet" href="../../style.css" />
+    <link rel="stylesheet" href="../css_files/games.css" />
+    <link
       href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap"
       rel="stylesheet"
     />
@@ -13,240 +13,411 @@
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
     />
-</head>
-<body>
-     <!-- Mobile Menu -->
+  </head>
+  <body>
+    <!-- Mobile Menu -->
     <div class="mobile-menu" id="mobileMenu">
-        <div class="mobile-menu-header">
-            <div class="nav-logo">Project Vault</div>
-            <div class="mobile-menu-close" id="mobileMenuClose">&times;</div>
-        </div>
-        <div class="mobile-menu-items">
-            <a href="../../index.html" class="mobile-menu-link"><i class="fa-solid fa-house"></i> Home</a>
-            <a href="./aboutus.html" class="mobile-menu-link"><i class="fa-solid fa-circle-info"></i> About Us</a>
-
-            <div class="mobile-submenu">
-                <div class="mobile-menu-link submenu-toggle"><i class="fa-solid fa-icons"></i> 
-                   Components <i class="fa-solid fa-chevron-down arrow-icon"></i>
-                </div>
-                <div class="submenu-items">
-                    <a href="./website.html" class="mobile-menu-link">Webfolio</a>
-                    <a href="./games.html" class="mobile-menu-link">Games</a>
-                    <a href="./ml.html" class="mobile-menu-link">ML Projects</a>
-                    <a href="./techStack.html" class="mobile-menu-link"><i class="fa-solid fa-search"></i> by Tech Stack</a>
-                </div>
-            </div>
+      <div class="mobile-menu-header">
+        <div class="nav-logo">Project Vault</div>
+        <div class="mobile-menu-close" id="mobileMenuClose">&times;</div>
+      </div>
+      <div class="mobile-menu-items">
+        <a href="../../index.html" class="mobile-menu-link"
+          ><i class="fa-solid fa-house"></i> Home</a
+        >
+        <a href="./aboutus.html" class="mobile-menu-link"
+          ><i class="fa-solid fa-circle-info"></i> About Us</a
+        >
 
-            <a href="../../faq.html" class="mobile-menu-link"><i class="fa-solid fa-question-circle"></i> FAQ</a>
-            <a href="./discussion.html" class="mobile-menu-link"><i class="fa-solid fa-comment"></i> Forum</a>
-            <a href="./contact.html" class="mobile-menu-link"><i class="fa-solid fa-phone"></i> Contact Us</a>
+        <div class="mobile-submenu">
+          <div class="mobile-menu-link submenu-toggle">
+            <i class="fa-solid fa-icons"></i> Components
+            <i class="fa-solid fa-chevron-down arrow-icon"></i>
+          </div>
+          <div class="submenu-items">
+            <a href="./website.html" class="mobile-menu-link">Webfolio</a>
+            <a href="./games.html" class="mobile-menu-link">Games</a>
+            <a href="./ml.html" class="mobile-menu-link">ML Projects</a>
+            <a href="./techStack.html" class="mobile-menu-link"
+              ><i class="fa-solid fa-search"></i> by Tech Stack</a
+            >
+          </div>
         </div>
+
+        <a href="../../faq.html" class="mobile-menu-link"
+          ><i class="fa-solid fa-question-circle"></i> FAQ</a
+        >
+        <a href="./discussion.html" class="mobile-menu-link"
+          ><i class="fa-solid fa-comment"></i> Forum</a
+        >
+        <a href="./contact.html" class="mobile-menu-link"
+          ><i class="fa-solid fa-phone"></i> Contact Us</a
+        >
+      </div>
     </div>
 
     <nav>
-        <div class="nav-container">
-            <div class="nav-logo">Project Vault</div>
+      <div class="nav-container">
+        <div class="nav-logo">Project Vault</div>
 
-            <div class="mobile-menu-toggle" id="mobileMenuToggle">
-                <span></span>
-                <span></span>
-                <span></span>
-            </div>
+        <div class="mobile-menu-toggle" id="mobileMenuToggle">
+          <span></span>
+          <span></span>
+          <span></span>
+        </div>
 
-            <div class="nav-right">
-                <a href="../../index.html" class="nav-link"><i class="fa-solid fa-house"></i> Home</a>
-                <a href="./aboutus.html" class="nav-link active"><i class="fa-solid fa-circle-info"></i> About Us</a>
-                <div class="dropdown">
-                    <div class="dropdown-toggle nav-link"><i class="fa-solid fa-icons"></i> Components ▾</div>
-                    <div class="dropdown-content">
-                        <a href="./website.html">Webfolio</a>
-                        <a href="./games.html">Games</a>
-                        <a href="./ml.html">ML Projects</a>
-                        <a href="./techStack.html"><i class="fa-solid fa-search"></i> by Tech Stack</a>
-                    </div>
-                </div>
-                <a href="../../faq.html" class="nav-link"><i class="fa-solid fa-question-circle"></i> FAQ</a>
-                <a href="./discussion.html" class="nav-link"><i class="fa-solid fa-comment"></i> Forum</a>
-                <a href="./contact.html" class="nav-link"><i class="fa-solid fa-phone"></i> Contact Us</a>
+        <div class="nav-right">
+          <a href="../../index.html" class="nav-link"
+            ><i class="fa-solid fa-house"></i> Home</a
+          >
+          <a href="./aboutus.html" class="nav-link active"
+            ><i class="fa-solid fa-circle-info"></i> About Us</a
+          >
+          <div class="dropdown">
+            <div class="dropdown-toggle nav-link">
+              <i class="fa-solid fa-icons"></i> Components ▾
             </div>
+            <div class="dropdown-content">
+              <a href="./website.html">Webfolio</a>
+              <a href="./games.html">Games</a>
+              <a href="./ml.html">ML Projects</a>
+              <a href="./techStack.html"
+                ><i class="fa-solid fa-search"></i> by Tech Stack</a
+              >
+            </div>
+          </div>
+          <a href="../../faq.html" class="nav-link"
+            ><i class="fa-solid fa-question-circle"></i> FAQ</a
+          >
+          <a href="./discussion.html" class="nav-link"
+            ><i class="fa-solid fa-comment"></i> Forum</a
+          >
+          <a href="./contact.html" class="nav-link"
+            ><i class="fa-solid fa-phone"></i> Contact Us</a
+          >
         </div>
-        <div>
-            <a href="../../index.html" class="back-button">
-                <i class="fas fa-arrow-left"></i> Back to Home</a>
-        </div>
+      </div>
+      <div>
+        <a href="../../index.html" class="back-button">
+          <i class="fas fa-arrow-left"></i> Back to Home</a
+        >
+      </div>
     </nav>
-  <header>
-    <h1>Games</h1>
-  </header>
-  <main class="category-container">
-    <div class="category-card">
-      <h3>Memory Match</h3>
-      <p>A fun card-flipping memory game built with JavaScript.</p>
-      <a href="../../Games/Memory_Match/index.html" class="play-button">Play Now</a>
-      <a href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Memory_Match" class="code-button">View Code <i class="fab fa-github"></i></a>
-    </div>
-   
-    <div class="category-card">
-      <h3>Snake Game</h3>
-      <p>Classic snake game implemented in HTML5 canvas.</p>
-      <a href="../../Games/Snake_Game/index.html" class="play-button" target="_blank">Play Now</a>
-      <a href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Snake_Game" class="code-button">View Code <i class="fab fa-github"></i></a>
-    </div>
-    
-    <div class="category-card">
-      <h3>Simon Says Game</h3>
-      <p>Test Your Memory and Reflexes in This Classic Command Game!.</p>
-      <a href="../../Games/Simon_Says_Game/index.html" class="play-button" target="_blank">Play Now</a>
-      <a href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Simon_Says_Game" class="code-button">View Code <i class="fab fa-github"></i></a>
-    </div>
-    <div class="category-card">
-      <h3>Reflex Tester</h3>
-      <p>Test your reaction time and reflexes with this interactive game.</p>
-      <a href="../../Games/Reflex_tester/index.html" class="play-button" target="_blank">Play Now</a>
-      <a href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Reflex_tester" class="code-button">View Code <i class="fab fa-github"></i></a>
-    </div>
-    <div class="category-card">
-      <h3>Minesweeper</h3>
-      <p>Classic minesweeper game with grid-based puzzle solving!.</p>
-      <a href="../../Games/Minesweeper/index.html" class="play-button" target="_blank">Play Now</a>
-      <a href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Minesweeper" class="code-button">View Code <i class="fab fa-github"></i></a>
-    </div>
-    <div class="category-card">
-      <h3>Word Guess Game</h3>
-      <p>A Wordle-style 5-letter puzzle game with scoring and clues.</p>
-      <a href="../../Games/Word_guess/index.html" class="play-button" target="_blank">Play Now</a>
-      <a href="https://github.com/pavitraag/Project-Vault/tree/main/Games/" class="code-button">View Code <i class="fab fa-github"></i></a>
-    </div>
-    <div class="category-card">
-      <h3>Candy Crush</h3>
-      <p>Match colorful candies in this addictive puzzle game with special combinations and power-ups!</p>
-      <a href="../../Games/Candy_Crush/index.html" class="play-button" target="_blank">Play Now</a>
-      <a href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Candy_Crush" class="code-button">View Code <i class="fab fa-github"></i></a>
-    </div>
-    <div class="category-card">
+    <header>
+      <h1>Games</h1>
+    </header>
+    <main class="category-container">
+      <div class="category-card">
+        <h3>Memory Match</h3>
+        <p>A fun card-flipping memory game built with JavaScript.</p>
+        <a href="../../Games/Memory_Match/index.html" class="play-button"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Memory_Match"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+
+      <div class="category-card">
+        <h3>Snake Game</h3>
+        <p>Classic snake game implemented in HTML5 canvas.</p>
+        <a
+          href="../../Games/Snake_Game/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Snake_Game"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+
+      <div class="category-card">
+        <h3>Simon Says Game</h3>
+        <p>Test Your Memory and Reflexes in This Classic Command Game!.</p>
+        <a
+          href="../../Games/Simon_Says_Game/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Simon_Says_Game"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+      <div class="category-card">
+        <h3>Reflex Tester</h3>
+        <p>Test your reaction time and reflexes with this interactive game.</p>
+        <a
+          href="../../Games/Reflex_tester/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Reflex_tester"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+      <div class="category-card">
+        <h3>Minesweeper</h3>
+        <p>Classic minesweeper game with grid-based puzzle solving!.</p>
+        <a
+          href="../../Games/Minesweeper/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Minesweeper"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+      <div class="category-card">
+        <h3>Word Guess Game</h3>
+        <p>A Wordle-style 5-letter puzzle game with scoring and clues.</p>
+        <a
+          href="../../Games/Word_guess/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+      <div class="category-card">
+        <h3>Candy Crush</h3>
+        <p>
+          Match colorful candies in this addictive puzzle game with special
+          combinations and power-ups!
+        </p>
+        <a
+          href="../../Games/Candy_Crush/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Candy_Crush"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+      <div class="category-card">
         <h3>Typing Speed Game</h3>
         <p>Test your typing speed in a fun and interactive way!</p>
-        <a href="../../Games/Typing_Speed_Test/index.html" class="play-button" target="_blank">Play Now</a>
-        <a href=" " class="code-button">View Code <i class="fab fa-github"></i></a> <!-- Link to be updated -->
+        <a
+          href="../../Games/Typing_Speed_Test/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a href=" " class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+        <!-- Link to be updated -->
       </div>
       <div class="category-card">
         <h3>CSS Math Duel</h3>
-        <p>Two-player speed math race with beautiful animations and competitive gameplay!</p>
-        <a href="../../Games/CSS_Math_Duel/index.html" class="play-button" target="_blank">Play Now</a>
-        <a href="https://github.com/pavitraag/Project-Vault/tree/main/Games/CSS_Math_Duel" class="code-button">View Code <i class="fab fa-github"></i></a>
+        <p>
+          Two-player speed math race with beautiful animations and competitive
+          gameplay!
+        </p>
+        <a
+          href="../../Games/CSS_Math_Duel/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/CSS_Math_Duel"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
       </div>
-    <div class="category-card">
+      <div class="category-card">
         <h3>Lights Out Puzzle</h3>
-        <p>A challenging puzzle game where you turn off all the lights on a grid.</p>
-        <a href="../../Games/Lights_Out/index.html" class="play-button" target="_blank">Play Now</a>
-        <a href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Lights_Out" class="code-button">View Code <i class="fab fa-github"></i></a>
-    </div>
-  </main>
+        <p>
+          A challenging puzzle game where you turn off all the lights on a grid.
+        </p>
+        <a
+          href="../../Games/Lights_Out/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/Lights_Out"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+      <div class="category-card">
+        <h3>tic tac toe game</h3>
+        <p>
+          Classic 3×3 Xs-and-Os showdown — take turns, block your opponent, and
+          win by getting three in a row.
+        </p>
+        <a
+          href="../../Games/tic_tac_toe_game/index.html"
+          5
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/tic_tac_toe_game"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+      <div class="category-card">
+        <h3>Word Search puzzle</h3>
+        <p>Find and circle hidden words in a grid of letters.</p>
+        <a
+          href="../../Games/word_search_puzzle_game/index.html"
+          class="play-button"
+          target="_blank"
+          >Play Now</a
+        >
+        <a
+          href="https://github.com/pavitraag/Project-Vault/tree/main/Games/word_search_puzzle_game"
+          class="code-button"
+          >View Code <i class="fab fa-github"></i
+        ></a>
+      </div>
+    </main>
     <footer id="contact">
-        <div class="footer-container">
-            <div class="footer-section company-info">
-                <h1 class="heading">Project Vault</h1>
-                <p>
-                    Project Vault is a curated collection of diverse projects ranging
-                    from stunning websites and interactive games to intelligent machine
-                    learning applications. It serves as a one-stop destination to
-                    explore, learn, and get inspired by practical implementations of web
-                    technologies and AI solutions.
-                </p>
-                <div class="social">
-                    <a
-                        class="message"
-                        href="mailto:pavitraagopi@gmail.com"
-                        target="_blank"
-                        aria-label="Email"
-                    >
-                        <i class="fa-solid fa-envelope"></i>
-                    </a>
-                    <a
-                        class="linkedin"
-                        href="https://www.linkedin.com/in/pavitraa-g/"
-                        target="_blank"
-                        aria-label="LinkedIn"
-                    >
-                        <i class="fab fa-linkedin"></i>
-                    </a>
-                    <a
-                        class="github"
-                        href="https://www.github.com/pavitraag"
-                        target="_blank"
-                        aria-label="GitHub"
-                    >
-                        <i class="fab fa-github"></i>
-                    </a>
-                </div>
-            </div>
+      <div class="footer-container">
+        <div class="footer-section company-info">
+          <h1 class="heading">Project Vault</h1>
+          <p>
+            Project Vault is a curated collection of diverse projects ranging
+            from stunning websites and interactive games to intelligent machine
+            learning applications. It serves as a one-stop destination to
+            explore, learn, and get inspired by practical implementations of web
+            technologies and AI solutions.
+          </p>
+          <div class="social">
+            <a
+              class="message"
+              href="mailto:pavitraagopi@gmail.com"
+              target="_blank"
+              aria-label="Email"
+            >
+              <i class="fa-solid fa-envelope"></i>
+            </a>
+            <a
+              class="linkedin"
+              href="https://www.linkedin.com/in/pavitraa-g/"
+              target="_blank"
+              aria-label="LinkedIn"
+            >
+              <i class="fab fa-linkedin"></i>
+            </a>
+            <a
+              class="github"
+              href="https://www.github.com/pavitraag"
+              target="_blank"
+              aria-label="GitHub"
+            >
+              <i class="fab fa-github"></i>
+            </a>
+          </div>
+        </div>
 
-            <div class="footer-section quick-links">
-                <h1 class="heading">Quick Links</h1>
-                <ul class="footer-ul">
-                    <li>
-                        <a href="../../index.html"><i class="fa-solid fa-house"></i> Home</a>
-                    </li>
-                    <li>
-                        <a href="./aboutus.html"><i class="fa-solid fa-circle-info"></i> About</a>
-                    </li>
-                    <li>
-                        <a href="#"><i class="fa-solid fa-icons"></i> Components</a>
-                    </li>
-                    <li>
-                        <a href="../../faq.html"><i class="fa-solid fa-question-circle"></i> FAQ</a>
-                    </li>
-                    <li>
-                        <a href="./discussion.html"><i class="fa-solid fa-comment"></i> Forum</a>
-                    </li>
-                    <li>
-                        <a href="./contact.html"><i class="fa-solid fa-phone"></i> Contact</a>
-                    </li>
-                </ul>
-            </div>
+        <div class="footer-section quick-links">
+          <h1 class="heading">Quick Links</h1>
+          <ul class="footer-ul">
+            <li>
+              <a href="../../index.html"
+                ><i class="fa-solid fa-house"></i> Home</a
+              >
+            </li>
+            <li>
+              <a href="./aboutus.html"
+                ><i class="fa-solid fa-circle-info"></i> About</a
+              >
+            </li>
+            <li>
+              <a href="#"><i class="fa-solid fa-icons"></i> Components</a>
+            </li>
+            <li>
+              <a href="../../faq.html"
+                ><i class="fa-solid fa-question-circle"></i> FAQ</a
+              >
+            </li>
+            <li>
+              <a href="./discussion.html"
+                ><i class="fa-solid fa-comment"></i> Forum</a
+              >
+            </li>
+            <li>
+              <a href="./contact.html"
+                ><i class="fa-solid fa-phone"></i> Contact</a
+              >
+            </li>
+          </ul>
+        </div>
 
-            <div class="footer-section send-message">
-                <h1 class="heading">Keep In Touch</h1>
-                <form id="contact-form" name="Project Vault Contact" autocomplete="off">
-                    <div class="form-group group1">
-                        <input
-                            type="text"
-                            id="name"
-                            name="name"
-                            placeholder="Your name"
-                            autocomplete="name"
-                            required
-                        />
-                        <input
-                            type="email"
-                            id="email"
-                            name="email"
-                            placeholder="Your email"
-                            autocomplete="email"
-                            required
-                        />
-                    </div>
-                    <div class="form-group">
-                        <textarea
-                            id="message"
-                            name="message"
-                            placeholder="Your message"
-                            required
-                        ></textarea>
-                        <button type="submit">
-                            <span class="button-text">SEND MESSAGE</span>
-                            <div class="loading" style="display: none"></div>
-                        </button>
-                    </div>
-                </form>
+        <div class="footer-section send-message">
+          <h1 class="heading">Keep In Touch</h1>
+          <form
+            id="contact-form"
+            name="Project Vault Contact"
+            autocomplete="off"
+          >
+            <div class="form-group group1">
+              <input
+                type="text"
+                id="name"
+                name="name"
+                placeholder="Your name"
+                autocomplete="name"
+                required
+              />
+              <input
+                type="email"
+                id="email"
+                name="email"
+                placeholder="Your email"
+                autocomplete="email"
+                required
+              />
+            </div>
+            <div class="form-group">
+              <textarea
+                id="message"
+                name="message"
+                placeholder="Your message"
+                required
+              ></textarea>
+              <button type="submit">
+                <span class="button-text">SEND MESSAGE</span>
+                <div class="loading" style="display: none"></div>
+              </button>
             </div>
+          </form>
         </div>
+      </div>
 
-        <div class="copyright">
-            Created By Pavitraa ❤️ | © <span id="currentYear">2024</span> All Rights Reserved
-        </div>
+      <div class="copyright">
+        Created By Pavitraa ❤️ | © <span id="currentYear">2024</span> All Rights
+        Reserved
+      </div>
     </footer>
     <script src="../../script.js"></script>
     <script src="../js_files/games.js"></script>
-</body>
-</html>
\ No newline at end of file
+  </body>
+</html>
