Styles/style.css

@@ -4,7 +4,7 @@
     height: 70px;
 }
 
-.navbar .navbar-nav .nav-link {
+.navbar .navbar-nav .nav-link { /* Schrift für Nav-Links ändern  */
     color: #FFFFFF; 
     font-size:  13pt;
 }
@@ -17,7 +17,7 @@
     padding-left: 10px; 
 }
 
-.nav-link.selected::after {
+.nav-link.selected::after { /* Über uns startet mit den Grünen-Nav-Strichen */
     visibility: visible;
     transform: scaleX(1);
 }
@@ -28,7 +28,7 @@
     color: #FFFFFF; 
 }
 
-.nav-link {
+.nav-link { /* Animation für das die Links */
     position: relative;
     transition: all 0.3s ease-out;
 }
@@ -80,6 +80,7 @@ section {
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
 
+    /* Animation */
     scale: .8;
     opacity: 0;
     animation: fade-in linear forwards;

index.html

@@ -32,10 +32,12 @@
         <!-- Über Uns Section -->
         <section class="position-relative" id="ueberUns">
             <div class="position-absolute top-50 start-50 translate-middle w-50 text-white">
+                <!-- Slider on the left -->
                 <div class="row align-items-center">
                     <div class="col">
                         <div class="swiper rounded-4">
                             <div class="swiper-wrapper">
+                                <!-- Slides -->
                                 <div class="swiper-slide"><img src="Src/loewe.jpg" class="img-fluid" alt="Loewe"></div>
                                 <div class="swiper-slide"><img src="Src/gorilla.jpg" class="img-fluid" alt="Gorilla"></div>
                                 <div class="swiper-slide"><img src="Src/zebra.jpg" class="img-fluid" alt="Zebra"></div>
@@ -46,6 +48,7 @@
                         </div>
                     </div>
                     <div class="col">
+                        <!-- Text on the right -->
                         <h2>Über Uns</h2>
                         <p>Wir sind der beste Zoo aller Zoos Weltweit.<br>
                            Finanziert von the only and only Herrn Shawn Smith.</p>
@@ -85,6 +88,7 @@
         </section>
 
         <!-- Patenshop Section -->
+<!-- Patenshop Section -->
 <section id="patenshop" class="container-fluid position-relative">
     <div class="row justify-content-center position-absolute top-50 start-50 translate-middle">
         <div class="col-md-8">
@@ -137,6 +141,7 @@
     </div>
 </section>
 
+
         <!-- Footer -->
         <footer class="container-fluid position-relative">
             <div class="position-absolute top-50 start-50 translate-middle">