trihub-ernaehrung-advinters/index.html

86 lines
3.9 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ernährungsberater</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- US-01-02 Leistungsübersicht -->
<section id="leistungen" class="pakete">
<div class="pakete__intro">
<h2 class="pakete__titel">Deine Pakete</h2>
<p class="pakete__text">
Drei Wege zu einer Ernährung, die zu deinem Training, deinem Alltag und
deinem Alter passt &ndash; entwickelt für Triathletinnen und Triathleten ab 50.
</p>
</div>
<div class="pakete__grid">
<article class="paket-karte">
<h3 class="paket-karte__name">Starter</h3>
<p class="paket-karte__preis">
<span class="paket-karte__betrag">79&nbsp;&euro;</span>
<span class="paket-karte__zeitraum">/ Monat</span>
</p>
<p class="paket-karte__beschreibung">Für den Einstieg in eine bewusste Ernährung neben dem Training.</p>
<ul class="paket-karte__leistungen">
<li>Erstgespräch &amp; Bedarfsanalyse</li>
<li>Individueller Ernährungsplan</li>
<li>Monatliches Check-in per E-Mail</li>
<li>Zugang zu Beispielplänen</li>
</ul>
<button class="paket-karte__cta" type="button" data-paket="Starter">Paket wählen</button>
</article>
<article class="paket-karte paket-karte--empfohlen">
<p class="paket-karte__badge">Beliebteste Wahl</p>
<h3 class="paket-karte__name">STANDART</h3>
<p class="paket-karte__preis">
<span class="paket-karte__betrag">149&nbsp;&euro;</span>
<span class="paket-karte__zeitraum">/ Monat</span>
</p>
<p class="paket-karte__beschreibung">Laufende Begleitung für alle, die regelmäßig für Wettkämpfe trainieren.</p>
<ul class="paket-karte__leistungen">
<li>Alles aus Starter</li>
<li>Plan-Anpassung je Trainingsphase</li>
<li>Zwei Beratungsgespräche pro Monat</li>
<li>Wettkampf-Ernährungsstrategie</li>
<li>Direkter Chat mit deiner Beraterin</li>
</ul>
<button class="paket-karte__cta" type="button" data-paket="Ausdauer">Paket wählen</button>
</article>
<article class="paket-karte">
<h3 class="paket-karte__name">Rundum Sorglos Paket</h3>
<p class="paket-karte__preis">
<span class="paket-karte__betrag">249&nbsp;&euro;</span>
<span class="paket-karte__zeitraum">/ Monat</span>
</p>
<p class="paket-karte__beschreibung">Volle Betreuung für ambitionierte Athletinnen und Athleten.</p>
<ul class="paket-karte__leistungen">
<li>Alles aus Ausdauer</li>
<li>Wöchentliche Beratungsgespräche</li>
<li>Individuelle Supplement-Empfehlung</li>
<li>Betreuung am Wettkampftag</li>
<li>Priorisierter Support</li>
</ul>
<button class="paket-karte__cta" type="button" data-paket="Wettkampf">Paket wählen</button>
</article>
</div>
</section>
<script src="js/script.js"></script>
</body>
</html>