HTML-Prototype von DZNE

<div class="c-card-slider splide" aria-label="Splide Basic HTML Example">
  <div class="splide__track">
    <ul class="splide__list o-list-bare">
      <li class="splide__slide">
        <div class="c-slider-card"><img class="c-slider-card__image" src="https://picsum.photos/id/15/310/230" srcset="https://picsum.photos/id/15/620/460 2x" alt="#"/>
          <div class="c-slider-card__content">
            <div>
              <h3 class="c-slider-card__title">Vom molekularen Rendezvous zur Hirnerkrankung: 1,5 Millionen Euro für Berliner Forscher</h3>
              <p class="c-slider-card__description">Die Stammzellen des Gehirns wurden zur Analyse entnommen, um alle der verschiedenste Strukturenum alle der verschiedenste Strukturen.</p>
            </div>
            <p class="c-slider-card__date">01.02.2024</p>
          </div><a class="c-slider-card__link" href="#"></a>
        </div>
      </li>
      <li class="splide__slide">
        <div class="c-slider-card"><img class="c-slider-card__image" src="https://picsum.photos/id/15/310/230" srcset="https://picsum.photos/id/15/620/460 2x" alt="#"/>
          <div class="c-slider-card__content">
            <div>
              <h3 class="c-slider-card__title">Vom molekularen Rendezvous zur Hirnerkrankung: 1,5 Millionen Euro für Berliner Forscher</h3>
              <p class="c-slider-card__description">Die Stammzellen des Gehirns wurden zur Analyse entnommen, um alle der verschiedenste Strukturenum alle der verschiedenste Strukturen.</p>
            </div>
            <p class="c-slider-card__date">01.02.2024</p>
          </div><a class="c-slider-card__link" href="#"></a>
        </div>
      </li>
      <li class="splide__slide">
        <div class="c-slider-card"><img class="c-slider-card__image" src="https://picsum.photos/id/15/310/230" srcset="https://picsum.photos/id/15/620/460 2x" alt="#"/>
          <div class="c-slider-card__content">
            <div>
              <h3 class="c-slider-card__title">Vom molekularen Rendezvous zur Hirnerkrankung: 1,5 Millionen Euro für Berliner Forscher</h3>
              <p class="c-slider-card__description">Die Stammzellen des Gehirns wurden zur Analyse entnommen, um alle der verschiedenste Strukturenum alle der verschiedenste Strukturen.</p>
            </div>
            <p class="c-slider-card__date">01.02.2024</p>
          </div><a class="c-slider-card__link" href="#"></a>
        </div>
      </li>
      <li class="splide__slide">
        <div class="c-slider-card"><img class="c-slider-card__image" src="https://picsum.photos/id/15/310/230" srcset="https://picsum.photos/id/15/620/460 2x" alt="#"/>
          <div class="c-slider-card__content">
            <div>
              <h3 class="c-slider-card__title">Vom molekularen Rendezvous zur Hirnerkrankung: 1,5 Millionen Euro für Berliner Forscher</h3>
              <p class="c-slider-card__description">Die Stammzellen des Gehirns wurden zur Analyse entnommen, um alle der verschiedenste Strukturenum alle der verschiedenste Strukturen.</p>
            </div>
            <p class="c-slider-card__date">01.02.2024</p>
          </div><a class="c-slider-card__link" href="#"></a>
        </div>
      </li>
      <li class="splide__slide">
        <div class="c-slider-card"><img class="c-slider-card__image" src="https://picsum.photos/id/15/310/230" srcset="https://picsum.photos/id/15/620/460 2x" alt="#"/>
          <div class="c-slider-card__content">
            <div>
              <h3 class="c-slider-card__title">Vom molekularen Rendezvous zur Hirnerkrankung: 1,5 Millionen Euro für Berliner Forscher</h3>
              <p class="c-slider-card__description">Die Stammzellen des Gehirns wurden zur Analyse entnommen, um alle der verschiedenste Strukturenum alle der verschiedenste Strukturen.</p>
            </div>
            <p class="c-slider-card__date">01.02.2024</p>
          </div><a class="c-slider-card__link" href="#"></a>
        </div>
      </li>
    </ul>
  </div>
</div>