Update public/index.html

public/index.html

@@ -392,22 +392,71 @@
 
       </div>
 
-       <!-- Chancen für die studentische Mitarbeit im Projekt -->
-  <section id="student-opportunities" class="student-opportunities section">
-    <div class="container section-title" data-aos="fade-up">
-      <h2>Chancen für die studentische Mitarbeit im Projekt</h2>
-      <p>Hier finden Sie aktuelle Ausschreibungen und Informationen zur studentischen Mitarbeit.</p>
-    </div><!-- End Section Title -->
-
-    <div class="container">
-      <ul class="pdf-list">
-        <li><a href="path/to/pdf1.pdf" target="_blank">Ausschreibung 1</a></li>
-        <li><a href="path/to/pdf2.pdf" target="_blank">Ausschreibung 2</a></li>
-        <li><a href="path/to/pdf3.pdf" target="_blank">Ausschreibung 3</a></li>
-        <!-- Füge weitere Ausschreibungen hier hinzu -->
-      </ul>
+     
+ <!-- Chancen für die studentische Mitarbeit im Projekt -->
+<section id="student-opportunities" class="student-opportunities section">
+  <div class="container section-title" data-aos="fade-up">
+    <h2>Chancen für die studentische Mitarbeit im Projekt</h2>
+    <p>Hier finden Sie aktuelle Ausschreibungen und Informationen zur studentischen Mitarbeit.</p>
+  </div><!-- End Section Title -->
+
+  <div class="container">
+    <!-- Suchfeld oder Filter (optional) -->
+    <div class="search-bar mb-4">
+      <input type="text" id="search-input" placeholder="Suchen..." aria-label="Suchen">
+    </div>
+
+    <!-- Ausschreibungen in Karten -->
+    <div class="row">
+      <div class="col-lg-4 col-md-6">
+        <div class="card">
+          <div class="card-body">
+            <h5 class="card-title">Abschlussarbeit 1</h5>
+            <p class="card-text">Hier können Sie die Details zur Abschlussarbeit 1 lesen.</p>
+            <a href="public/ausschreibung/Abschlussarbeit1.pdf" target="_blank" class="btn btn-primary">Details ansehen</a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-6">
+        <div class="card">
+          <div class="card-body">
+            <h5 class="card-title">Abschlussarbeit 2</h5>
+            <p class="card-text">Hier können Sie die Details zur Abschlussarbeit 2 lesen.</p>
+            <a href="public/ausschreibung/Abschlussarbeit2.pdf" target="_blank" class="btn btn-primary">Details ansehen</a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-6">
+        <div class="card">
+          <div class="card-body">
+            <h5 class="card-title">Stellenausschreibung 1</h5>
+            <p class="card-text">Hier können Sie die Details zur Stellenausschreibung 1 lesen.</p>
+            <a href="public/ausschreibung/Stellenausschreibung1.pdf" target="_blank" class="btn btn-primary">Details ansehen</a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-6">
+        <div class="card">
+          <div class="card-body">
+            <h5 class="card-title">Stellenausschreibung 2</h5>
+            <p class="card-text">Hier können Sie die Details zur Stellenausschreibung 2 lesen.</p>
+            <a href="public/ausschreibung/Stellenausschreibung2.pdf" target="_blank" class="btn btn-primary">Details ansehen</a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-md-6">
+        <div class="card">
+          <div class="card-body">
+            <h5 class="card-title">Stellenausschreibung 3</h5>
+            <p class="card-text">Hier können Sie die Details zur Stellenausschreibung 3 lesen.</p>
+            <a href="public/ausschreibung/Stellenausschreibung3.pdf" target="_blank" class="btn btn-primary">Details ansehen</a>
+          </div>
+        </div>
+      </div>
     </div>
-  </section><!-- End Chancen für die studentische Mitarbeit im Projekt -->
+  </div>
+</section>
+<!-- End Chancen für die studentische Mitarbeit im Projekt -->
 
     </section><!-- /Portfolio Section -->