Update public/index.html

public/index.html

@@ -247,7 +247,7 @@
    
 
          <!-- Portfolio Section -->
-        <section id="portfolio" class="portfolio section">
+<section id="portfolio" class="portfolio section">
 
   <!-- Section Title -->
   <div class="container section-title" data-aos="fade-up">
@@ -261,6 +261,12 @@
 
       <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
         <li data-filter=".filter-publikationen" class="filter-active">Publikationen</li>
+        <li data-filter=".filter-prototypen">Prototypen & Tools</li>
+        <li data-filter=".filter-gitlab">GitLab-Repositories</li>
+        <li data-filter=".filter-berichte">Berichte & Evaluationsergebnisse</li>
+        <li data-filter=".filter-workshops">Workshops, Schulungen & Events</li>
+        <li data-filter=".filter-videos">Videos & Tutorials</li>
+        <li data-filter=".filter-sonstiges">Sonstiges</li>
       </ul><!-- End Portfolio Filters -->
 
       <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
@@ -272,14 +278,26 @@
             <div class="portfolio-info">
               <h4>Paper 1</h4>
               <p>Short-Answer Grading for German: Addressing the Challenges</p>
-                      <a href="ausschreibung/img/pado-paper1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 1"><i class="bi bi-zoom-in"></i></
-                      a>
+              <a href="ausschreibung/img/pado-paper1.PNG" data-gallery="portfolio-gallery-app" class="glightbox preview-link" title="Paper 1"><i class="bi bi-zoom-in"></i></a>
               <a href="https://doi.org/10.1007/s40593-023-00383-w" class="details-link" title="Padó et al. (2023)"><i class="bi bi-link-45deg"></i></a>
             </div>
           </div>
         </div><!-- End Publikation -->
 
-                <!-- Weitere Publikationen können hier ergänzt werden -->
+        <!-- Beispiel: Sonstiges -->
+        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-sonstiges">
+          <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-sonstiges" class="glightbox preview-link" title="Abschlussworkshop"><i class="bi bi-zoom-in"></i></a>
+              <a href="abschlussworkshop.html" class="details-link" title="Workshop-Dokumentation"><i class="bi bi-link-45deg"></i></a>
+            </div>
+          </div>
+        </div><!-- End Sonstiges -->
+
+        <!-- Weitere Portfolio Items... -->
 
       </div><!-- End Portfolio Container -->
 
@@ -287,7 +305,7 @@
 
   </div>
 
-        </section>
+</section>
 
      
  <!-- Chancen für die studentische Mitarbeit im Projekt -->