HTML-Prototype von TUM Campus Heilbronn

<div class="page">
  <main class="page__content">
    <!-- Grid/ Element container-->
    <div class="frame frame-type-" id="c000001">
      <div class="c-slider c-news-slider">
        <section class="splide c-slider__section" aria-label="News">
          <div class="c-slider__track splide__track">
            <ul class="c-slider__list splide__list">
              <li class="c-slider__slide splide__slide">
                <div class="c-news-slide">
                  <div class="c-news-slide__date">
                    <div class="c-news-slide__day">13</div>
                    <div class="c-news-slide__month">Oct 2025</div>
                  </div><span class="c-news-slide__heading">Der Staat von Morgen</span><a class="btn btn--primary btn--large" href="#">Mehr erfahren</a>
                  <div class="c-news-slide__image"><img src="https://placeholder2.in2code.de/images/work/1/1080/1080" alt="Der Staat von Morgen"/></div>
                </div>
              </li>
              <li class="c-slider__slide splide__slide">
                <div class="c-news-slide">
                  <div class="c-news-slide__date">
                    <div class="c-news-slide__day">24</div>
                    <div class="c-news-slide__month">Nov 2025</div>
                  </div><span class="c-news-slide__heading">Der Mensch hat weiter die Hosen an</span><a class="btn btn--primary btn--large" href="#">Mehr erfahren</a>
                  <div class="c-news-slide__image"><img src="https://placeholder2.in2code.de/images/work/2/1080/1080" alt="Der Mensch hat weiter die Hosen an"/></div>
                </div>
              </li>
              <li class="c-slider__slide splide__slide">
                <div class="c-news-slide">
                  <div class="c-news-slide__date">
                    <div class="c-news-slide__day">27</div>
                    <div class="c-news-slide__month">Nov 2025</div>
                  </div><span class="c-news-slide__heading">Amazon Research Award öffnet Türen</span><a class="btn btn--primary btn--large" href="#">Mehr erfahren</a>
                  <div class="c-news-slide__image"><img src="https://placeholder2.in2code.de/images/work/3/1080/1080" alt="Amazon Research Award öffnet Türen"/></div>
                </div>
              </li>
            </ul>
          </div>
          <div class="c-slider__pagination splide__pagination"></div>
        </section>
      </div>
    </div>
  </main>
</div>