feat: Add QR Code Generator App project to index.html

Author: manthanank

assets/images/qr-code-generator-app.webp

@@ -348,6 +348,12 @@ <h3>Projects</h3>
             srcset="assets/images/linktree-clone-app.webp, assets/images/linktree-clone-app.webp" alt="" />
         </a>
       </div>
+      <div class="column folio-item">
+        <a href="#modal-14" class="folio-item__thumb" aria-label="project img link">
+          <img src="assets/images/qr-code-generator-app.webp"
+            srcset="assets/images/qr-code-generator-app.webp, assets/images/qr-code-generator-app.webp" alt="" />
+        </a>
+      </div>
     </div>
     <div id="modal-01" hidden>
       <div class="modal-popup">
@@ -593,6 +599,24 @@ <h5>LinkTree Clone App - Angular</h5>
           aria-label="project link">Project link</a>
       </div>
     </div>
+    <div id="modal-14" hidden>
+      <div class="modal-popup">
+        <img src="assets/images/qr-code-generator-app" alt="" />
+        <div class="modal-popup__desc">
+          <h5>QR Code Generator App - Angular</h5>
+          <p>
+            <p>
+              This is a QR Code Generator App built using Angular. It allows users to generate QR codes for URLs, text, phone numbers, and email addresses.
+            </p>
+          </p>
+          <ul class="modal-popup__cat">
+            <li>Angular</li>
+          </ul>
+        </div>
+        <a href="https://github.com/manthanank/qr-code-generator-angular-app" class="modal-popup__details"
+          aria-label="project link">Project link</a>
+      </div>
+    </div>
   </section>
   <section id="contact" class="s-contact target-section">
     <div class="row s-contact__header">