Updated Gallery by adding 4 orientation 2026 projects

Gallery/project-domain2.html

@@ -24,18 +24,26 @@
             }
         }
         .card:nth-child(1):before {
-    background-image: url(assets/overlay.png), url(./assets/bcancer.webp);
+    background-image: url(./assets/overlay.png), url(./assets/sign_language.webp);
     background-position: center;
 }
 .card:nth-child(2):before {
-    background-image: url(assets/overlay.png), url(./assets/mlnote.jpg);
+    background-image: url(./assets/overlay.png), url(./assets/AI_car.jpg);
     background-position: center;
 }
 .card:nth-child(3):before {
-    background-image: url(assets/overlay.png), url(./assets/eclass.jpg);
+    background-image: url(assets/overlay.png), url(./assets/bcancer.webp);
     background-position: center;
 }
 .card:nth-child(4):before {
+    background-image: url(assets/overlay.png), url(./assets/mlnote.jpg);
+    background-position: center;
+    }
+.card:nth-child(5):before {
+    background-image: url(assets/overlay.png), url(./assets/eclass.jpg);
+    background-position: center;
+    }
+.card:nth-child(6):before {
     background-image: url(assets/overlay.png), url(./assets/vspeedml.jpeg);
     background-position: center;
     }
@@ -192,6 +200,20 @@
   </script>
     <h1 style="font-weight: bold; color: #fff; z-index: 10; letter-spacing: 5px; padding: 3rem;" class="text-center">Machine Learning</h1>
 <main class="page-content">
+        <div class="card">
+      <div class="content">
+        <h2 class="title" style="text-shadow: 5px 5px 20px #000;">Sign Language <span style="color: blueviolet;">Detection</span></h2>
+        <!-- <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains</p> -->
+        <a style="color: white;" href="https://github.com/Sangramborude14/AmericanSignLanguage.git"><button class="btn"><i class="fab fa-github fa-2x"></i></button></a>
+      </div>
+    </div>
+        <div class="card">
+      <div class="content">
+        <h2 class="title" style="text-shadow: 5px 5px 20px #000;">AI Car Path <span style="color: blueviolet;">Mapping</span></h2>
+        <!-- <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains</p> -->
+        <a style="color: white;" href="https://github.com/Piyush-Ch/AI-Car.git"><button class="btn"><i class="fab fa-github fa-2x"></i></button></a>
+      </div>
+    </div>
     <div class="card">
       <div class="content">
         <h2 class="title" style="text-shadow: 5px 5px 20px #000;">Breast Cancer <span style="color: blueviolet;">Detection</span></h2>

Gallery/project-domain4.html

@@ -24,18 +24,26 @@
             }
         }
         .card:nth-child(1):before {
-    background-image: url(assets/overlay.png), url(./assets/bhav.jpg);
+    background-image: url(./assets/overlay.png), url(./assets/vechiile_accident.webp);
     background-position: center;
 }
 .card:nth-child(2):before {
-    background-image: url(assets/overlay.png), url(./assets/adisp.jfif);
+    background-image: url(./assets/overlay.png), url(./assets/CHESS_BOT.webp);
     background-position: center;
 }
 .card:nth-child(3):before {
-    background-image: url(assets/overlay.png), url(./assets/dembed.jpg);
+    background-image: url(assets/overlay.png), url(./assets/bhav.jpg);
     background-position: center;
 }
 .card:nth-child(4):before {
+    background-image: url(assets/overlay.png), url(./assets/adisp.jfif);
+    background-position: center;
+    }
+.card:nth-child(5):before {
+    background-image: url(assets/overlay.png), url(./assets/dembed.jpg);
+    background-position: center;
+    }
+    .card:nth-child(6):before {
     background-image: url(assets/overlay.png), url(./assets/bci.jpg);
     background-position: center;
     }
@@ -162,6 +170,21 @@
   </script>
     <h1 style="font-weight: bold; color: #fff; z-index: 10; letter-spacing: 5px; padding: 3rem;" class="text-center">Embedded Systems</h1>
 <main class="page-content">
