diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..34f67cb
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Open index.html",
+            "file": "c:\\Users\\user\\Documents\\SDF02\\SDF02-2025\\index.html"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/00000000index.html b/00000000index.html
new file mode 100644
index 0000000..f3f451a
--- /dev/null
+++ b/00000000index.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    
+    <title>CodeSpace Cat's Portfolio</title>
+    
+</head>
+<body>
+
+    <h1>CodeSpace Cat's Portfolio 🎨</h1>
+
+    <ul>
+
+       
+        <li><a href="#Aboutme">About Me 👋</a></li>
+        <li><a href="#myskills">Skills ⚒️</a></il>
+        <li><a href="#Catfolio"> Portfolio 📷</a></li>   
+        <li><a href="#contact">Contact 🤙</a></li>
+    </ul>
+
+    <h2 id="Aboutme">About Me 🐱</h2>
+
+    <img src="images/cat-codespace.png">
+
+    <p>
+
+        Hello! I'm <b>CodeSpace Cat</b>.I'm purr-ssionate about web development and design.I've been pawing at the web 
+        industry for just one catnap(that's less than a day in human terms),and I adore crafting pawsitively 
+        intuitive, whisker-twitching, and fur-tastic web experiences. Whoa that"s a lot of puns. 🐾
+
+    </p>
+
+    <h2 id="myskills"> My Skills 🤹‍♂️ </h2>
+
+    <ul>
+        <li>Web Development 🕸️</li>
+        <li>UI/UX Design 🎨</li>
+        <li>Backend Development 🧱</li>
+        <li>Datebase Management 💻</li>
+        <li>SEO Optimization 🔍</li>
+        <li>Lying in the Sun 🌞</li>
+    </ul>
+
+    <link rel="stylesheet" href="style.css">
+
+    <h1 id="Catfolio">Catfolio</h1>
+
+        <main>
+
+            <table>
+                <tr>
+                    <th>Project Name</th>
+                    <th>Date</th>
+                    <th>Description</th>
+                    <th>Thumbnail</th>
+                </tr>
+
+                <tr>
+                    <td>Purrfect Landing Page</td>
+                    <td>January 2024</td>
+                    <td>A delightful landing page for a luxury cat condo.</td>
+                    <td><img src="images/1.png"></td>
+                </tr>
+
+                <tr>
+                    <td>Kitty Commerce</td>
+                    <td>February 2024</td>
+                    <td>An online store sellig the fanciest catnip toys.</td>
+                    <td><img src="images/2.png"></td>
+                </tr>
+
+                <tr>
+                    <td>CatChat Social</td>
+                    <td>June 2024</td>
+                    <td>A social media site for cats to meow and hiss!</td>
+                    <td><img src="images/3.png"></td>
+                </tr>
+
+            
+            </table>
+
+        </main>
+        
+         <h1 id="contact">Contact Me</h1>
+        
+            <form>
+
+               <label for="fname">Name:</label> 
+               <input type="text" idName:="fname">
+
+               <label for="email">Email:</label> 
+               <input type="email" id:="email" name="email">
+                
+               <label for="message">Message:</label>
+               <textarea name="" id=""></textarea>
+            
+                <input type="submit">
+
+            <br><footer>©️2024 Codespace Cat.All rights reserved.</footer></br>
+
+            </form>
+
+</body>
+</html> 
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f3f451a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    
+    <title>CodeSpace Cat's Portfolio</title>
+    
+</head>
+<body>
+
+    <h1>CodeSpace Cat's Portfolio 🎨</h1>
+
+    <ul>
+
+       
+        <li><a href="#Aboutme">About Me 👋</a></li>
+        <li><a href="#myskills">Skills ⚒️</a></il>
+        <li><a href="#Catfolio"> Portfolio 📷</a></li>   
+        <li><a href="#contact">Contact 🤙</a></li>
+    </ul>
+
+    <h2 id="Aboutme">About Me 🐱</h2>
+
+    <img src="images/cat-codespace.png">
+
+    <p>
+
+        Hello! I'm <b>CodeSpace Cat</b>.I'm purr-ssionate about web development and design.I've been pawing at the web 
+        industry for just one catnap(that's less than a day in human terms),and I adore crafting pawsitively 
+        intuitive, whisker-twitching, and fur-tastic web experiences. Whoa that"s a lot of puns. 🐾
+
+    </p>
+
+    <h2 id="myskills"> My Skills 🤹‍♂️ </h2>
+
+    <ul>
+        <li>Web Development 🕸️</li>
+        <li>UI/UX Design 🎨</li>
+        <li>Backend Development 🧱</li>
+        <li>Datebase Management 💻</li>
+        <li>SEO Optimization 🔍</li>
+        <li>Lying in the Sun 🌞</li>
+    </ul>
+
+    <link rel="stylesheet" href="style.css">
+
+    <h1 id="Catfolio">Catfolio</h1>
+
+        <main>
+
+            <table>
+                <tr>
+                    <th>Project Name</th>
+                    <th>Date</th>
+                    <th>Description</th>
+                    <th>Thumbnail</th>
+                </tr>
+
+                <tr>
+                    <td>Purrfect Landing Page</td>
+                    <td>January 2024</td>
+                    <td>A delightful landing page for a luxury cat condo.</td>
+                    <td><img src="images/1.png"></td>
+                </tr>
+
+                <tr>
+                    <td>Kitty Commerce</td>
+                    <td>February 2024</td>
+                    <td>An online store sellig the fanciest catnip toys.</td>
+                    <td><img src="images/2.png"></td>
+                </tr>
+
+                <tr>
+                    <td>CatChat Social</td>
+                    <td>June 2024</td>
+                    <td>A social media site for cats to meow and hiss!</td>
+                    <td><img src="images/3.png"></td>
+                </tr>
+
+            
+            </table>
+
+        </main>
+        
+         <h1 id="contact">Contact Me</h1>
+        
+            <form>
+
+               <label for="fname">Name:</label> 
+               <input type="text" idName:="fname">
+
+               <label for="email">Email:</label> 
+               <input type="email" id:="email" name="email">
+                
+               <label for="message">Message:</label>
+               <textarea name="" id=""></textarea>
+            
+                <input type="submit">
+
+            <br><footer>©️2024 Codespace Cat.All rights reserved.</footer></br>
+
+            </form>
+
+</body>
+</html> 
\ No newline at end of file

Project Name	Date	Description
Purrfect Landing Page	January 2024	A delightful landing page for a luxury cat condo.
Kitty Commerce	February 2024	An online store sellig the fanciest catnip toys.
CatChat Social	June 2024	A social media site for cats to meow and hiss!