Map my udemy pr

index.html

@@ -396,7 +396,9 @@ <h1>Projects</h1>
                 <li>
                   <img src="./public/projects/stack-icons/docker.png" alt="Docker" title="Docker" />
                 </li>
-
+                <li>
+                  <img src="./public/projects/stack-icons/windsurf.png" alt="Windsurf" title="Windsurf" />
+                </li>
               </ul>
             </div>
             <div class="card-info__links">
@@ -410,6 +412,43 @@ <h1>Projects</h1>
             </div>
           </div>
         </div>
+        <div class="cards-container__card vibe">
+          <div class="cards-container__card-img">
+            <img class="portrait-orient" src="./public/projects/map-my-udemy-portrait.png" />
+            <img class="landscape-orient" src="./public/projects/map-my-udemy-landscape.png" />
+          </div>
+          <div class="cards-container__card-info">
+            <div class="card-info__title">Map My Udemy</div>
+            <div class="card-info__desc">
+              Vibe coded a a chrome extension that lets one generate mind map of a particular udemy course so that one
+              can keep track of every content present in it.
+            </div>
+            <div class="card-info__stack">
+              <ul>
+                <li>
+                  <img src="./public/projects/stack-icons/html5.png" alt="HTML5" title="HTML5" />
+                </li>
+                <li>
+                  <img src="./public/projects/stack-icons/css-3.png" alt="CSS3" title="CSS3" />
+                </li>
+                <li>
+                  <img src="./public/projects/stack-icons/js.png" alt="VanillaJS" title="VanillaJS" />
+                </li>
+                <li>
+                  <img src="./public/projects/stack-icons/windsurf.png" alt="Windsurf" title="Windsurf" />
+                </li>
+              </ul>
+            </div>
+            <div class="card-info__links">
+              <a href="https://github.com/harshitrajsinha/map-my-udemy" target="_blank"><button class="github-link">
+                  View Source<span class="source-icon"><img
+                      src="./public/projects/stack-icons/github-logo.png" /></span></button></a>
+
+              <a href="https://github.com/harshitrajsinha/map-my-udemy" target="_blank"><button class="site-link">Visit
+                  Site</button></a>
+            </div>
+          </div>
+        </div>
       </div>
     </section>
   </main>