36 lines
2.2 KiB
Markdown
36 lines
2.2 KiB
Markdown
# PM_Project – vollständige TriHub-Ernährungsseite
|
||
|
||
`ernaehrungsberatung.html` im Browser öffnen. Kein Build und keine Installation nötig.
|
||
|
||
Die vollständige Seite aus TriHub-Design-Original ist integriert: Header, Desktop-/Mobilnavigation,
|
||
Hero, Zielgruppenleiste, eigener Vorteilsbereich, drei Pakete, Coaching-Rabatte,
|
||
zentrierter Detaildialog, vier Ablaufschritte und Footer.
|
||
|
||
Animationen: Scroll-Einblendungen mit 720 ms und maximal 240 ms Staffelung, Bild-/Karten-Hover,
|
||
sanfte Ankerlinks und Dialog-/Backdrop-Einblendung. `prefers-reduced-motion` wird berücksichtigt.
|
||
Inhalte bleiben ohne JavaScript sichtbar; Menü und Dialog benötigen JavaScript.
|
||
|
||
## Dateien und Zuständigkeiten
|
||
- ernaehrungsberatung.html: vollständige Seitenstruktur und Inhalte.
|
||
- css/assets.css: Original-CSS der Vorlage mit lokalen Schriftpfaden.
|
||
- css/base.css: Grundlagen, Header, Buttons, Footer.
|
||
- css/sections/hero.css: Hero, Zielgruppenleiste, Vorteile, gemeinsame Sektionsüberschriften.
|
||
- css/sections/angebote.css: Angebote, Rabattbanner und Detaildialog.
|
||
- css/sections/ablauf.css: Programmablauf.
|
||
- css/responsive.css (neu): responsive Anpassungen und Dialoganimationen; zuletzt eingebunden.
|
||
- js/angebote.js: Paketdetails und Rabattauswahl.
|
||
- js/main.js: Mobilnavigation und Scrollanimationen.
|
||
- assets/fonts/ (neu): 16 lokale Originalschriftdateien für Sora und DM Sans.
|
||
- assets/images/: Bilder in den vorhandenen Unterordnern angebote/, hero/ und icons/.
|
||
|
||
Bestehende Git- und IDE-Dateien wurden nicht geändert. Es wurde kein Commit oder Push ausgeführt.
|
||
Keine zusätzlichen index.html-/projekt.html-Kopien: Der Einstieg bleibt ernaehrungsberatung.html.
|
||
|
||
## Abgleich
|
||
HTML-Inhalte und Reihenfolge entsprechen der vollständigen Vorlage. CSS-Regeln wurden auf die
|
||
Projektdateien verteilt, JavaScript wurde in Navigation/Animationen und Angebotsdialog aufgeteilt.
|
||
Geprüft: vollständige HTML-Struktur und Texte gegen die Vorlage, lokale Dateiverweise, JavaScript-Syntax, responsive CSS sowie DOM-Interaktionen für alle Pakete, Rabatte, Menü und 22 Animationselemente einschließlich reduzierter Bewegung.
|
||
Eine visuelle Browserprüfung ist nicht Bestandteil dieser Prüfung.
|
||
|
||
Angebote bleiben Konzeptvorschläge ohne Buchung, Datenübermittlung oder erfundene Preise.
|