Résumé de section


    • Carousel (drei Bilder mit Titel und Text)

    • Hinweis:

      Zur Verwendung des Codes bitte den nachfolgenden Code komplett markieren und in die Textfeld-Aktivität einfügen.
      <div class="container-fluid">
          <div class="row">
              <div class="col-md-12">
                  <div class="carousel slide" id="carousel-391666">
                      <ol class="carousel-indicators">
                          <li data-slide-to="0" data-target="#carousel-391666" class="active">
                          </li>
                          <li data-slide-to="1" data-target="#carousel-391666">
                          </li>
                          <li data-slide-to="2" data-target="#carousel-391666">
                          </li>
                      </ol>
                      <div class="carousel-inner">
                          <div class="carousel-item active">
                              <img class="d-block w-100" alt="Carousel Bootstrap First" src="https://lehrportal.uni-kassel.de/pluginfile.php/12135/mod_label/intro/SDG%201_%20Keine%20Armut%2C%20SDG%202_%20Kein%20Hunger%2C%20SDG%203_%20Gesundheit%20und%20Wohlergehen.png">
                              <div class="carousel-caption" style="color: black;">
                                  <h4 style="color: black;">
                                      First Thumbnail label
                                  </h4>
                                  <p style="color: black;">
                                      Hier ist Ihr Beispieltext.
                                  </p>
                              </div>
                          </div>
                          <div class="carousel-item">
                              <img class="d-block w-100" alt="Carousel Bootstrap Second" src="https://lehrportal.uni-kassel.de/pluginfile.php/12136/mod_label/intro/SDG%204_%20Hochwertige%20Bildung%2C%20SDG%205_%20Geschlechtergleichheit%2C%20SDG%206_%20Sauberes%20Wasser%20und%20Sanit%C3%A4r%C2%ADeinrichtungen.png">
                              <div class="carousel-caption" style="color: black;">
                                  <h4 style="color: black;">
                                      Second Thumbnail label
                                  </h4>
                                  <p style="color: black;">
                                      Hier ist Ihr Beispieltext.
                                  </p>
                              </div>
                          </div>
                          <div class="carousel-item" style="color: black;">
                              <img class="d-block w-100" alt="Carousel Bootstrap Third" src="https://lehrportal.uni-kassel.de/pluginfile.php/12137/mod_label/intro/SDG%207_%20Bezahlbare%20und%20saubere%20Energie%2C%20SDG%208_%20Menschenw%C3%BCrdige%20Arbeit%20und%20Wirtschaftswachstum%2C%20SDG%209_%20Industrie%2C%20Innovation%20und%20Infrastruktur.png">
                              <div class="carousel-caption">
                                  <h4 style="color: black;">
                                      Third Thumbnail label
                                  </h4>
                                  <p style="color: black;">
                                      Hier ist Ihr Beispieltext.
                                  </p>
                              </div>
                          </div>
                      </div>
      <a class="carousel-control-prev" href="#carousel-391666" data-slide="prev" style="filter: invert(100%);"><span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span></a> <a class="carousel-control-next" href="#carousel-391666" data-slide="next" style="filter: invert(100%);"><span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span></a>
      </div>
              </div>
          </div>
      </div>