From 871b451b449b72cb21dc99c235249677c2cbea3c Mon Sep 17 00:00:00 2001
From: Akshay <akshay.allen26200@gmail.com>
Date: Mon, 10 Feb 2025 09:32:58 +0530
Subject: [PATCH] feat: Update project section content for better relevance

---
 index.html | 79 +++++++++++++++---------------------------------------
 1 file changed, 21 insertions(+), 58 deletions(-)

diff --git a/index.html b/index.html
index 8dd77e9..32050e7 100644
--- a/index.html
+++ b/index.html
@@ -395,136 +395,99 @@ <h3 class="h3 card-title">24/7 hours support</h3>
 
       <section class="section project" id="project" aria-label="project">
         <div class="container">
-
-          <p class="section-subtitle has-before text-center">Projects</p>
-
+          <p class="section-subtitle has-before text-center">Our Work</p>
           <h2 class="h2 section-title text-center">
-            Pixology complete <span class="has-before">project</span>
+            Explore Our <span class="has-before">Projects</span>
           </h2>
-
           <ul class="filter-list">
-
             <li>
               <button class="filter-btn active" data-filter-btn>Website</button>
             </li>
-
             <li>
               <button class="filter-btn" data-filter-btn>Landing Page</button>
             </li>
-
             <li>
               <button class="filter-btn" data-filter-btn>iOS App</button>
             </li>
-
             <li>
-              <button class="filter-btn" data-filter-btn>Landing Page</button>
+              <button class="filter-btn" data-filter-btn>Android App</button>
             </li>
-
             <li>
               <button class="filter-btn" data-filter-btn>Branding Design</button>
             </li>
-
           </ul>
-
           <ul class="grid-list">
-
             <li>
               <div class="project-card">
-
                 <figure class="card-banner img-holder" style="--width: 835; --height: 429;">
-                  <img src="./assets/images/project-1.jpg" width="835" height="429" loading="lazy" alt="Book art design"
-                    class="img-cover">
+                  <img src="./assets/images/project-1.jpg" width="835" height="429" loading="lazy"
+                    alt="Creative Branding for Tech Startup" class="img-cover">
                 </figure>
-
                 <div class="card-content">
                   <h3 class="h3">
-                    <a href="#" class="card-title">Book art design</a>
+                    <a href="#" class="card-title">Creative Branding for Tech Startup</a>
                   </h3>
-
                   <a href="#" class="card-tag">Branding</a>
                 </div>
-
               </div>
             </li>
-
             <li>
               <div class="project-card">
-
                 <figure class="card-banner img-holder" style="--width: 416; --height: 429;">
-                  <img src="./assets/images/project-2.jpg" width="416" height="429" loading="lazy" alt="Graphic Design"
-                    class="img-cover">
+                  <img src="./assets/images/project-2.jpg" width="416" height="429" loading="lazy"
+                    alt="Modern UI/UX Design for E-commerce Platform" class="img-cover">
                 </figure>
-
                 <div class="card-content">
                   <h3 class="h3">
-                    <a href="#" class="card-title">Graphic Design</a>
+                    <a href="#" class="card-title">Modern UI/UX Design for E-commerce Platform</a>
                   </h3>
-
-                  <a href="#" class="card-tag">Design</a>
+                  <a href="#" class="card-tag">UI/UX Design</a>
                 </div>
-
               </div>
             </li>
-
             <li>
               <div class="project-card">
-
                 <figure class="card-banner img-holder" style="--width: 416; --height: 429;">
-                  <img src="./assets/images/project-3.jpg" width="416" height="429" loading="lazy" alt="3d Digital Art"
-                    class="img-cover">
+                  <img src="./assets/images/project-3.jpg" width="416" height="429" loading="lazy"
+                    alt="3D Product Visualization for Fashion Brand" class="img-cover">
                 </figure>
-
                 <div class="card-content">
                   <h3 class="h3">
-                    <a href="#" class="card-title">3d Digital Art</a>
+                    <a href="#" class="card-title">3D Product Visualization for Fashion Brand</a>
                   </h3>
-
-                  <a href="#" class="card-tag">Design</a>
+                  <a href="#" class="card-tag">3D Design</a>
                 </div>
-
               </div>
             </li>
-
             <li>
               <div class="project-card">
-
                 <figure class="card-banner img-holder" style="--width: 416; --height: 429;">
-                  <img src="./assets/images/project-4.jpg" width="416" height="429" loading="lazy" alt="Web Design"
-                    class="img-cover">
+                  <img src="./assets/images/project-4.jpg" width="416" height="429" loading="lazy"
+                    alt="Responsive Web Design for SaaS Platform" class="img-cover">
                 </figure>
-
                 <div class="card-content">
                   <h3 class="h3">
-                    <a href="#" class="card-title">Web Design</a>
+                    <a href="#" class="card-title">Responsive Web Design for SaaS Platform</a>
                   </h3>
-
-                  <a href="#" class="card-tag">Design</a>
+                  <a href="#" class="card-tag">Web Design</a>
                 </div>
-
               </div>
             </li>
-
             <li>
               <div class="project-card">
-
                 <figure class="card-banner img-holder" style="--width: 416; --height: 429;">
                   <img src="./assets/images/project-5.jpg" width="416" height="429" loading="lazy"
-                    alt="Mobile App Design" class="img-cover">
+                    alt="Intuitive Mobile App Design for Fitness Tracker" class="img-cover">
                 </figure>
-
                 <div class="card-content">
                   <h3 class="h3">
-                    <a href="#" class="card-title">Mobile App Design</a>
+                    <a href="#" class="card-title">Intuitive Mobile App Design for Fitness Tracker</a>
                   </h3>
-
-                  <a href="#" class="card-tag">Design</a>
+                  <a href="#" class="card-tag">Mobile App Design</a>
                 </div>
-
               </div>
             </li>
-
           </ul>
-
         </div>
       </section>