HTML-Prototype von TUM Campus Heilbronn

<div class="page">
  <main class="page__content">
    <!-- Grid/ Element container-->
    <div class="frame frame-type-container frame-space-before-none frame--full frame--background frame--blue-dark-721" id="c000002">
      <!-- Grid/ Element container-->
      <div class="frame frame-type-frame frame--small" id="c">
        <div class="c-counter-container">
          <div class="c-counter" data-end-number="1">
            <div aria-label="#1"><span class="c-counter__prefix" aria-hidden="true">#</span><span class="c-counter__digit" aria-hidden="true">1</span>
            </div>
            <!-- Grid/ Element header-->
            <header class="frame__header">
              <h2>Bestplazierte Universität In Deutschland</h2>
            </header><a class="c-counter__description" href="#">QS World Ranking 2025</a>
          </div>
          <div class="c-counter" data-end-number="22">
            <div aria-label="#22"><span class="c-counter__prefix" aria-hidden="true">#</span><span class="c-counter__digit" aria-hidden="true">22</span>
            </div>
            <!-- Grid/ Element header-->
            <header class="frame__header">
              <h2>TUM steigt weltweit auf Platz 22</h2>
            </header><a class="c-counter__description" href="#">QS World Ranking 2025</a>
          </div>
          <div class="c-counter" data-end-number="13">
            <div aria-label="13th"><span class="c-counter__digit" aria-hidden="true">13</span><span class="c-counter__suffix" aria-hidden="true">th</span>
            </div>
            <!-- Grid/ Element header-->
            <header class="frame__header">
              <h2>Top position in the Global Employability Ranking</h2>
            </header><a class="c-counter__description" href="#">QS World Ranking 2025</a>
          </div>
        </div>
      </div>
    </div>
  </main>
</div>