165 lines
13 KiB
HTML
165 lines
13 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Schmacko Napf & Hundetraining by Katha</title>
|
||
<meta name="description" content="Hundetraining, Ernährungs- und Gesundheitsberatung, Shop und maßgefertigte Transportboxen – Schmacko Napf by Katha.">
|
||
<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 class="is-home">
|
||
<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">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>
|
||
<section class="hero">
|
||
<nav class="tiles" aria-label="Bereiche">
|
||
<svg class="seal-joint" aria-hidden="true"><path/></svg>
|
||
<h1 class="seal"><img src="https://schmacko-napf.de/wp-content/uploads/2024/12/Logo-Transparent-Rechnung.png" alt="Schmacko Napf & Hundetraining by Katha"></h1>
|
||
<a class="tile" href="hundeschule.html">
|
||
<img src="https://schmacko-napf.de/wp-content/uploads/2025/01/KK-Fotografie-66.jpg" alt="Katha mit ihrem Hund auf einer Wiese im Abendlicht">
|
||
<span class="tile-foot">
|
||
<span class="tile-label">Hundeschule</span>
|
||
<span class="tile-arrow"><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>
|
||
</span>
|
||
</a>
|
||
<a class="tile" href="ernaehrung.html">
|
||
<img src="https://images.unsplash.com/photo-1714068691210-073dc52c6c1d?auto=format&fit=crop&w=1400&q=80" srcset="https://images.unsplash.com/photo-1714068691210-073dc52c6c1d?auto=format&fit=crop&w=800&q=80 800w, https://images.unsplash.com/photo-1714068691210-073dc52c6c1d?auto=format&fit=crop&w=1400&q=80 1400w, https://images.unsplash.com/photo-1714068691210-073dc52c6c1d?auto=format&fit=crop&w=2000&q=80 2000w" sizes="(max-width: 767px) 100vw, 50vw" alt="Hund schnuppert an einem Napf mit Trockenfutter">
|
||
<span class="tile-foot">
|
||
<span class="tile-label">Ernährungsberatung</span>
|
||
<span class="tile-arrow"><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>
|
||
</span>
|
||
</a>
|
||
<a class="tile" href="shop.html">
|
||
<img src="https://images.unsplash.com/photo-1733451629760-d5fc1c818698?auto=format&fit=crop&w=1400&q=80" srcset="https://images.unsplash.com/photo-1733451629760-d5fc1c818698?auto=format&fit=crop&w=800&q=80 800w, https://images.unsplash.com/photo-1733451629760-d5fc1c818698?auto=format&fit=crop&w=1400&q=80 1400w, https://images.unsplash.com/photo-1733451629760-d5fc1c818698?auto=format&fit=crop&w=2000&q=80 2000w" sizes="(max-width: 767px) 100vw, 50vw" alt="Hund in einem Laden mit Hundezubehör">
|
||
<span class="tile-foot">
|
||
<span class="tile-label">Shop</span>
|
||
<span class="tile-arrow"><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>
|
||
</span>
|
||
</a>
|
||
<a class="tile" href="transportboxen.html">
|
||
<img src="https://images.unsplash.com/photo-1771777400696-3af9b6470ff8?auto=format&fit=crop&w=1400&q=80" srcset="https://images.unsplash.com/photo-1771777400696-3af9b6470ff8?auto=format&fit=crop&w=800&q=80 800w, https://images.unsplash.com/photo-1771777400696-3af9b6470ff8?auto=format&fit=crop&w=1400&q=80 1400w, https://images.unsplash.com/photo-1771777400696-3af9b6470ff8?auto=format&fit=crop&w=2000&q=80 2000w" sizes="(max-width: 767px) 100vw, 50vw" alt="Hund sitzt im offenen Kofferraum hinter einem Trenngitter">
|
||
<span class="tile-foot">
|
||
<span class="tile-label">Transportboxen<small>Maßanfertigung fürs Auto</small></span>
|
||
<span class="tile-arrow"><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>
|
||
</span>
|
||
</a>
|
||
<a class="scroll-hint" href="#ueber-mich" aria-label="Weiter nach unten"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 5v14M6 13l6 6 6-6"/></svg></a>
|
||
</nav>
|
||
</section>
|
||
|
||
<main class="mosaic">
|
||
<div class="row row--wide-r" id="ueber-mich">
|
||
<div class="panel panel--cream reveal">
|
||
<span class="kicker">Über mich</span>
|
||
<h2 class="display">Hallo,<br>ich bin Katha.</h2>
|
||
<p class="big">Hundetrainerin und Ernährungsberaterin – mit Herz und Verstand. Für beide Seiten der Leine.</p>
|
||
<div class="facts">
|
||
<span class="fact">§ 11 TierSchG zertifiziert</span>
|
||
<span class="fact">Ernährungs- & Gesundheitsberaterin</span>
|
||
</div>
|
||
</div>
|
||
<div class="panel panel--photo plain reveal d1"><img src="https://schmacko-napf.de/wp-content/uploads/2025/01/KK-Fotografie-35.jpg" alt="Katha sitzt mit ihrer Schäferhündin Elina im Grünen" loading="lazy"></div>
|
||
</div>
|
||
|
||
<a class="panel panel--photo tall reveal" href="hundeschule.html">
|
||
<img src="https://schmacko-napf.de/wp-content/uploads/2025/01/KK-Fotografie-51.jpg" alt="Schwarzer Schäferhund rennt freudig über einen Feldweg" loading="lazy">
|
||
<span class="panel-arrow"><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>
|
||
<span class="kicker">Hundetraining</span>
|
||
<h2 class="display">Entspannt durch<br>den Alltag.</h2>
|
||
<p class="big">Einzeltraining, Hausbesuch und Außentraining in der Gruppe.</p>
|
||
<div class="facts">
|
||
<span class="fact">Einzeltraining 60 € / Std.</span>
|
||
<span class="fact">Gruppe 18 €</span>
|
||
<span class="fact">10er-Karte 165 €</span>
|
||
</div>
|
||
</a>
|
||
|
||
<div class="row">
|
||
<div class="panel panel--sage plate-panel reveal"><img src="https://schmacko-napf.de/wp-content/uploads/2023/06/Barf.png" alt="Teller mit frischem Fleisch, Gemüse und Obst für die Rohfütterung" loading="lazy"></div>
|
||
<a class="panel panel--cream reveal d1" href="ernaehrung.html">
|
||
<span class="panel-arrow" style="background:var(--ink);border-color:var(--ink)"><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>
|
||
<span class="kicker">Ernährungsberatung</span>
|
||
<h2 class="display">Gesund<br>gefüttert.</h2>
|
||
<p class="big">Individuelle Futterpläne – für jedes Alter, auch bei Magen-Darm- oder Pankreas-Problemen.</p>
|
||
<div class="facts"><span class="fact">BARF</span><span class="fact">Koch-BARF</span><span class="fact">Nass- & Trockenfutter</span></div>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="panel panel--plain panel--mid panel--center reveal">
|
||
<p class="statement">„Futter ist mehr als nur Nahrung – es ist Fürsorge in Napfform.“</p>
|
||
<span class="statement-by">— Katha</span>
|
||
</div>
|
||
|
||
<div class="panel panel--ink panel--auto reveal">
|
||
<span class="kicker">Meine Philosophie · die 5 Säulen</span>
|
||
<ul class="words">
|
||
<li><small>01</small>Respekt<span>Den Hund als eigenständiges Wesen ernst nehmen.</span></li>
|
||
<li><small>02</small>Ehrlichkeit<span>Klare Signale schaffen Vertrauen.</span></li>
|
||
<li><small>03</small>Geduld<span>Jeder Hund lernt in seinem Tempo.</span></li>
|
||
<li><small>04</small>Konsequenz<span>Klare Regeln – fair und ohne Druck.</span></li>
|
||
<li><small>05</small>Verständnis<span>Bedürfnisse und Gefühle verstehen.</span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<a class="panel panel--photo reveal" href="shop.html">
|
||
<img src="https://images.unsplash.com/photo-1733451629760-d5fc1c818698?auto=format&fit=crop&w=1600&q=80" alt="Hund in einem Laden mit Hundezubehör" loading="lazy">
|
||
<span class="panel-arrow"><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>
|
||
<span class="kicker">Shop</span>
|
||
<h2 class="title">Futter, Snacks<br>& Zubehör.</h2>
|
||
</a>
|
||
<a class="panel panel--photo reveal d1" href="transportboxen.html">
|
||
<img src="https://images.unsplash.com/photo-1771777400696-3af9b6470ff8?auto=format&fit=crop&w=1600&q=80" alt="Hund sitzt im Kofferraum hinter einem Trenngitter" loading="lazy">
|
||
<span class="panel-arrow"><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>
|
||
<span class="kicker">Maßanfertigung</span>
|
||
<h2 class="title">Transportboxen<br>fürs Auto.</h2>
|
||
</a>
|
||
</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>
|