(Vorlage) Timeline - Druckversion

Timeline – Rückblick der Ereignisse

Frühjahr 2025
Beginn des Semesters

Die ersten Wochen verliefen ruhig. Der Campus füllte sich, neue Gesichter kamen dazu,
alte Gewohnheiten fanden langsam zurück in den Alltag.

Mai 2025
Persönliche Wendung

Er/Sie begann, die eigenen Prioritäten zu hinterfragen. Zwischen Lernen und Routine
schob sich das Gefühl, dass etwas aufgeschoben worden war.

Juli 2025
Der Bruch

Ein Gespräch endete ohne Auflösung. Danach blieben Worte unausgesprochen, Wege trennten sich –
zunächst leise, dann endgültig.

Herbst 2025
Neuer Abschnitt

Mit dem Wechsel des Semesters kam auch der Wunsch, einen anderen Kurs einzuschlagen.
Vergangenes blieb zurück, zumindest in Worten.

Code:

<div class="tl-wrap">

  <div class="tl-page">

    <div class="tl-head"><h44>Timeline – Rückblick der Ereignisse</h44></div>



    <div class="tl-line">

      <div class="tl-item star">

        <span class="date">Frühjahr 2025</span>

        <strong>Beginn des Semesters</strong>

        <p>Die ersten Wochen verliefen ruhig. Der Campus füllte sich, neue Gesichter kamen dazu, 

        alte Gewohnheiten fanden langsam zurück in den Alltag.</p>

      </div>



      <div class="tl-item note">

        <span class="date">Mai 2025</span>

        <strong>Persönliche Wendung</strong>

        <p>Er/Sie begann, die eigenen Prioritäten zu hinterfragen. Zwischen Lernen und Routine 

        schob sich das Gefühl, dass etwas aufgeschoben worden war.</p>

      </div>



      <div class="tl-item flag">

        <span class="date">Juli 2025</span>

        <strong>Der Bruch</strong>

        <p>Ein Gespräch endete ohne Auflösung. Danach blieben Worte unausgesprochen, Wege trennten sich – 

        zunächst leise, dann endgültig.</p>

      </div>



      <div class="tl-item note">

        <span class="date">Herbst 2025</span>

        <strong>Neuer Abschnitt</strong>

        <p>Mit dem Wechsel des Semesters kam auch der Wunsch, einen anderen Kurs einzuschlagen. 

        Vergangenes blieb zurück, zumindest in Worten.</p>

      </div>

    </div>

  </div>

</div>