Update index.html

index.html

@@ -197,52 +197,91 @@
     <!-- Video Gallery -->
     <h2 class="section-title">🎬 Video Gallery</h2>
     <div class="gallery" id="video-gallery">
-        <!-- First two videos: h1.mp4 and h2.mp4 -->
         <div class="gallery-item">
             <video src="videos/h1.mp4" controls>
                 Your browser does not support the video tag.
             </video>
-            <div class="caption">Featured Demo 1</div>
+            <div class="caption">H1 Demo</div>
         </div>
         <div class="gallery-item">
             <video src="videos/h2.mp4" controls>
                 Your browser does not support the video tag.
             </video>
-            <div class="caption">Featured Demo 2</div>
+            <div class="caption">H2 Demo</div>
         </div>
-        
-        <!-- Additional videos -->
         <div class="gallery-item">
-            <video src="videos/demo1.mp4" controls>
+            <video src="videos/q1.mp4" controls>
                 Your browser does not support the video tag.
             </video>
-            <div class="caption">AI Chatbot Demo</div>
+            <div class="caption">Q1 Demo</div>
         </div>
         <div class="gallery-item">
-            <video src="videos/demo2.mp4" controls>
+            <video src="videos/q2.mp4" controls>
                 Your browser does not support the video tag.
             </video>
-            <div class="caption">Object Detection Demo</div>
+            <div class="caption">Q2 Demo</div>
+        </div>
+        <div class="gallery-item">
+            <video src="videos/q3.mp4" controls>
+                Your browser does not support the video tag.
+            </video>
+            <div class="caption">Q3 Demo</div>
+        </div>
+        <div class="gallery-item">
+            <video src="videos/q4.mp4" controls>
+                Your browser does not support the video tag.
+            </video>
+            <div class="caption">Q4 Demo</div>
+        </div>
+        <div class="gallery-item">
+            <video src="videos/q5.mp4" controls>
+                Your browser does not support the video tag.
+            </video>
+            <div class="caption">Q5 Demo</div>
+        </div>
+        <div class="gallery-item">
+            <video src="videos/q6.mp4" controls>
+                Your browser does not support the video tag.
+            </video>
+            <div class="caption">Q6 Demo</div>
         </div>
-        <!-- Add more video files here -->
     </div>
 
     <!-- Image Gallery -->
     <h2 class="section-title">📸 Image Gallery</h2>
     <div class="gallery" id="image-gallery">
-        <div class="gallery-item" onclick="openLightbox('images/project1.jpg')">
-            <img src="images/project1.jpg" alt="Project 1">
-            <div class="caption">AI Image Generation</div>
+        <div class="gallery-item" onclick="openLightbox('images/q1.jpg')">
+            <img src="images/q1.jpg" alt="Q1 Project">
+            <div class="caption">Q1 Project</div>
+        </div>
+        <div class="gallery-item" onclick="openLightbox('images/q2.jpg')">
+            <img src="images/q2.jpg" alt="Q2 Project">
+            <div class="caption">Q2 Project</div>
+        </div>
+        <div class="gallery-item" onclick="openLightbox('images/q3.jpg')">
+            <img src="images/q3.jpg" alt="Q3 Project">
+            <div class="caption">Q3 Project</div>
+        </div>
+        <div class="gallery-item" onclick="openLightbox('images/q4.jpg')">
+            <img src="images/q4.jpg" alt="Q4 Project">
+            <div class="caption">Q4 Project</div>
+        </div>
+        <div class="gallery-item" onclick="openLightbox('images/q5.jpg')">
+            <img src="images/q5.jpg" alt="Q5 Project">
+            <div class="caption">Q5 Project</div>
+        </div>
+        <div class="gallery-item" onclick="openLightbox('images/q6.jpg')">
+            <img src="images/q6.jpg" alt="Q6 Project">
+            <div class="caption">Q6 Project</div>
         </div>
-        <div class="gallery-item" onclick="openLightbox('images/project2.png')">
-            <img src="images/project2.png" alt="Project 2">
-            <div class="caption">Text Analysis Model</div>
+        <div class="gallery-item" onclick="openLightbox('images/q7.jpg')">
+            <img src="images/q7.jpg" alt="Q7 Project">
+            <div class="caption">Q7 Project</div>
         </div>
-        <div class="gallery-item" onclick="openLightbox('images/project3.jpg')">
-            <img src="images/project3.jpg" alt="Project 3">
-            <div class="caption">Voice Recognition System</div>
+        <div class="gallery-item" onclick="openLightbox('images/q8.jpg')">
+            <img src="images/q8.jpg" alt="Q8 Project">
+            <div class="caption">Q8 Project</div>
         </div>
-        <!-- Add more image files here -->
     </div>
 
     <!-- Lightbox Modal -->