Erster Entwurf: Landingpage mit 4 Kacheln und Unterseiten
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
NotPika69andClaude Opus 5.5 committed
commit
6d8df3d508
11 files changed
+1556
No files matched your search
+106
@@ -0,0 +1,106 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Ernährungsberatung – Schmacko Napf</title>
|
||||
<meta name="description" content="Individuelle Futterpläne und Gesundheitsberatung für Hunde jeden Alters – BARF, Koch-BARF, Nass- und Trockenfutter.">
|
||||
<meta name="theme-color" content="#fcfaf4">
|
||||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23194242'/%3E%3C/svg%3E">
|
||||
<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=Questrial&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="assets/site.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="site-header">
|
||||
<div class="header-inner">
|
||||
<a class="brand" href="index.html" aria-label="Schmacko Napf – Startseite"><img src="https://schmacko-napf.de/wp-content/uploads/2024/12/Logo-Transparent-Rechnung.png" alt="Schmacko Napf & Hundetraining by Katha"></a>
|
||||
<nav class="nav" aria-label="Hauptmenü">
|
||||
<a href="hundeschule.html">Hundetraining</a>
|
||||
<a href="ernaehrung.html" aria-current="page">Ernährung</a>
|
||||
<a href="shop.html">Shop</a>
|
||||
<a href="transportboxen.html">Transportboxen</a>
|
||||
<a href="index.html#kontakt">Kontakt</a>
|
||||
</nav>
|
||||
<button class="burger" type="button" aria-label="Menü öffnen" aria-expanded="false"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg></button>
|
||||
</div>
|
||||
</header>
|
||||
<main class="mosaic">
|
||||
<section class="panel panel--photo page-hero">
|
||||
<img src="https://images.unsplash.com/photo-1714068691210-073dc52c6c1d?auto=format&fit=crop&w=2000&q=80" alt="Hund schnuppert an einem Napf mit Trockenfutter">
|
||||
<span class="kicker">Ernährungs- & Gesundheitsberatung</span>
|
||||
<h1>Fürsorge<br>in Napfform.</h1>
|
||||
<p class="big">Individuelle Futterpläne – gesund, sensibel oder mit Diagnose.</p>
|
||||
</section>
|
||||
|
||||
<div class="row">
|
||||
<div class="panel panel--cream reveal">
|
||||
<span class="kicker">Kennst du das?</span>
|
||||
<h2 class="title">Jeder sagt<br>etwas anderes.</h2>
|
||||
<p class="big">Ich bringe Klarheit in die Futter-Frage – und erstelle einen Plan, der zu deinem Hund passt.</p>
|
||||
<div class="facts"><span class="fact">BARF</span><span class="fact">Teil-BARF</span><span class="fact">Koch-BARF</span><span class="fact">Nassfutter</span><span class="fact">Trockenfutter</span></div>
|
||||
</div>
|
||||
<div class="panel panel--sage plate-panel reveal d1"><img src="https://schmacko-napf.de/wp-content/uploads/2023/06/Barf.png" alt="Teller mit frischem Fleisch, Gemüse und Obst" loading="lazy"></div>
|
||||
</div>
|
||||
|
||||
<div class="panel panel--ink panel--auto reveal">
|
||||
<span class="kicker">Ablauf</span>
|
||||
<h2 class="title">So starten wir.</h2>
|
||||
<ol class="steps">
|
||||
<li><b>01</b><strong>Erstgespräch</strong><span>Vor Ort, am Telefon oder online.</span></li>
|
||||
<li><b>02</b><strong>Futterplan</strong><span>Genau auf deinen Hund abgestimmt.</span></li>
|
||||
<li><b>03</b><strong>Fragen klären</strong><span>Nach 3 Tagen gehen wir alles durch.</span></li>
|
||||
<li><b>04</b><strong>Nachbesprechung</strong><span>Nach 4 Wochen schauen wir gemeinsam drauf.</span></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="row row--3">
|
||||
<div class="panel panel--cream panel--mid reveal">
|
||||
<span class="kicker">Rationsprüfung</span>
|
||||
<h2 class="title">Passt das<br>Futter?</h2>
|
||||
<div class="price-big"><strong>kostenlos</strong></div>
|
||||
</div>
|
||||
<div class="panel panel--sage panel--mid reveal d1">
|
||||
<span class="kicker">Erstgespräch</span>
|
||||
<h2 class="title">Kennen­lernen</h2>
|
||||
<div class="price-big"><strong>ab 45 €</strong><span>ca. 60 Minuten</span></div>
|
||||
</div>
|
||||
<div class="panel panel--ink panel--mid reveal d2">
|
||||
<span class="kicker">Futterplan</span>
|
||||
<h2 class="title">Dein<br>Plan</h2>
|
||||
<div class="price-big"><strong>ab 75 €</strong><span>inkl. Folgegespräch nach 4 Wochen</span></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row--wide" id="kontakt">
|
||||
<div class="panel panel--ink reveal">
|
||||
<span class="kicker">Kontakt</span>
|
||||
<h2 class="display">Lass uns<br>sprechen.</h2>
|
||||
<div class="contact-links">
|
||||
<a href="https://wa.me/4917656932942" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4A8 8 0 1 1 20 11.5z"/></svg><span>WhatsApp</span><span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span></a>
|
||||
<a href="tel:+4917656932942"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2"/></svg><span>+49 176 569 329 42</span><span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span></a>
|
||||
<a href="mailto:info@schmacko-napf.de"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="m4 7 8 6 8-6"/></svg><span>info@schmacko-napf.de</span><span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel--photo plain reveal d1"><img src="https://schmacko-napf.de/wp-content/uploads/2025/01/KK-Fotografie-46.jpg" alt="Schwarze Schäferhündin steht aufmerksam im Wald" loading="lazy"></div>
|
||||
</div>
|
||||
<footer class="site-footer">
|
||||
<div class="footer-brand">
|
||||
<a class="footer-logo" href="index.html"><img src="https://schmacko-napf.de/wp-content/uploads/2024/12/Logo-Transparent-Rechnung.png" alt="Schmacko Napf & Hundetraining by Katha"></a>
|
||||
<span>Ernährung, Gesundheit und Training –<br>mit Herz und Verstand.</span>
|
||||
</div>
|
||||
<nav class="footer-links" aria-label="Footer">
|
||||
<a href="hundeschule.html">Hundetraining</a>
|
||||
<a href="ernaehrung.html">Ernährung</a>
|
||||
<a href="shop.html">Shop</a>
|
||||
<a href="transportboxen.html">Transportboxen</a>
|
||||
<a href="impressum.html">Impressum</a>
|
||||
<a href="#">Datenschutz</a>
|
||||
</nav>
|
||||
<div class="footer-meta"><span>© 2026 Schmacko Napf & Hundetraining by Katha</span><span>Fotos: Steffi Biller, KK-Fotografie</span></div>
|
||||
</footer>
|
||||
</main>
|
||||
<script src="assets/site.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user