Update public/index.html

public/index.html

@@ -295,7 +295,44 @@
               </div>
             </div> <!-- End Portfolio Item -->
 
+            <!-- Portfolio Item: Produkt -->
+            <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
+              <div class="portfolio-content h-100">
+                <img src="ausschreibung/img/digital-mirror.png" class="img-fluid" alt="Digital Educational Mirror">
+                  <div class="portfolio-info">
+                     <h4>Prototyp: Digital Educational Mirror</h4>
+                      <p>Ein KI-basiertes Dashboard zur Visualisierung von Lernverhalten</p>
+                    <a href="ausschreibung/img/digital-mirror.png" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
+                    <a href="produkt-digital-mirror.html" class="details-link" title="Details zum Prototyp"><i class="bi bi-link-45deg"></i></a>
+                  </div>
+              </div>
+            </div> <!-- End Portfolio Item -->
 
+          <!-- Portfolio Item: Evaluation -->
+          <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
+            <div class="portfolio-content h-100">
+              <img src="ausschreibung/img/evaluation-uebersicht.png" class="img-fluid" alt="Evaluationsergebnisse">
+              <div class="portfolio-info">
+                <h4>Evaluationsergebnisse</h4>
+                <p>Zwischenbericht zur Wirksamkeit von KI-Weiterbildungen</p>
+                <a href="ausschreibung/img/evaluation-uebersicht.png" data-gallery="portfolio-gallery-evaluation" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
+                <a href="evaluation-bericht.html" class="details-link" title="Vollständiger Bericht als PDF"><i class="bi bi-link-45deg"></i></a>
+              </div>
+            </div>
+          </div> <!-- End Portfolio Item -->
+
+          <!-- Portfolio Item: Sonstiges -->
+          <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books">
+            <div class="portfolio-content h-100">
+              <img src="ausschreibung/img/workshop.png" class="img-fluid" alt="Abschlussworkshop">
+              <div class="portfolio-info">
+                <h4>Abschlussworkshop</h4>
+                <p>Zusammenfassung der Ergebnisse und Ausblick</p>
+                <a href="ausschreibung/img/workshop.png" data-gallery="portfolio-gallery-books" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
+                <a href="abschlussworkshop.html" class="details-link" title="Zur Workshop-Dokumentation"><i class="bi bi-link-45deg"></i></a>
+              </div>
+            </div>
+          </div> <!-- End Portfolio Item -->
 
            <!-- <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
               <div class="portfolio-content h-100">