Onkel-Werner-Freizeiten/CampOrganizer2
1
1
Fork 0
Code Issues 7 Pull Requests Packages Projects Releases Wiki Activity

redesign of the landing page, see #20

Browse Source
This commit is contained in:
Jottyfan
2025-04-05 17:48:18 +02:00
parent a801d3178a
commit 1d67aefa4d
5 changed files with 68 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/main/resources/templates/allgemeines.html
View File

@ -9,28 +9,50 @@
<div class="container">
<div class="row">
<div class="col">
<div class="blocktext">
<h1 class="titlefont">Statt Langeweile zu Hause – Action auf einer Freizeit!</h1>
<p>
Ferien sind cool! Das steht auf jeden Fall fest. Doch wenn die Freunde alle im Urlaub sind und du alleine zu Hause bleibst,
kommt schnell Langeweile auf. <strong>Warum also nicht einfach die Ferien mit vielen anderen Gleichaltrigen
verbringen und jede Menge Spaß erleben?</strong> Genau dafür stehen <strong>Onkel Werner Freizeiten!</strong>
</p>
<h2 class="headlinefont">Das sind Onkel Werner Freizeiten</h2>
<p>
<strong>Onkel Werner Freizeiten sind immer ein Erlebnis der besonderen Art.</strong> Je nach Freizeit verbringst du entweder
ein verlängertes Wochenende, eine Woche oder sogar zwei Wochen zusammen mit einer Hand voll Mitarbeitern und jeder Menge
Kindern oder Teenies.
</p>
<p>Im Freizeitheim angekommen, wirst du erst einmal ordentlich begrüßt und beziehst zusammen mit deinen (neuen) Freunden
dein Zimmer. Und dann kann die Freizeit auch schon starten. Hier erlebst du jede Menge Spaß, knüpfst neue Freundschaften,
bekommst ein tolles Programm geboten, hörst spannende Geschichten aus der Bibel und noch viel mehr.</p>
<p>
<strong>Preise, Termine und weitere Infos findest du in unserem Buchungsportal.</strong>
</p>
<p>
<a th:href="@{/camplist}">Jetzt Freizeiten entdecken</a>
</p>
<h2 class="headlinefont center">Willkommen bei den</h2>
<h1 class="titlefont center">MITTELPUNKT-FREIZEITEN</h1>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header d-flex justify-content-between align-items-start">
<h1 class="accordion-button collapsed titlefont" type="button" data-bs-toggle="collapse" data-bs-target="#collapseText">
Was sind für Freizeiten sind das?
</h1>
<a class="btn btn-lg btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseText">
<i class="fas fa-angle-down"></i>
</a>
</div>
<div id="collapseText" class="accordion-collapse collapse">
<div class="accordion-body preview-content">
<div class="blocktext">
<h2 class="headlinefont">Keine Langeweile - Ferienaction!</h2>
<p>
Statt Langeweile zu Hause erwarten dich spannende Tage mit neuen Freunden, Spaß und aufregenden Erlebnissen. Nutze deine Ferien, um nicht nur Abenteuer zu erleben,
sondern auch wertvolle Zeit mit anderen zu verbringen.
</p>
<h2 class="headlinefont">So starten wir...</h2>
<p>
Im Freizeitheim angekommen, wirst du erst einmal ordentlich von motivierten Mitarbeitern und jeder Menge Kindern oder Teenies in deinem ALter begrüßt. Danach beziehst
du zusammen mit deinen (neuen) Freunden dein Zimmer. Und dann kann die Freizeit auch schon starten.
</p>
<h2 class="headlinefont">Das machen wir...</h2>
<p>
Hier erlebst du jede Menge Spaß bei gemeinsamen Spielen und Aktivitäten, knüpfst neue Freundschaften, bekommst ein tolles Tagesprogramm geboten, hörst spannende
Geschichten aus der Bibel und noch einiges mehr. Schau dir mal unten die einzelnen Freizeiten an, zu jeder gibt es eine kleine Beschreibung, was dich erwartet.
Du kannst auch bei den Berichten lesen, wie vergangene Freizeiten waren.
</p>
<p>
<a th:href="@{/camplist}">Jetzt Freizeiten entdecken</a>
</p>
</div>
</div>
</div>
</div>
<hr />
<h1>TODO: umziehen nach Anmeldung</h1>
<div class="row">
<div class="col">
<h2 class="headlinefont">Kinderfreizeiten in Olfen</h2>
<p>Jede Menge Kinder in deinem Alter, viele coole Spiele, Sommerrodeln und spannende biblische Geschichten…</p>
<p>…das und noch viel mehr erwartet dich auf den Kinderfreizeiten in Olfen in den Oster- und Herbstferien. Olfen ist ein
@ -143,7 +165,6 @@
</div>
</div>
</div>
</div>
</th:block>
</body>
</html>