Update public/index.html

public/index.html

@@ -401,59 +401,34 @@
   </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">
+      <!-- Karte für Abschlussarbeiten -->
+      <div class="col-lg-6 col-md-12 mb-4">
         <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>
+            <h5 class="card-title">Abschlussarbeiten</h5>
+            <p class="card-text">Hier finden Sie aktuelle Ausschreibungen für Abschlussarbeiten.</p>
+            <a href="ausschreibung/Abschlussarbeit1.pdf" target="_blank" class="btn btn-primary mb-2">Abschlussarbeit 1</a>
+            <a href="ausschreibung/Abschlussarbeit2.pdf" target="_blank" class="btn btn-primary mb-2">Abschlussarbeit 2</a>
+            <!-- Weitere Buttons können hier hinzugefügt werden -->
           </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">
+
+      <!-- Karte für Stellenangebote -->
+      <div class="col-lg-6 col-md-12 mb-4">
         <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>
+            <h5 class="card-title">Stellenangebote</h5>
+            <p class="card-text">Hier finden Sie aktuelle Stellenangebote.</p>
+            <a href="ausschreibung/Stellenausschreibung1.pdf" target="_blank" class="btn btn-primary mb-2">Stellenausschreibung 1</a>
+            <a href="ausschreibung/Stellenausschreibung2.pdf" target="_blank" class="btn btn-primary mb-2">Stellenausschreibung 2</a>
+            <a href="ausschreibung/Stellenausschreibung3.pdf" target="_blank" class="btn btn-primary mb-2">Stellenausschreibung 3</a>
+            <!-- Weitere Buttons können hier hinzugefügt werden -->
           </div>
         </div>
       </div>
+    </div
   </div>
 </section>
 <!-- End Chancen für die studentische Mitarbeit im Projekt -->