feat: Add new project images to index.html

Author: manthanank

assets/images/contact-page.webp

@@ -318,6 +318,36 @@ <h3>Projects</h3>
             srcset="assets/images/weather-app-angular.webp, assets/images/weather-app-angular.webp" alt="" />
         </a>
       </div>
+      <div class="column folio-item">
+        <a href="#modal-09" class="folio-item__thumb" aria-label="project img link">
+          <img src="assets/images/fitness-tracker-app.webp"
+            srcset="assets/images/fitness-tracker-app.webp, assets/images/fitness-tracker-app.webp" alt="" />
+        </a>
+      </div>
+      <div class="column folio-item">
+        <a href="#modal-10" class="folio-item__thumb" aria-label="project img link">
+          <img src="assets/images/digital-resume.webp"
+            srcset="assets/images/digital-resume.webp, assets/images/digital-resume.webp" alt="" />
+        </a>
+      </div>
+      <div class="column folio-item">
+        <a href="#modal-11" class="folio-item__thumb" aria-label="project img link">
+          <img src="assets/images/food-store-app.webp"
+            srcset="assets/images/food-store-app.webp, assets/images/food-store-app.webp" alt="" />
+        </a>
+      </div>
+      <div class="column folio-item">
+        <a href="#modal-12" class="folio-item__thumb" aria-label="project img link">
+          <img src="assets/images/contact-page.webp"
+            srcset="assets/images/contact-page.webp, assets/images/contact-page.webp" alt="" />
+        </a>
+      </div>
+      <div class="column folio-item">
+        <a href="#modal-13" class="folio-item__thumb" aria-label="project img link">
+          <img src="assets/images/linktree-clone-app.webp"
+            srcset="assets/images/linktree-clone-app.webp, assets/images/linktree-clone-app.webp" alt="" />
+        </a>
+      </div>
     </div>
     <div id="modal-01" hidden>
       <div class="modal-popup">
@@ -467,6 +497,102 @@ <h5>Weather App - Angular</h5>
           aria-label="project link">Project link</a>
       </div>
     </div>
+    <div id="modal-09" hidden>
+      <div class="modal-popup">
+        <img src="assets/images/fitness-tracker-app.webp" alt="" />
+        <div class="modal-popup__desc">
+          <h5>Fitness Tracker App - Angular</h5>
+          <p>
+            <p>
+              This is a Fitness Tracker App built using Angular and Firebase. It allows users to track their daily workouts and view their workout history. The app also includes features like filtering workouts by date and viewing workout statistics.
+            </p>
+          </p>
+          <ul class="modal-popup__cat">
+            <li>Angular</li>
+          </ul>
+        </div>
+        <a href="https://github.com/manthanank/fitness-tracker-angular-firebase-app" class="modal-popup__details"
+          aria-label="project link">Project link</a>
+      </div>
+    </div>
+    <div id="modal-10" hidden>
+      <div class="modal-popup">
+        <img src="assets/images/digital-resume.webp" alt="" />
+        <div class="modal-popup__desc">
+          <h5>Digital Resume</h5>
+          <p>
+            <p>
+              This is a Digital Resume built using HTML, CSS, and JavaScript. It is a single-page website that showcases my personal information, skills, experience, and projects. The website is fully responsive and optimized for all devices.
+            </p>
+          </p>
+          <ul class="modal-popup__cat">
+            <li>HTML</li>
+            <li>CSS</li>
+            <li>JavaScript</li>
+          </ul>
+        </div>
+        <a href="https://github.com/manthanank/fitness-tracker-angular-firebase-app" class="modal-popup__details"
+          aria-label="project link">Project link</a>
+      </div>
+    </div>
+    <div id="modal-11" hidden>
+      <div class="modal-popup">
+        <img src="assets/images/food-store-app.webp" alt="" />
+        <div class="modal-popup__desc">
+          <h5>Food Store App - Angular</h5>
+          <p>
+            <p>
+              This is a Food Store App built using Angular. It allows users to browse different food items, add them to the cart, and place an order. The app also includes features like searching for food items, viewing order history, and managing user accounts. Users can register an account, log in, and view their profile. Firebase is used for authentication and data storage.
+            </p>
+          </p>
+          <ul class="modal-popup__cat">
+            <li>HTML</li>
+            <li>CSS</li>
+            <li>JavaScript</li>
+          </ul>
+        </div>
+        <a href="https://github.com/manthanank/food-store-app-angular" class="modal-popup__details"
+          aria-label="project link">Project link</a>
+      </div>
+    </div>
+    <div id="modal-12" hidden>
+      <div class="modal-popup">
+        <img src="assets/images/contact-page.webp" alt="" />
+        <div class="modal-popup__desc">
+          <h5>Contact Page</h5>
+          <p>
+            <p>
+              This is a Contact Page built using HTML, CSS, and JavaScript. It is a single-page website to contact me. The website is fully responsive and optimized for all devices. It also includes features like sending an message to me. It is a simple contact page. Messages are stored in the database.
+            </p>
+          </p>
+          <ul class="modal-popup__cat">
+            <li>HTML</li>
+            <li>CSS</li>
+            <li>JavaScript</li>
+          </ul>
+        </div>
+        <a href="https://github.com/manthanank/contact" class="modal-popup__details"
+          aria-label="project link">Project link</a>
+      </div>
+    </div>
+    <div id="modal-13" hidden>
+      <div class="modal-popup">
+        <img src="assets/images/linktree-clone-app.webp" alt="" />
+        <div class="modal-popup__desc">
+          <h5>LinkTree Clone App - Angular</h5>
+          <p>
+            <p>
+              This is a LinkTree Clone App built using Angular. It allows users to create a custom landing page with links to their social media profiles, websites, and other online content. The app includes features like adding, editing, and deleting links and sharing the page with others.
+            </p>
+          </p>
+          <ul class="modal-popup__cat">
+            <li>Angular</li>
+          </ul>
+        </div>
+        <a href="https://github.com/manthanank/linktree-clone-angular" 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">