NotPika69andClaude Opus 5.5
d154ea13c2
- "Termin buchen" in der Kopfleiste, im Kontakt und als Buchungs-Fläche mit allen Angeboten - Direkte Buchen-Knöpfe für Einzelcoaching, Gruppenstunden und Stundenplan - G&H-Siegel im Footer, auf Ernährung und bei den Ausbildungen - Datenschutz um die Online-Terminbuchung ergänzt - tools/make_zip.sh baut das Übergabe-Paket Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
91 lines
8.2 KiB
HTML
91 lines
8.2 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Shop – Schmacko Napf</title>
|
||
<meta name="description" content="Ausgewähltes Futter, Snacks und Zubehör für deinen Hund.">
|
||
<link rel="canonical" href="https://schmacko-napf.de/shop.html">
|
||
<meta name="theme-color" content="#fcfaf4">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:locale" content="de_DE">
|
||
<meta property="og:site_name" content="Schmacko Napf & Hundetraining by Katha">
|
||
<meta property="og:title" content="Shop – Schmacko Napf">
|
||
<meta property="og:description" content="Ausgewähltes Futter, Snacks und Zubehör für deinen Hund.">
|
||
<meta property="og:url" content="https://schmacko-napf.de/shop.html">
|
||
<meta property="og:image" content="https://schmacko-napf.de/assets/img/vorschau.jpg">
|
||
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
|
||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||
<link rel="preload" href="assets/fonts/questrial-latin.woff2" as="font" type="font/woff2" crossorigin>
|
||
<link rel="stylesheet" href="assets/site.css?v=00c6919d">
|
||
</head>
|
||
<body>
|
||
<a class="skip" href="#inhalt">Zum Inhalt springen</a>
|
||
<header class="site-header">
|
||
<div class="header-inner">
|
||
<a class="brand" href="index.html" aria-label="Schmacko Napf – Startseite"><img src="assets/img/logo.webp" alt="Schmacko Napf & Hundetraining by Katha" width="68" height="68"></a>
|
||
<nav class="nav" aria-label="Hauptmenü">
|
||
<a href="hundeschule.html">Hundetraining</a>
|
||
<a href="ernaehrung.html">Ernährung</a>
|
||
<a href="shop.html" aria-current="page">Shop</a>
|
||
<a href="transportboxen.html">Transportboxen</a>
|
||
<a href="ueber-mich.html">Über mich</a>
|
||
<a href="index.html#kontakt">Kontakt</a>
|
||
</nav>
|
||
<a class="book-btn" href="https://schmacko-napf.petworkers.app/" 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"><rect x="3.5" y="5" width="17" height="15" rx="2.5"/><path d="M3.5 10h17M8 3v4M16 3v4"/></svg><span class="book-long">Termin buchen</span><span class="book-short" aria-hidden="true">Buchen</span></a>
|
||
<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" id="inhalt">
|
||
<section class="panel panel--photo page-hero">
|
||
<img src="assets/img/laden.webp" srcset="assets/img/laden-900.webp 900w, assets/img/laden.webp 1800w" sizes="100vw" alt="Hund in einem Laden mit Hundezubehör">
|
||
<span class="kicker">Shop</span>
|
||
<h1>Ausgewählt<br>mit Herz.</h1>
|
||
<p class="big">Futter, Snacks und Zubehör, hinter denen ich stehe.</p>
|
||
</section>
|
||
|
||
<div class="row row--3">
|
||
<div class="panel panel--cream panel--mid reveal"><div class="panel-icon"><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="M3 12h18a9 9 0 0 1-18 0z"/><path d="M8 8c0-2 2-2 2-4M13 8c0-2 2-2 2-4"/></svg></div><h2 class="title">Futter</h2><p class="big">Passend zu deinem Futterplan.</p></div>
|
||
<div class="panel panel--sage panel--mid reveal d1"><div class="panel-icon"><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="M8 8 16 16M6.5 4.5a2 2 0 0 0-2 2 2 2 0 1 0 3 2.5l7.5 7.5a2 2 0 1 0 2.5 3 2 2 0 0 0 2-2 2 2 0 1 0-2.5-3L9.5 7a2 2 0 0 0-3-2.5z"/></svg></div><h2 class="title">Snacks</h2><p class="big">Natürlich – fürs Training und zum Belohnen.</p></div>
|
||
<div class="panel panel--ink panel--mid reveal d2"><div class="panel-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="17" cy="7" r="3"/><path d="M15 9.5 6 19M4 17l3 3"/></svg></div><h2 class="title">Zubehör</h2><p class="big">Robust und durchdacht für den Alltag.</p></div>
|
||
</div>
|
||
|
||
<div class="panel panel--cream panel--mid panel--center reveal">
|
||
<p class="statement">Der Online-Shop ist bald da.<br>Bis dahin: schreib mir einfach.</p>
|
||
</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 class="contact-book" href="https://schmacko-napf.petworkers.app/" 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"><rect x="3.5" y="5" width="17" height="15" rx="2.5"/><path d="M3.5 10h17M8 3v4M16 3v4"/></svg><span>Termin online buchen</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="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="assets/img/hund-wald.webp" srcset="assets/img/hund-wald-900.webp 900w, assets/img/hund-wald.webp 1417w" sizes="(max-width: 980px) 100vw, 45vw" 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="assets/img/logo.webp" alt="Schmacko Napf & Hundetraining by Katha" width="88" height="88" loading="lazy"></a>
|
||
<span>Ernährung, Gesundheit und Training –<br>mit Herz und Verstand.</span>
|
||
<img class="footer-cert" src="assets/img/gh-siegel.webp" alt="Zertifiziert nach G&H Tierernährung – Gesund gefüttert Heidi Herrmann" width="480" height="329" loading="lazy">
|
||
</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="ueber-mich.html">Über mich</a>
|
||
<a href="impressum.html">Impressum</a>
|
||
<a href="datenschutz.html">Datenschutz</a>
|
||
</nav>
|
||
<div class="footer-meta"><span>© 2026 Schmacko Napf & Hundetraining by Katha</span><span>Fotos: Steffi Biller, KK-Fotografie · Unsplash</span></div>
|
||
</footer>
|
||
</main>
|
||
<script src="assets/site.js?v=4a2c8d49"></script>
|
||
</body>
|
||
</html>
|