From 6c18e0993777890492cece1f9049d5e93603ef3e Mon Sep 17 00:00:00 2001
From: Aarya Chaudhari <aaryachaudhari0508@gmail.com>
Date: Wed, 18 Feb 2026 19:33:59 +0530
Subject: [PATCH 1/2] Removing duplicate programs

---
 index.html | 45 +--------------------------------------------
 1 file changed, 1 insertion(+), 44 deletions(-)

diff --git a/index.html b/index.html
index 15700736..5c1d9774 100644
--- a/index.html
+++ b/index.html
@@ -309,50 +309,7 @@ <h4><i class="fas fa-link"></i> Hyperledger Mentorship</h4>
   <span class="badge">Paid Mentorship</span>
 </div>
 
-      <div class="card-grid">
-        <div class="program-card fade-in">
-          <div class="program-icon"><i class="fas fa-snowflake"></i></div>
-          <h4>Social Winter of Code</h4>
-          <p>India's premier winter program with strong mentorship culture.</p>
-          <span class="badge">Jan 2026</span>
-        </div>
-
-        <div class="program-card fade-in">
-          <div class="program-icon"><i class="fas fa-sun"></i></div>
-          <h4>GirlScript Summer of Code</h4>
-          <p>Large-scale program with mentors, tasks, and community learning.</p>
-          <span class="badge">Summer 2026</span>
-        </div>
-
-        <div class="program-card fade-in">
-          <div class="program-icon"><i class="fab fa-google"></i></div>
-          <h4>Google Summer of Code</h4>
-          <p>Global standard for student contributors and open source orgs.</p>
-          <span class="badge">Advanced</span>
-        </div>
-
-        <div class="program-card fade-in">
-          <div class="program-icon"><i class="fas fa-leaf"></i></div>
-          <h4>Outreachy</h4>
-          <p>Paid internships supporting underrepresented people in tech.</p>
-          <span class="badge">Internship</span>
-        </div>
-
-        <div class="program-card fade-in">
-          <div class="program-icon"><i class="fas fa-mountain"></i></div>
-          <h4>MLH Fellowship</h4>
-          <p>Work in pods on real projects with guided mentorship.</p>
-          <span class="badge">Spring</span>
-        </div>
-
-        <div class="program-card fade-in">
-          <div class="program-icon"><i class="fab fa-linux"></i></div>
-          <h4>Linux Foundation Mentorship</h4>
-          <p>Paid mentorships across major Linux Foundation projects.</p>
-          <span class="badge">Professional</span>
-        </div>
-      </div>
-    </section>
+     </section>
     <section class="newsletter">
       <div class="newsletter-container">
         <h3>Stay Ahead of Open Source</h3>

From 3f93b52cd8ee0017610b3340bdb0b5e7653e3da4 Mon Sep 17 00:00:00 2001
From: Aarya Chaudhari <aaryachaudhari0508@gmail.com>
Date: Wed, 18 Feb 2026 19:49:38 +0530
Subject: [PATCH 2/2] Adding feedback card

---
 frontend/css/feedback.css    | 76 ++++++++++++++++++++++++++++++++++--
 frontend/pages/feedback.html | 11 ++++--
 2 files changed, 81 insertions(+), 6 deletions(-)

diff --git a/frontend/css/feedback.css b/frontend/css/feedback.css
index 2676aae0..56acefc5 100644
--- a/frontend/css/feedback.css
+++ b/frontend/css/feedback.css
@@ -1,8 +1,15 @@
+body {
+  margin: 0;
+}
+
 .feedback-header {
   text-align: center;
-  padding: 80px 20px 40px;
+  padding: 40px 20px 0px; /* remove bottom gap */
+  margin-bottom: 0;
 }
 
+
+
 .feedback-header h1 {
   font-size: 2.5rem;
   color: var(--deep-navy);
@@ -15,10 +22,12 @@
 
 .feedback-container {
   max-width: 600px;
-  margin: auto;
-  padding: 30px;
+  margin: 0 auto 60px; /* removes top gap */
+  padding: 0 20px 40px;
 }
 
+
+
 form {
   display: flex;
   flex-direction: column;
@@ -61,3 +70,64 @@ button:hover {
   margin-top: 10px;
   font-weight: 600;
 }
+
+/* ===== Card Layout Enhancement ===== */
+
+.feedback-container {
+  max-width: 700px;
+  margin: auto;
+  padding: 40px 20px 80px;
+  display: flex;
+  justify-content: center;
+}
+
+.feedback-card {
+  width: 100%;
+  background: #ffffff;
+  padding: 35px 30px;
+  border-radius: 14px;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
+  transition: all 0.3s ease;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+
+/* Hover effect for modern UI depth */
+.feedback-card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.12);
+}
+
+/* Improve input styling consistency */
+.feedback-card input,
+.feedback-card select,
+.feedback-card textarea {
+  width: 100%;
+  padding: 12px;
+  border-radius: 8px;
+  border: 1px solid #dcdcdc;
+  font-size: 1rem;
+  transition: border 0.2s ease, box-shadow 0.2s ease;
+}
+
+/* Focus interaction */
+.feedback-card input:focus,
+.feedback-card select:focus,
+.feedback-card textarea:focus {
+  outline: none;
+  border-color: var(--primary-gold);
+  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2);
+}
+
+/* Better button polish */
+.feedback-card button {
+  margin-top: 10px;
+  font-size: 1rem;
+  letter-spacing: 0.3px;
+  transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.feedback-card button:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
+}
+
diff --git a/frontend/pages/feedback.html b/frontend/pages/feedback.html
index 384df9ae..ae246214 100644
--- a/frontend/pages/feedback.html
+++ b/frontend/pages/feedback.html
@@ -22,9 +22,12 @@ <h1>We’d Love Your Feedback</h1>
   </section>
 
   <!-- Feedback Form -->
-  <section class="feedback-container">
+<!-- Feedback Form -->
+<section class="feedback-container">
+  <div class="feedback-card">
     <form id="feedbackForm">
 
+
       <label for="name">Name (optional)</label>
       <input id="name" type="text" placeholder="Your name">
 
@@ -52,8 +55,10 @@ <h1>We’d Love Your Feedback</h1>
 
       <p id="successMessage">Thank you! Your feedback has been submitted.</p>
 
-    </form>
-  </section>
+        </form>
+  </div>
+</section>
+
 
     <div id="footer"></div>