diff --git a/public/Day-215:portfolio_Generator/index.html b/public/Day-215:portfolio_Generator/index.html
new file mode 100644
index 00000000..24727079
--- /dev/null
+++ b/public/Day-215:portfolio_Generator/index.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Portfolio Builder</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div class="hero">
+    <div class="container glass-card">
+      <h1>💼 Portfolio Builder</h1>
+      <p class="tagline">Create your personal portfolio in minutes!</p>
+
+      <form id="portfolioForm" class="fade-in">
+        <div class="section">
+          <h2>👤 Personal Info</h2>
+          <input type="text" id="name" placeholder="Full Name" required>
+          <input type="email" id="email" placeholder="Email" required>
+          <input type="text" id="linkedin" placeholder="LinkedIn URL">
+          <input type="text" id="github" placeholder="GitHub URL">
+        </div>
+
+        <div class="section">
+          <h2>🎓 Education</h2>
+          <textarea id="education" placeholder="E.g. B.Tech in CSE from XYZ University (2023–2027)" required></textarea>
+        </div>
+
+        <div class="section">
+          <h2>🧠 Skills</h2>
+          <input type="text" id="skills" placeholder="E.g. HTML, CSS, Python, C++" required>
+        </div>
+
+        <div class="section">
+          <h2>🚀 Projects</h2>
+          <textarea id="projects" placeholder="List your projects with brief description"></textarea>
+        </div>
+
+        <div class="section">
+          <h2>💬 About You</h2>
+          <textarea id="about" placeholder="A short bio about yourself"></textarea>
+        </div>
+
+        <button type="button" class="generate-btn" onclick="generatePortfolio()">✨ Generate Portfolio</button>
+      </form>
+
+      <div id="portfolioPreview" class="preview hidden">
+        <h2>Your Portfolio</h2>
+        <div id="output"></div>
+        <button class="download-btn" onclick="window.print()">📄 Save / Print Portfolio</button>
+      </div>
+    </div>
+  </div>
+
+  <footer>
+    <p>Made with ❤️</p>
+  </footer>
+
+  <script src="script.js"></script>
+</body>
+</html>
diff --git a/public/Day-215:portfolio_Generator/script.js b/public/Day-215:portfolio_Generator/script.js
new file mode 100644
index 00000000..c3a4606e
--- /dev/null
+++ b/public/Day-215:portfolio_Generator/script.js
@@ -0,0 +1,32 @@
+function generatePortfolio() {
+  const name = document.getElementById("name").value;
+  const email = document.getElementById("email").value;
+  const linkedin = document.getElementById("linkedin").value;
+  const github = document.getElementById("github").value;
+  const education = document.getElementById("education").value;
+  const skills = document.getElementById("skills").value;
+  const projects = document.getElementById("projects").value;
+  const about = document.getElementById("about").value;
+
+  const output = `
+    <div class="card fade-in">
+      <h2>${name}</h2>
+      <p><strong>Email:</strong> ${email}</p>
+      ${linkedin ? `<p><strong>LinkedIn:</strong> <a href="${linkedin}" target="_blank">${linkedin}</a></p>` : ""}
+      ${github ? `<p><strong>GitHub:</strong> <a href="${github}" target="_blank">${github}</a></p>` : ""}
+      <hr>
+      <h3>About Me</h3>
+      <p>${about}</p>
+      <h3>Education</h3>
+      <p>${education}</p>
+      <h3>Skills</h3>
+      <p>${skills}</p>
+      <h3>Projects</h3>
+      <p>${projects}</p>
+    </div>
+  `;
+
+  document.getElementById("output").innerHTML = output;
+  document.getElementById("portfolioPreview").classList.remove("hidden");
+  window.scrollTo({ top: document.body.scrollHeight, behavior: "smooth" });
+}
diff --git a/public/Day-215:portfolio_Generator/style.css b/public/Day-215:portfolio_Generator/style.css
new file mode 100644
index 00000000..f4003af6
--- /dev/null
+++ b/public/Day-215:portfolio_Generator/style.css
@@ -0,0 +1,151 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
+
+body {
+  margin: 0;
+  font-family: 'Poppins', sans-serif;
+  background: linear-gradient(135deg, #667eea, #764ba2);
+  color: #fff;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.hero {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 40px 15px;
+}
+
+.container {
+  width: 100%;
+  max-width: 850px;
+  padding: 30px 40px;
+  border-radius: 20px;
+  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
+  backdrop-filter: blur(10px);
+  background: rgba(255, 255, 255, 0.15);
+  color: #fff;
+  text-align: center;
+}
+
+h1 {
+  font-size: 2rem;
+  margin-bottom: 5px;
+}
+
+.tagline {
+  font-size: 1rem;
+  margin-bottom: 25px;
+  color: #e0e0e0;
+}
+
+form {
+  display: flex;
+  flex-direction: column;
+  gap: 25px;
+}
+
+.section {
+  text-align: left;
+}
+
+.section h2 {
+  font-size: 1.1rem;
+  color: #fff;
+  margin-bottom: 8px;
+  border-left: 4px solid #ffcb2b;
+  padding-left: 10px;
+}
+
+input, textarea {
+  width: 100%;
+  padding: 12px 15px;
+  border-radius: 10px;
+  border: none;
+  outline: none;
+  margin-top: 8px;
+  font-size: 15px;
+  background: rgba(255, 255, 255, 0.25);
+  color: #fff;
+  transition: background 0.3s;
+}
+
+input:focus, textarea:focus {
+  background: rgba(255, 255, 255, 0.4);
+}
+
+button {
+  cursor: pointer;
+  border: none;
+  border-radius: 10px;
+  font-size: 16px;
+  font-weight: 600;
+  padding: 14px;
+  transition: 0.3s;
+}
+
+.generate-btn {
+  background: #ffcb2b;
+  color: #333;
+}
+
+.generate-btn:hover {
+  background: #ffd84d;
+  transform: scale(1.05);
+}
+
+.download-btn {
+  margin-top: 20px;
+  background: #00c6ff;
+  color: #fff;
+}
+
+.download-btn:hover {
+  background: #35d1ff;
+  transform: scale(1.05);
+}
+
+.preview {
+  background: rgba(255, 255, 255, 0.2);
+  border-radius: 15px;
+  padding: 20px;
+  margin-top: 30px;
+  text-align: left;
+  color: #fff;
+}
+
+.hidden {
+  display: none;
+}
+
+footer {
+  text-align: center;
+  padding: 15px;
+  font-size: 0.9rem;
+  color: #f0f0f0;
+}
+
+a {
+  color: #ffcb2b;
+  text-decoration: none;
+}
+
+.fade-in {
+  animation: fadeIn 1.2s ease;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@media (max-width: 600px) {
+  .container {
+    padding: 20px;
+  }
+  h1 {
+    font-size: 1.6rem;
+  }
+}
