Überarbeitung der ernaehrungsberatung.html
Justin Muravjev
parent
f000e0909d
commit
e9ebfb231a
|
|
@ -1,13 +1,18 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<title>Ernährungsberatung für Triathlon ab 50 | TriHub</title>
|
<title>Ernährungsberatung ab 50 | TriHub</title>
|
||||||
<meta name="description"
|
<meta
|
||||||
content="Ernährung, die zu deinem Triathlon und deinem Leben passt. Entdecke drei Konzepte für persönliche Ernährungsberatung bei TriHub." />
|
name="description"
|
||||||
<link rel="icon" type="image/jpeg" href="assets/images/icons/trihub-logo.jpg" />
|
content="Ernährung, die zu deinem Triathlon und deinem Leben passt. Entdecke drei Konzepte für persönliche Ernährungsberatung bei TriHub."
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
rel="icon"
|
||||||
|
type="image/jpeg"
|
||||||
|
href="assets/images/icons/trihub-logo.jpg"
|
||||||
|
/>
|
||||||
<link rel="stylesheet" href="css/assets.css" />
|
<link rel="stylesheet" href="css/assets.css" />
|
||||||
<link rel="stylesheet" href="css/base.css" />
|
<link rel="stylesheet" href="css/base.css" />
|
||||||
<link rel="stylesheet" href="css/sections/hero.css" />
|
<link rel="stylesheet" href="css/sections/hero.css" />
|
||||||
|
|
@ -17,28 +22,49 @@
|
||||||
<script src="js/angebote.js" defer></script>
|
<script src="js/angebote.js" defer></script>
|
||||||
<script src="js/main.js" defer></script>
|
<script src="js/main.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<a class="skip" href="#inhalt">Zum Inhalt</a>
|
<a class="skip" href="#inhalt">Zum Inhalt</a>
|
||||||
<header class="site-header">
|
<header class="site-header">
|
||||||
<div class="shell header-inner">
|
<div class="shell header-inner">
|
||||||
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
|
<a
|
||||||
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
|
class="brand brand-logo"
|
||||||
alt="Trihub – fit und vital ab 50!" /></span><span class="brand-copy"><span
|
href="https://tri-hub.de/"
|
||||||
class="brand-name">Tri-hub</span><span class="brand-sub">Ernährungsberatung für Triathlon ab
|
aria-label="TriHub Startseite"
|
||||||
50</span></span></a>
|
><span class="brand-mark"
|
||||||
|
><img
|
||||||
|
src="assets/images/icons/trihub-logo.jpg"
|
||||||
|
width="1024"
|
||||||
|
height="1024"
|
||||||
|
alt="Trihub – fit und vital ab 50!" /></span
|
||||||
|
><span class="brand-copy"
|
||||||
|
><span class="brand-name">Tri-hub</span
|
||||||
|
><span class="brand-sub"
|
||||||
|
>Ernährungsberatung für Triathlon ab 50</span
|
||||||
|
></span
|
||||||
|
></a
|
||||||
|
>
|
||||||
<nav aria-label="Hauptnavigation">
|
<nav aria-label="Hauptnavigation">
|
||||||
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a><a href="#inhalt"
|
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a
|
||||||
aria-current="page">Ernährungsberatung</a><a href="#angebote">Angebote entdecken</a><a href="#ablauf">So
|
><a href="#inhalt" aria-current="page">Ernährungsberatung</a
|
||||||
läuft’s ab</a><a href="#">Kontakt</a>
|
><a href="#ablauf">So läuft’s ab</a>
|
||||||
</nav>
|
</nav>
|
||||||
<button class="menu-toggle" aria-expanded="false" aria-controls="mobile-nav" aria-label="Menü öffnen">
|
<a class="button small header-cta" href="#angebote"
|
||||||
|
>Angebote entdecken</a
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="menu-toggle"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-controls="mobile-nav"
|
||||||
|
aria-label="Menü öffnen"
|
||||||
|
>
|
||||||
☰
|
☰
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
|
<nav id="mobile-nav" aria-label="Mobile Navigation" hidden>
|
||||||
<a href="#angebote">Angebote entdecken</a><a href="#vorteile">Deine Vorteile</a><a href="#ablauf">So läuft’s
|
<a href="#angebote">Angebote entdecken</a
|
||||||
ab</a><a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a>
|
><a href="#vorteile">Deine Vorteile</a
|
||||||
|
><a href="#ablauf">So läuft’s ab</a
|
||||||
|
><a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<main id="inhalt">
|
<main id="inhalt">
|
||||||
|
|
@ -57,8 +83,8 @@
|
||||||
passt.
|
passt.
|
||||||
</p>
|
</p>
|
||||||
<div class="hero-actions">
|
<div class="hero-actions">
|
||||||
<a class="button" href="#angebote">Deine Begleitung finden</a><a class="text-link" href="#ablauf">So
|
<a class="button" href="#angebote">Deine Begleitung finden</a
|
||||||
funktioniert’s</a>
|
><a class="text-link" href="#ablauf">So funktioniert’s</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="hero-note">
|
<div class="hero-note">
|
||||||
<span class="check" aria-hidden="true">✓</span> Persönlich.
|
<span class="check" aria-hidden="true">✓</span> Persönlich.
|
||||||
|
|
@ -66,20 +92,25 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<figure class="hero-visual">
|
<figure class="hero-visual">
|
||||||
<img src="assets/images/hero/hero.webp" width="1200" height="800"
|
<img
|
||||||
|
src="assets/images/hero/hero.webp"
|
||||||
|
width="1200"
|
||||||
|
height="800"
|
||||||
alt="Zwei sportlich aktive Menschen ab 50 besprechen einen Plan neben einem Fahrrad am See"
|
alt="Zwei sportlich aktive Menschen ab 50 besprechen einen Plan neben einem Fahrrad am See"
|
||||||
fetchpriority="high" />
|
fetchpriority="high"
|
||||||
|
/>
|
||||||
<figcaption>
|
<figcaption>
|
||||||
<span>DEIN TEMPO. DEINE ZIELE.</span>
|
<span>DEIN TEMPO. DEINE ZIELE.</span>
|
||||||
<p>Mehr Freude am Sport.<br />Mehr Energie fürs Leben.</p>
|
<p>Mehr Freude am Sport.<br />Mehr Energie fürs Leben.</p>
|
||||||
</figcaption>
|
</figcaption>
|
||||||
|
<div class="image-tag">TRIATHLON <b>50+</b></div>
|
||||||
</figure>
|
</figure>
|
||||||
</section>
|
</section>
|
||||||
<div class="values-strip">
|
<div class="values-strip">
|
||||||
<div class="shell">
|
<div class="shell">
|
||||||
<span>Für deinen Einstieg</span><i aria-hidden="true">✦</i><span>Für deinen Wiedereinstieg</span><i
|
<span>Für deinen Einstieg</span><i aria-hidden="true">✦</i
|
||||||
aria-hidden="true">✦</i><span>Für dein nächstes Ziel</span>
|
><span>Für deinen Wiedereinstieg</span><i aria-hidden="true">✦</i
|
||||||
|
><span>Für dein nächstes Ziel</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<section id="vorteile" class="shell section benefits">
|
<section id="vorteile" class="shell section benefits">
|
||||||
|
|
@ -133,14 +164,18 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="concept-note">
|
<div class="concept-note">
|
||||||
<span aria-hidden="true">ⓘ</span> Angebotskonzept · Leistungen zur
|
<span aria-hidden="true">ⓘ</span> Paketvorschläge zur Teamabstimmung · Preise, Laufzeiten und Leistungen sind beispielhaft und noch nicht bestätigt.
|
||||||
Abstimmung. Preise und Laufzeiten sind noch offen.
|
|
||||||
</div>
|
</div>
|
||||||
<div class="package-grid">
|
<div class="package-grid">
|
||||||
<article class="package">
|
<article class="package">
|
||||||
<div class="package-image">
|
<div class="package-image">
|
||||||
<img src="assets/images/angebote/starter.webp" width="700" height="420"
|
<img
|
||||||
alt="Gemeinsame Planung am See für den sportlichen Einstieg" loading="lazy" />
|
src="assets/images/angebote/starter.webp"
|
||||||
|
width="700"
|
||||||
|
height="420"
|
||||||
|
alt="Gemeinsame Planung am See für den sportlichen Einstieg"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="package-body">
|
<div class="package-body">
|
||||||
<p class="eyebrow">STARTER</p>
|
<p class="eyebrow">STARTER</p>
|
||||||
|
|
@ -154,16 +189,22 @@
|
||||||
<li>Analyse deiner Essgewohnheiten</li>
|
<li>Analyse deiner Essgewohnheiten</li>
|
||||||
<li>Konkrete Empfehlungen für den Alltag</li>
|
<li>Konkrete Empfehlungen für den Alltag</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button class="button package-open" data-package="starter">
|
<a
|
||||||
Starter entdecken
|
class="button outline package-open"
|
||||||
</button>
|
href="ernaehrung-starter.html"
|
||||||
|
>Starter entdecken</a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
<article class="package featured">
|
<article class="package featured">
|
||||||
<div class="package-image">
|
<div class="package-image">
|
||||||
<img src="assets/images/angebote/standard.webp" width="700" height="420"
|
<img
|
||||||
alt="Sportler und Coach besprechen gemeinsam einen Plan am Fahrrad" loading="lazy" /><span
|
src="assets/images/angebote/standard.webp"
|
||||||
class="package-badge">MIT INDIVIDUELLEM PLAN</span>
|
width="700"
|
||||||
|
height="420"
|
||||||
|
alt="Sportler und Coach besprechen gemeinsam einen Plan am Fahrrad"
|
||||||
|
loading="lazy"
|
||||||
|
/><span class="package-badge">MIT INDIVIDUELLEM PLAN</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="package-body">
|
<div class="package-body">
|
||||||
<p class="eyebrow">STANDARD</p>
|
<p class="eyebrow">STANDARD</p>
|
||||||
|
|
@ -177,15 +218,20 @@
|
||||||
<li>Individueller Ernährungsrahmen</li>
|
<li>Individueller Ernährungsrahmen</li>
|
||||||
<li>Feedback und gemeinsame Anpassung</li>
|
<li>Feedback und gemeinsame Anpassung</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button class="button package-open" data-package="standard">
|
<a class="button package-open" href="ernaehrung-standard.html"
|
||||||
Standard entdecken
|
>Standard entdecken</a
|
||||||
</button>
|
>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
<article class="package">
|
<article class="package">
|
||||||
<div class="package-image">
|
<div class="package-image">
|
||||||
<img src="assets/images/angebote/premium.webp" width="700" height="420"
|
<img
|
||||||
alt="Persönliches Coachinggespräch auf einer Bank neben einem Triathlonrad" loading="lazy" />
|
src="assets/images/angebote/premium.webp"
|
||||||
|
width="700"
|
||||||
|
height="420"
|
||||||
|
alt="Persönliches Coachinggespräch auf einer Bank neben einem Triathlonrad"
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="package-body">
|
<div class="package-body">
|
||||||
<p class="eyebrow">PREMIUM</p>
|
<p class="eyebrow">PREMIUM</p>
|
||||||
|
|
@ -199,9 +245,11 @@
|
||||||
<li>Verpflegungsstrategie für Wettkämpfe</li>
|
<li>Verpflegungsstrategie für Wettkämpfe</li>
|
||||||
<li>Engmaschige Begleitung und Anpassung</li>
|
<li>Engmaschige Begleitung und Anpassung</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button class="button package-open" data-package="premium">
|
<a
|
||||||
Premium entdecken
|
class="button outline package-open"
|
||||||
</button>
|
href="ernaehrung-premium.html"
|
||||||
|
>Premium entdecken</a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -214,7 +262,11 @@
|
||||||
Ernährungsberatung.
|
Ernährungsberatung.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<button id="bonus-open" class="text-link">Rabatte ansehen</button>
|
<a
|
||||||
|
class="text-link"
|
||||||
|
href="ernaehrung-standard.html#coaching-vorteil"
|
||||||
|
>Rabatte ansehen</a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
@ -271,53 +323,27 @@
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<div class="shell footer-main">
|
<div class="shell footer-main">
|
||||||
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
|
<a
|
||||||
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
|
class="brand brand-logo"
|
||||||
alt="Trihub – fit und vital ab 50!" /></span></a>
|
href="https://tri-hub.de/"
|
||||||
|
aria-label="TriHub Startseite"
|
||||||
|
><span class="brand-mark"
|
||||||
|
><img
|
||||||
|
src="assets/images/icons/trihub-logo.jpg"
|
||||||
|
width="1024"
|
||||||
|
height="1024"
|
||||||
|
alt="Trihub – fit und vital ab 50!" /></span
|
||||||
|
></a>
|
||||||
<p>Dein sportliches Zuhause ab 50.</p>
|
<p>Dein sportliches Zuhause ab 50.</p>
|
||||||
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
|
<a href="https://tri-hub.de/">Zur TriHub-Website</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="shell footer-note">
|
<div class="shell footer-note">
|
||||||
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span><span>Ernährungsangebote sind
|
<span>Projektprototyp · Keine Buchung oder Datenübermittlung</span
|
||||||
Konzeptvorschläge, keine veröffentlichten
|
><span
|
||||||
TriHub-Tarife.</span>
|
>Ernährungsangebote sind Konzeptvorschläge, keine veröffentlichten
|
||||||
|
TriHub-Tarife.</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<dialog id="package-dialog" aria-labelledby="dialog-title">
|
|
||||||
<div class="dialog-inner">
|
|
||||||
<button class="close-dialog" aria-label="Details schließen">×</button>
|
|
||||||
<p id="dialog-eyebrow" class="eyebrow"></p>
|
|
||||||
<h2 id="dialog-title"></h2>
|
|
||||||
<p id="dialog-description"></p>
|
|
||||||
<section id="detail-section">
|
|
||||||
<h3>Deine Begleitung im Überblick</h3>
|
|
||||||
<ul id="dialog-features"></ul>
|
|
||||||
<p class="detail-note">
|
|
||||||
Konzeptvorschlag: Leistungsumfang, Kontaktfrequenz, Laufzeit und
|
|
||||||
Preis werden noch abgestimmt.
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class="discount-box">
|
|
||||||
<p class="eyebrow">DEIN COACHING-VORTEIL</p>
|
|
||||||
<h3>Du bist schon im Coaching 1zu1?</h3>
|
|
||||||
<label for="coaching-select">Dein bestehendes Coaching-Paket</label><select id="coaching-select">
|
|
||||||
<option value="0">Noch kein Coaching 1zu1</option>
|
|
||||||
<option value="3">Starter-Coaching</option>
|
|
||||||
<option value="5">Standard-Coaching</option>
|
|
||||||
<option value="10">Premium-Coaching (24 oder 52 Wochen)</option>
|
|
||||||
</select>
|
|
||||||
<div id="discount-result" aria-live="polite"></div>
|
|
||||||
<p class="discount-help">
|
|
||||||
Der Rabatt richtet sich nach deinem bestehenden Coaching 1zu1,
|
|
||||||
unabhängig vom gewählten Ernährungsangebot. Er gilt während der
|
|
||||||
Coaching-Laufzeit auf den aktuellen Verkaufspreis der
|
|
||||||
Ernährungsberatung.
|
|
||||||
</p>
|
|
||||||
<a href="https://tri-hub.de/coaching-1zu1" target="_blank" rel="noopener">Coaching 1zu1 bei TriHub ansehen</a>
|
|
||||||
</section>
|
|
||||||
<button class="button dialog-done">Zurück zu den Angeboten</button>
|
|
||||||
</div>
|
|
||||||
</dialog>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue