07_js-debug/uebungen/u02_extraction/index.html

@@ -1,12 +1,29 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.css" />
     <title>Exercise: Nested If-Statements</title>
   </head>
   <body>
-    <h1>Exercise: Nested If-Statements</h1>
+    <main>
+      <div class="container py-5">
+        <h1>Exercise: Nested If-Statements</h1>
+        <hr />
+        <div class="alert alert-primary">
+          <h2>Übung 2: Bibliotheksverwaltung – Extraktion</h2>
+          <p>
+            Diese Übung setzt voraus, dass du die Übung Bibliotheksverwaltung abgeschlossen hast. Du kannst deine eigene
+            Lösung oder eine Musterlösung für die Übung verwenden.
+          </p>
+          <p>
+            Diesmal machst du den Code lesbarer und übersichtlicher, indem du die Kernlogik in separate Funktionen
+            extrahierst. Erstelle eine neue Datei, kopiere den Code hinein und wende das Extraktionskonzept an.
+          </p>
+        </div>
+      </div>
+    </main>
 
     <script>
       'use strict';