Update obrazky.html

obrazky.html

@@ -112,6 +112,37 @@
             </figure>
           </div> 
       </div>
+
+      <hr>
+      <h2>Carousel/Slideshow</h2>
+
+      <div id="demoCarousel" class="carousel slide" data-bs-ride="carousel">
+        <div class="carousel-inner">
+          <div class="carousel-item active" data-bs-interval="3000">
+            <img class="d-block w-100" src="images/image_10.jpg" alt="" >
+          </div>
+          <div class="carousel-item" data-bs-interval="3000">
+            <img class="d-block w-100" src="images/image_11.jpg" alt="" >
+          </div>
+          <div class="carousel-item" data-bs-interval="3000">
+            <img class="d-block w-100" src="images/image_12.jpg" alt="">
+          </div>
+          <div class="carousel-item" data-bs-interval="3000">
+            <img class="d-block w-100" src="images/image_13.jpg" alt="">
+          </div>
+          <div class="carousel-item" data-bs-interval="3000">
+            <img class="d-block w-100" src="images/image_14.jpg" alt="">
+          </div>
+        </div>
+        <button type="button" class="carousel-control-prev" data-bs-target="#demoCarousel" data-bs-slide="prev">
+          <span class="carousel-control-prev-icon"></span>
+        </button>
+        <button type="button" class="carousel-control-next" data-bs-target="#demoCarousel" data-bs-slide="next">
+            <span class="carousel-control-next-icon"></span>
+          </button>
+      </div>
+
+
     </main>