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

@@ -1,12 +1,26 @@
-<!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 1: Bibliotheksverwaltung</h2>
+          <p>
+            In dieser Übung besteht deine Aufgabe darin, die verschachtelten if-Anweisungen mit Hilfe der Inversion zu
+            vereinfachen. In der nächsten Übung, in der du auch die Extraktion verwendest, wird deine Lösung verwendet.
+            Verwende für diese Übung also nur die Inversion.
+          </p>
+        </div>
+      </div>
+    </main>
 
     <script>
       'use strict';