diff --git a/AI.html b/AI.html
index 2fa3014..f80ac4b 100644
--- a/AI.html
+++ b/AI.html
@@ -13,9 +13,9 @@
     <ul class="navbar-menu">
       <li><a class="homepage" href="index.html">Home</a></li>
       <li><a href="about.html">About</a></li>
-      <li><a href="#services">Games</a></li>
+      <li><a href="games.html">Games</a></li>
       <li><a href="servers.html">Servers</a></li>
-      <li><a href="#contact">AI Chatbot</a></li>
+      <li><a href="about.html">AI Chatbot</a></li>
     </ul>
   </nav>
 
diff --git a/about.css b/about.css
index 04ef821..5e271e0 100644
--- a/about.css
+++ b/about.css
@@ -354,4 +354,15 @@ p {
 
 .navbar-menu a:hover {
   color: rgb(18, 113, 255);
+}
+
+.profile {
+  border-radius: 100%;
+}
+
+
+.pfp {
+
+border-radius: 100%;
+
 }
\ No newline at end of file
diff --git a/about.html b/about.html
index 3e02e7c..cc9b1d8 100644
--- a/about.html
+++ b/about.html
@@ -12,8 +12,8 @@
   <nav class="navbar">
     <ul class="navbar-menu">
       <li><a class="homepage" href="index.html">Home</a></li>
-      <li><a href="#about">About</a></li>
-      <li><a href="#services">Games</a></li>
+      <li><a href="about.html">About</a></li>
+      <li><a href="games.html">Games</a></li>
       <li><a href="servers.html">Servers</a></li>
       <li><a href="AI.html">AI Chatbot</a></li>
     </ul>
@@ -29,10 +29,16 @@
     </svg>
     <div class="content">
 
-      <embed src="images/sirdug.webp" type="images">
-
       <h1>about</h1>
-      <p>Body</p>
+      <div class="profile">
+      <img class="pfp" src="images/sirdug.webp" alt="pfp">
+      <p class="creator" >Site Creator</p>
+      <p class="creator">Sirdug</p>
+      <p>Discord: sirdug</p>
+
+
+
+      </div>
       <button class="button-86" role="button" href="index.html" >Button 86</button>
 
 
diff --git a/games.html b/games.html
new file mode 100644
index 0000000..55058c3
--- /dev/null
+++ b/games.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>sirdug.dev</title>
+  <link rel="stylesheet" href="./style.css">
+
+</head>
+
+<body>
+  <nav class="navbar">
+    <ul class="navbar-menu">
+      <li><a class="homepage" href="index.html">Home</a></li>
+      <li><a href="about.html">About</a></li>
+      <li><a href="games.html">Games</a></li>
+      <li><a href="servers.html">Servers</a></li>
+      <li><a href="AI.html">AI Chatbot</a></li>
+    </ul>
+  </nav>
+
+  <div class="card">
+    <svg viewBox="0 0 100% 100%" xmlns='http://www.w3.org/2000/svg' class="noise">
+      <filter id='noiseFilter'>
+        <feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='6' stitchTiles='stitch' />
+      </filter>
+
+      <rect width='100%' height='100%' preserveAspectRatio="xMidYMid meet" filter='url(#noiseFilter)' />
+    </svg>
+    <div class="content">
+
+      <h1>Games</h1>
+      <p class="soon">COMING SOON!</p>
+
+      <link href="https://fonts.googleapis.com/css?family=Yantramanav:400,500,700,900" rel="stylesheet">
+<!-- Display the countdown timer in an element -->
+<p id="demo" style="background-image: -moz-linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+background-image: -webkit-linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+background-image: -o-linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+background-image: -ms-linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+background-image: linear-gradient(top,#b8b0af 0%,#f2ecea 100%);
+-webkit-background-clip: text;
+-webkit-text-fill-color: transparent;
+position:relative;font-size:1.2em;font-family: 'Yantramanav', sans-serif;font-weight:900;text-align: center;"></p>
+
+
+    </div>
+  </div>
+  <div class="gradient-bg">
+    <svg viewBox="0 0 100vw 100vw" xmlns='http://www.w3.org/2000/svg' class="noiseBg">
+      <filter id='noiseFilterBg'>
+        <feTurbulence type='fractalNoise' baseFrequency='0.6' stitchTiles='stitch' />
+      </filter>
+
+      <rect width='100%' height='100%' preserveAspectRatio="xMidYMid meet" filter='url(#noiseFilterBg)' />
+    </svg>
+    <svg xmlns="http://www.w3.org/2000/svg" class="svgBlur">
+      <defs>
+        <filter id="goo">
+          <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
+          <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8" result="goo" />
+          <feBlend in="SourceGraphic" in2="goo" />
+        </filter>
+      </defs>
+    </svg>
+    <div class="gradients-container">
+      <div class="g1"></div>
+      <div class="g2"></div>
+      <div class="g3"></div>
+      <div class="g4"></div>
+      <div class="g5"></div>
+      <div class="interactive"></div>
+    </div>
+  </div>
+
+  <script src="./script.js"></script>
+
+</body>
+
+
+
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 821933c..b6f626c 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
     <ul class="navbar-menu">
       <li><a class="homepage" href="index.html">Home</a></li>
       <li><a href="about.html">About</a></li>
-      <li><a href="#services">Games</a></li>
+      <li><a href="games.html">Games</a></li>
       <li><a href="servers.html">Servers</a></li>
       <li><a href="AI.html">AI Chatbot</a></li>
     </ul>
diff --git a/blink.css b/legacy/blink.css
similarity index 100%
rename from blink.css
rename to legacy/blink.css
diff --git a/blink.html b/legacy/blink.html
similarity index 100%
rename from blink.html
rename to legacy/blink.html
diff --git a/test.css b/legacy/test.css
similarity index 100%
rename from test.css
rename to legacy/test.css
diff --git a/test.html b/legacy/test.html
similarity index 100%
rename from test.html
rename to legacy/test.html
diff --git a/script.js b/script.js
index 567ed60..3e26ed4 100644
--- a/script.js
+++ b/script.js
@@ -18,4 +18,54 @@ document.addEventListener('DOMContentLoaded', () => {
   });
 
   move();
-});
\ No newline at end of file
+});
+
+function clicktocopy() {
+  // Get the text field
+  var copyText = document.getElementById("sirdug");
+
+  // Select the text field
+  copyText.select();
+  copyText.setSelectionRange(0, 99999); // For mobile devices
+
+   // Copy the text inside the text field
+  navigator.clipboard.writeText(copyText.value);
+
+  // Alert the copied text
+  alert("Copied the text: " + copyText.value);
+}
+
+
+
+
+
+
+
+
+var countDownDate = new Date("August 18, 2024 12:00:00").getTime();
+
+// Update the count down every 1 second
+var x = setInterval(function() {
+
+  // Get todays date and time
+  var now = new Date().getTime();
+
+  // Find the distance between now an the count down date
+  var distance = countDownDate - now;
+
+  // Time calculations for days, hours, minutes and seconds
+  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
+  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
+  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
+
+  // Display the result in the element with id="demo"
+  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
+  + minutes + "m " + seconds + "s ";
+
+  // If the count down is finished, write some text 
+  if (distance < 0) {
+    clearInterval(x);
+    document.getElementById("demo").innerHTML = "EXPIRED";
+  }
+}, 1000);
\ No newline at end of file
diff --git a/servers.html b/servers.html
index 45033e7..1a9d53f 100644
--- a/servers.html
+++ b/servers.html
@@ -13,7 +13,7 @@
     <ul class="navbar-menu">
       <li><a class="homepage" href="index.html">Home</a></li>
       <li><a href="about.html">About</a></li>
-      <li><a href="#services">Games</a></li>
+      <li><a href="games.html">Games</a></li>
       <li><a href="servers.html">Servers</a></li>
       <li><a href="AI.html">AI Chatbot</a></li>
     </ul>
diff --git a/style.css b/style.css
index 5c67b42..70b491c 100644
--- a/style.css
+++ b/style.css
@@ -405,3 +405,44 @@ iframe {
   text-align: center;
 
 }
+
+.profile {
+text-align: center;
+
+
+}
+
+
+.pfp {
+
+border-radius: 100%;
+justify-content: center;
+display: block;
+margin-left: auto;
+margin-right: auto;
+width: 85%;
+border: 5px solid #555;
+}
+
+.dclink {
+color: rgb(210, 2, 210);
+text-align: center;
+padding-bottom: 10px;
+text-decoration: none;
+font-family: "Montserrat", sans-serif;
+font-weight: 700;
+transition: color 0.3s;
+cursor: pointer;
+
+}
+
+
+.creator {
+text-align: center;
+}
+
+
+.soon {
+text-align: center;
+
+}
