3015351
/
PM_Project
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Project for ProjectManagement in IB.4
38 Commits
14 Branches
0 Tags
840 KiB
HTML 60.9%
CSS 34.3%
JavaScript 4.8%
 
 
 
Go to file
Daniel Fromm 8feaabc967 Wortänderung "KOSTENLOS" zu "KOSTENFREI" 2026-09-30 14:26:04 +00:00
assets/images US03-02: Foto von Relindis Agethen (Lilli) im Trainerprofil 2026-09-30 15:21:48 +02:00
css US03-02: Foto von Relindis Agethen (Lilli) im Trainerprofil 2026-09-30 15:21:48 +02:00
js US_0202: Angebotsübersicht implementiert und als PDF downloadbar 2026-09-30 14:18:31 +02:00
README.md Design rework 2026-09-29 13:47:23 +02:00
ernaehrung-premium.html Fehlerkorrektur Mobileband 2026-09-30 13:03:46 +00:00
ernaehrung-standard.html Fehlerkorrektur Mobileband 2026-09-30 13:03:46 +00:00
ernaehrung-starter.html Fehlerkorrektur Mobileband 2026-09-30 13:03:46 +00:00
ernaehrung-vergleich.html US_0202: Angebotsübersicht implementiert und als PDF downloadbar 2026-09-30 14:18:31 +02:00
ernaehrungsberatung.html Wortänderung "KOSTENLOS" zu "KOSTENFREI" 2026-09-30 14:26:04 +00:00

README.md

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.