diff --git a/index.html b/index.html
index 36fba2d..a8b9b7d 100644
--- a/index.html
+++ b/index.html
@@ -3,88 +3,52 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Wilder — Join the Waitlist</title>
-    <style>
-      body {
-        margin: 0;
-        font-family: system-ui, -apple-system, sans-serif;
-        background: linear-gradient(120deg, #141e30, #243b55);
-        color: white;
-        text-align: center;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        height: 100vh;
-      }
-      h1 {
-        font-size: 3rem;
-        margin-bottom: 0.5rem;
-      }
-      p {
-        font-size: 1.25rem;
-        opacity: 0.8;
-        margin-bottom: 2rem;
-      }
-      form {
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        background: rgba(255,255,255,0.1);
-        border-radius: 8px;
-        overflow: hidden;
-      }
-      input[type="email"] {
-        border: none;
-        padding: 1rem;
-        font-size: 1rem;
-        width: 250px;
-        outline: none;
-        color: #333;
-      }
-      button {
-        background-color: #ff7a18;
-        border: none;
-        color: white;
-        padding: 1rem 1.5rem;
-        font-size: 1rem;
-        cursor: pointer;
-      }
-      button:hover {
-        background-color: #ff9e47;
-      }
-      footer {
-        position: absolute;
-        bottom: 20px;
-        font-size: 0.85rem;
-        opacity: 0.6;
-      }
-    </style>
+    <title>Durga | Portfolio</title>
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
-    <h1>Wilder</h1>
-    <p>Be the first to experience what’s next. Join the waitlist.</p>
-    <form id="waitlist-form" method="POST" action="/api/waitlist">
-      <input type="email" name="email" placeholder="you@example.com" required />
-      <button type="submit">Notify Me</button>
-    </form>
-    <footer>© 2024 Wilder</footer>
-    <script>
-      document.getElementById('waitlist-form').addEventListener('submit', async function (e) {
-        e.preventDefault();
-        const email = e.target.email.value;
-        const res = await fetch('/api/waitlist', {
-          method: 'POST',
-          headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ email })
-        });
-        if (res.ok) {
-          alert('Thanks for joining the waitlist!');
-          e.target.reset();
-        } else {
-          alert('There was a problem. Please try again later.');
-        }
-      });
-    </script>
+    <header>
+      <h1>Durga</h1>
+      <nav>
+        <ul>
+          <li><a href="#about">About</a></li>
+          <li><a href="#projects">Projects</a></li>
+        </ul>
+      </nav>
+    </header>
+
+    <section id="hero">
+      <h2>Welcome to my portfolio</h2>
+      <p>I'm Durga, a passionate developer focused on building clean and engaging digital experiences.</p>
+    </section>
+
+    <section id="about">
+      <h2>About Me</h2>
+      <p>I’m a software developer with experience in front-end and back-end technologies. I love transforming ideas into interactive and functional designs and always seek to learn new things and improve my craft.</p>
+    </section>
+
+    <section id="projects">
+      <h2>Projects</h2>
+      <div class="project-grid">
+        <div class="project-card">
+          <h3>Project One</h3>
+          <p>A web app that helps users track their daily tasks efficiently.</p>
+        </div>
+        <div class="project-card">
+          <h3>Project Two</h3>
+          <p>An AI chatbot built with modern frameworks to assist users in learning new skills.</p>
+        </div>
+        <div class="project-card">
+          <h3>Project Three</h3>
+          <p>A data visualization tool that transforms raw data into insightful charts.</p>
+        </div>
+      </div>
+    </section>
+
+    <footer>
+      <p>© 2024 Durga. All rights reserved.</p>
+    </footer>
+
+    <script src="script.js"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..0a832c2
--- /dev/null
+++ b/script.js
@@ -0,0 +1,3 @@
+document.addEventListener('DOMContentLoaded', () => {
+  console.log('Portfolio loaded successfully.');
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..8dcd0bb
--- /dev/null
+++ b/style.css
@@ -0,0 +1,95 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  background-color: #f8f9fa;
+  color: #333;
+  line-height: 1.6;
+}
+
+header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 2rem;
+  background-color: #002b5c;
+  color: #fff;
+}
+
+header h1 {
+  font-size: 1.5rem;
+}
+
+nav ul {
+  display: flex;
+  list-style: none;
+}
+
+nav ul li {
+  margin-left: 1.5rem;
+}
+
+nav ul li a {
+  text-decoration: none;
+  color: #fff;
+  transition: color 0.3s ease;
+}
+
+nav ul li a:hover {
+  color: #00aaff;
+}
+
+#hero {
+  text-align: center;
+  padding: 4rem 2rem;
+  background: linear-gradient(to right, #003f7f, #007acc);
+  color: white;
+}
+
+#hero h2 {
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+section {
+  padding: 3rem 2rem;
+  max-width: 1000px;
+  margin: 0 auto;
+}
+
+#about p {
+  font-size: 1.1rem;
+  color: #555;
+}
+
+.project-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  gap: 1.5rem;
+  margin-top: 2rem;
+}
+
+.project-card {
+  background: #fff;
+  border-radius: 8px;
+  padding: 1.5rem;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.project-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+footer {
+  text-align: center;
+  padding: 1rem;
+  background-color: #002b5c;
+  color: white;
+  margin-top: 2rem;
+}
\ No newline at end of file