+       <div class="card">
+      <div class="content">
+        <h2 class="title" style="text-shadow: 5px 5px 20px #000;">Vehicle Accident <span style="color: blueviolet;">Detection</span></h2>
+        <!-- <p class="copy">Seriously, straight up, just blast off into outer space today</p> -->
+        <a style="color: white;" href="https://wokwi.com/projects/472615381964209153">
+        <button class="btn"><svg width="24" height="24" viewBox="0 0 20 16.413" fill="currentColor" style="vertical-align: middle;"><path d="M4.192 15.53c-.63-.737-.765-1.863-.32-2.684.405-.748.346-1.136-.583-3.84-.937-2.73-1.116-3.05-1.935-3.455-1.916-.949-1.765-3.452.242-4 1.892-.518 3.374 1.385 2.418 3.105-.416.75-.36 1.113.593 3.865.969 2.796 1.125 3.072 1.964 3.457 1.192.548 1.62 1.883.969 3.024-.65 1.14-2.566 1.442-3.348.528zm1.912-1.003c.465-.38.426-.796-.103-1.098-.238-.136-.545-.186-.681-.111-.423.23-.407 1.014.025 1.26.226.129.567.106.76-.05zM2.612 4.17c.346-.189.224-1.077-.18-1.308-.337-.192-.995.269-.98.687.013.386.809.812 1.16.621zM11.945 15c-.63-.737-.765-1.863-.32-2.684.405-.748.346-1.136-.583-3.84-.937-2.73-1.116-3.05-1.935-3.455-1.916-.949-1.765-3.452.242-4 1.892-.518 3.374 1.385 2.418 3.105-.416.75-.36 1.113.593 3.865.969 2.796 1.125 3.072 1.964 3.457 1.192.548 1.62 1.883.969 3.024-.65 1.14-2.566 1.442-3.348.528zm1.912-1.003c.465-.38.426-.796-.103-1.098-.238-.136-.545-.186-.681-.111-.423.23-.407 1.014.025 1.26.226.129.567.106.76-.05zM10.365 3.64c.346-.189.224-1.077-.18-1.308-.337-.192-.995.269-.98.687.013.386.809.812 1.16.621z"></path><path d="M4.543 16.22c-2.027-1.187-1.3-4.185 1.015-4.185.75 0 .816-.177 1.864-1.169s2.833-2.627 4.035-3.221c.324.459.571 1.614.607 1.748-.773 0-2.75 1.515-3.588 2.537-.81.989-.985 1.4-.928 2.188.052.73-.081 1.111-.542 1.54-.779.729-1.786.958-2.463.562zm1.56-1.695c.215-.56-.025-.902-.634-.902-.594 0-.896.408-.693.938.198.516 1.125.49 1.327-.036zM13.185 12.06s.283-.565 1.392-3.717c1.44-4.077 1.509-4.406 1.096-5.263-.887-1.84.835-3.684 2.691-2.88.694.3.931.585 1.236 1.49.332.983.303 1.19-.244 1.72-.342.331-.896.716-1.232.856-.47.196-.971 1.255-2.185 4.618-1.443 3.997-1.06 2.817-.67 3.541.961 1.79-.26.492-2.084-.365zm5.066-9.85c-.006-.6-.355-.829-.922-.605-.254.101-.485.309-.512.462-.085.474.537.951 1 .768.241-.095.437-.377.434-.624z"></path></svg></button></a>
+      </div>
+    </div>
+    <div class="card">
+      <div class="content">
+        <h2 class="title" style="text-shadow: 5px 5px 20px #000; text-align: center;">Automated <span style="color: blueviolet;">Chessboard</span></h2>
+        <!-- <p class="copy">Seriously, straight up, just blast off into outer space today</p> -->
+        <a style="color: white;" href="https://app.cirkitdesigner.com/project/b07dd191-ce10-4fca-be07-3445262099b2"><button class="btn"><img src="./assets/circkit_lab.webp" alt="Cirkit Designer" style="width: 28px; height: 28px; object-fit: contain; vertical-align: middle;"></button></a>
+      </div>
+    </div>
     <div class="card">
       <div class="content">
         <h2 class="title" style="text-shadow: 5px 5px 20px #000;">Bhavisy <span style="color: blueviolet;">Hack_Against_Covid</span></h2>