joostadrian/lorem_ipsum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Impressum

Browse Source
This commit is contained in:
DST81 2026-05-10 23:54:07 +02:00
parent 3b16df35a4
commit 40e61c16a2
1 changed files with 62 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
index.html
View File

@ -51,6 +51,68 @@
</div>
</div>
<!-- Footer & Impressum Section -->
<footer class="bg-dark text-black py-4 mt-auto border-top border-secondary">
<div class="container">
<!-- Oberer Bereich: Slogan & Haupttext -->
<div class="row mb-3">
<div class="col-12">
<h5 class="text-warning">Made with <span class="text-danger">♥</span> und zu viel Kaffee für das Modul Frontend. Bootstrap 5.3.8 powered.</h5>
<p class="text-black small mb-0 fst-italic">
<em>„Unser Impressum ist länger als der Text, den Sie sich merken müssen.“</em>
</p>
</div>
</div>
<!-- Unterer Bereich: Responsives Impressum -->
<div class="row mt-2">
<div class="col-12">
<!-- Titel Impressum (immer oben) -->
<span class="text-warning fw-bold d-block mb-2" style="font-size: 0.7rem;">Impressum</span>
<!-- Container für die Impressum-Punkte -->
<div class="text-black-50" style="font-size: 0.7rem; line-height: 1.4;">
<div class="row g-1"> <!-- g-1 sorgt für minimalen Abstand zwischen den Spalten -->
<!-- Punkt 1: Betreiber -->
<div class="col-12 col-md-6 col-lg-4">
<strong>Betreiber</strong>:&nbsp;Das Team FAD (Florin, Adi, Daniela)
</div>
<!-- Punkt 2: Adresse -->
<div class="col-12 col-md-6 col-lg-4">
<strong>Adresse</strong>:&nbsp;Irgendwo im Internet, Schweiz
</div>
<!-- Punkt 3: Kontakt -->
<div class="col-12 col-md-6 col-lg-4">
<strong>Kontakt</strong>:&nbsp;schreibuns@lorem-ipsum-spiel.ch
</div>
<!-- Punkt 4: Inhalt -->
<div class="col-12 col-md-6 col-lg-4">
<strong>Inhalt</strong>:&nbsp;Der letzte Committer
</div>
<!-- Punkt 5: Datenschutz -->
<div class="col-12 col-md-6 col-lg-4">
<strong>Datenschutz</strong>:&nbsp;Wir speichern nur Scores.
</div>
</div>
</div>
<!-- Copyright Zeile (rechtsbündig, ganz unten) -->
<div class="text-center mt-2">
<p class="mb-0 text-black-50" style="font-size: 0.65rem;">
&copy; 2026 Modul Frontend Projekt. Alle Rechte vorbehalten.
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Bootstrap JS Bundle -->
<script src="assets/bootstrap-5.3.8-dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/src/service/config-service.js"></script>