diff --git a/index.html b/index.html
new file mode 100644
index 0000000..03b6a9f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,426 @@
+<html>
+
+<head>
+  <base
+    href="https://deamon.dev%20add%20a%20coding%20animation%20for%20all%20the%20text,%20the%20coding%20animation%20is%20very%20buggy,%20the%20cursor%20thats%20blinking%20should%20move%20across%20all%20the%20text,%20there%20shouldnt%20be%20one%20very%20each%20line%20and%20it%20should%20go%20away%20eventually">
+  <title>Daemon - Roblox Developer & CEO of Cooked Development</title>
+  <style>
+    @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600&display=swap');
+
+    :root {
+      --bg-color: #1a0a05;
+      --text-color: #f8d8c0;
+      --highlight-color: #ff6b35;
+      --secondary-color: #2f1710;
+    }
+
+    body {
+      font-family: 'Fira Code', monospace;
+      line-height: 1.6;
+      color: var(--text-color);
+      background-color: var(--bg-color);
+      margin: 0;
+      padding: 0;
+      overflow-x: hidden;
+    }
+
+    .container {
+      max-width: 1200px;
+      margin: 0 auto;
+      padding: 20px;
+    }
+
+    header {
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+      position: relative;
+      overflow: hidden;
+    }
+
+    h1 {
+      font-size: 4em;
+      margin: 0;
+      background: linear-gradient(45deg, #ff6b35, #f0932b, #eb4d4b);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-size: 300% 300%;
+      animation: gradient-animation 5s ease infinite;
+    }
+
+    @keyframes gradient-animation {
+      0% {
+        background-position: 0% 50%;
+      }
+
+      50% {
+        background-position: 100% 50%;
+      }
+
+      100% {
+        background-position: 0% 50%;
+      }
+    }
+
+    .tagline {
+      font-style: italic;
+      color: var(--text-color);
+    }
+
+    .coding-animation {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: var(--bg-color);
+      z-index: -1;
+      overflow: hidden;
+    }
+
+    .code-line {
+      position: absolute;
+      color: var(--highlight-color);
+      font-size: 14px;
+      white-space: nowrap;
+      opacity: 0.3;
+      transition: transform 5s linear, opacity 5s linear;
+    }
+
+    section {
+      background-color: var(--secondary-color);
+      padding: 40px;
+      margin: 40px 0;
+      border-radius: 10px;
+      box-shadow: 0 10px 30px rgba(255, 107, 53, 0.1);
+    }
+
+    h2 {
+      color: var(--highlight-color);
+      border-bottom: 2px solid var(--highlight-color);
+      padding-bottom: 10px;
+      font-size: 2em;
+    }
+
+    .skills {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 15px;
+    }
+
+    .skill {
+      background-color: var(--bg-color);
+      color: var(--highlight-color);
+      padding: 8px 15px;
+      border-radius: 20px;
+      font-size: 0.9em;
+      transition: all 0.3s ease;
+    }
+
+    .skill:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 5px 15px rgba(255, 107, 53, 0.2);
+    }
+
+    .projects {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+      gap: 30px;
+    }
+
+    .project {
+      background-color: var(--bg-color);
+      border: 1px solid var(--highlight-color);
+      border-radius: 10px;
+      padding: 20px;
+      text-align: center;
+      transition: all 0.3s ease;
+    }
+
+    .project:hover {
+      transform: translateY(-10px);
+      box-shadow: 0 10px 30px rgba(255, 107, 53, 0.2);
+    }
+
+    .project img {
+      max-width: 100%;
+      height: auto;
+      border-radius: 5px;
+      margin-bottom: 15px;
+    }
+
+    .stats {
+      display: flex;
+      justify-content: space-around;
+      background-color: var(--bg-color);
+      color: var(--text-color);
+      padding: 20px;
+      border-radius: 10px;
+      margin-top: 30px;
+    }
+
+    .stat {
+      text-align: center;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .stat-value {
+      font-size: 2.5em;
+      font-weight: bold;
+      color: var(--highlight-color);
+      margin-bottom: 10px;
+    }
+
+    footer {
+      text-align: center;
+      margin-top: 50px;
+      padding: 20px;
+      background-color: var(--secondary-color);
+    }
+
+    a {
+      color: var(--highlight-color);
+      text-decoration: none;
+      transition: all 0.3s ease;
+    }
+
+    a:hover {
+      text-shadow: 0 0 10px var(--highlight-color);
+    }
+
+    .social-links {
+      display: flex;
+      justify-content: center;
+      gap: 20px;
+      margin-top: 20px;
+    }
+
+    .social-link {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 50px;
+      height: 50px;
+      background-color: var(--bg-color);
+      border-radius: 50%;
+      transition: all 0.3s ease;
+    }
+
+    .social-link:hover {
+      transform: translateY(-5px);
+      box-shadow: 0 5px 15px rgba(255, 107, 53, 0.2);
+    }
+
+    .social-icon {
+      width: 30px;
+      height: 30px;
+      fill: var(--highlight-color);
+    }
+
+    .typing-text {
+      position: relative;
+      display: inline-block;
+    }
+
+    .hidden {
+      visibility: hidden;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="container">
+    <header>
+      <div class="coding-animation" id="coding-animation"></div>
+      <h1 class="typing-text"></h1>
+      <p class="tagline typing-text"></p>
+      <p class="tagline typing-text"></p>
+    </header>
+
+    <section id="about">
+      <h2 class="typing-text"></h2>
+      <p class="typing-text"></p>
+    </section>
+
+    <section id="skills">
+      <h2 class="typing-text"></h2>
+      <div class="skills">
+        <span class="skill typing-text"></span>
+        <span class="skill typing-text"></span>
+        <span class="skill typing-text"></span>
+        <span class="skill typing-text"></span>
+        <span class="skill typing-text"></span>
+        <span class="skill typing-text"></span>
+        <span class="skill typing-text"></span>
+        <span class="skill typing-text"></span>
+        <span class="skill typing-text"></span>
+      </div>
+    </section>
+
+    <section id="projects">
+      <h2 class="typing-text"></h2>
+      <div class="projects">
+        <div class="project">
+          <img
+            src="https://cdn.discordapp.com/attachments/1032465050201509980/1257338484750946436/image.png?ex=66840b36&is=6682b9b6&hm=4c8798df52e63c1c091f2f02c72c4ece4255ee4a04a974cbdb78343e0ad481cd&"
+            alt="Pass The Bomb" width="250" height="140">
+          <h3 class="typing-text"></h3>
+          <p class="typing-text"></p>
+        </div>
+        <div class="project">
+          <img
+            src="https://cdn.discordapp.com/attachments/1032465050201509980/1257338663017255014/image.png?ex=66840b61&is=6682b9e1&hm=383075fd8c6726f8fe83c92d6191468ed0ca465c160787d3839dfa8d2bba1cb4&"
+            alt="Fire Wheels" width="250" height="140">
+          <h3 class="typing-text"></h3>
+          <p class="typing-text"></p>
+        </div>
+        <div class="project">
+          <img
+            src="https://media.discordapp.net/attachments/1190516771569029181/1198856638128476230/Anime_Clash_New_Icon.png?ex=66838b40&is=668239c0&hm=b15931c7e8ec37e009ce35cbc2c24e77058122e2da5a3b288f3725d173849ae0&=&format=webp&quality=lossless&width=905&height=905"
+            alt="Anime Clash" width="250" height="140">
+          <h3 class="typing-text"></h3>
+          <p class="typing-text"></p>
+        </div>
+      </div>
+    </section>
+
+    <section id="achievements">
+      <h2 class="typing-text"></h2>
+      <div class="stats">
+        <div class="stat">
+          <div class="stat-value typing-text" id="ccu-counter"></div>
+          <div class="typing-text"></div>
+        </div>
+        <div class="stat">
+          <div class="stat-value typing-text" id="visits-counter"></div>
+          <div class="typing-text"></div>
+        </div>
+      </div>
+    </section>
+
+    <section id="connect">
+      <h2 class="typing-text"></h2>
+      <div class="social-links">
+        <a href="https://www.roblox.com/users/906745376/profile" class="social-link" aria-label="Roblox">
+          <svg class="social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+            <path
+              d="M5.164 0L.16 18.928 18.836 24 23.84 5.072 5.164 0zm8.747 15.354l-5.219-1.417 1.399-5.29 5.22 1.418-1.4 5.29z" />
+          </svg>
+        </a>
+        <a href="https://x.com/NotNice6109" class="social-link" aria-label="X">
+          <svg class="social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+            <path
+              d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
+          </svg>
+        </a>
+        <a href="https://github.com/Daemon6109" class="social-link" aria-label="GitHub">
+          <svg class="social-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
+            <path
+              d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
+          </svg>
+        </a>
+      </div>
+    </section>
+  </div>
+
+  <footer>
+    <p class="typing-text"></p>
+  </footer>
+
+  <script>
+    const typingTexts = document.querySelectorAll('.typing-text');
+    const textContent = [
+      "Daemon",
+      "Roblox Developer | Lua & Python Enthusiast",
+      "CEO of Cooked Development",
+      "About Me",
+      "Hey there! I'm Daemon, a 16-year-old Roblox developer with a passion for creating immersive and engaging experiences. With 1.5 years of experience under my belt, I've honed my skills in Lua and Python to bring innovative ideas to life in the Roblox platform. As the CEO of Cooked Development, I'm always pushing the boundaries of what's possible in game development.",
+      "Skills & Tools",
+      "Lua", "Python", "Roblox Studio", "Visual Studio Code", "Rojo", "Knit", "Fusion", "Git", "GitHub",
+      "Projects",
+      "Pass The Bomb",
+      "An arcade-style game where players pass a bomb to each other, and the last one standing wins.",
+      "Fire Wheels",
+      "A car game where players set each other’s wheels on fire, and the last one standing wins.",
+      "Anime Clash",
+      "A wave defense game where players can use their favorite anime characters from several anime series.",
+      "Achievements",
+      "170,000",
+      "Peak Concurrent Users",
+      "280,000,000",
+      "Total Visits",
+      "Connect With Me",
+      "© 2024 Daemon. All rights reserved."
+    ];
+
+    let currentTextIndex = 0;
+    let currentCharIndex = 0;
+    let currentElement = typingTexts[0];
+
+    function typeText() {
+      if (currentTextIndex < textContent.length) {
+        if (currentCharIndex < textContent[currentTextIndex].length) {
+          currentElement.textContent += textContent[currentTextIndex][currentCharIndex];
+          currentCharIndex++;
+          setTimeout(typeText, 25);
+        } else {
+          currentTextIndex++;
+          currentCharIndex = 0;
+          if (currentTextIndex < typingTexts.length) {
+            currentElement = typingTexts[currentTextIndex];
+            setTimeout(typeText, 500);
+          }
+        }
+      }
+    }
+
+    function createCodeLine() {
+      const codeLine = document.createElement('div');
+      codeLine.className = 'code-line';
+      codeLine.style.left = `${Math.random() * 100}%`;
+      codeLine.style.top = `${Math.random() * 100}%`;
+      codeLine.textContent = generateRandomCode();
+      return codeLine;
+    }
+
+    function generateRandomCode() {
+      const codeSnippets = [
+        "function update(dt)",
+        "local player = game.Players.LocalPlayer",
+        "if math.random() < 0.5 then",
+        "for i, v in ipairs(table) do",
+        "local part = Instance.new('Part')",
+        "game:GetService('RunService').Heartbeat:Connect(function()",
+        "local function onPlayerAdded(player)",
+        "local debris = game:GetService('Debris')",
+        "local tweenInfo = TweenInfo.new(1, Enum.EasingStyle.Quad)",
+        "local sound = Instance.new('Sound')"
+      ];
+      return codeSnippets[Math.floor(Math.random() * codeSnippets.length)];
+    }
+
+    function animateCodeLines() {
+      const codingAnimation = document.getElementById('coding-animation');
+      setInterval(() => {
+        const codeLine = createCodeLine();
+        codingAnimation.appendChild(codeLine);
+        setTimeout(() => {
+          codeLine.style.transform = `translateY(${Math.random() < 0.5 ? '-' : ''}100%)`;
+          codeLine.style.opacity = '0';
+          setTimeout(() => {
+            codingAnimation.removeChild(codeLine);
+          }, 5000);
+        }, 100);
+      }, 2000);
+    }
+
+    typeText();
+    animateCodeLines();
+  </script>
+</body>
+
+</html>
\ No newline at end of file
