Andrej StevanovskiandClaude Opus 5.5
f6e98cdcbb
wir/uns/unser -> ich/mir/mich/mein, samt Verbformen, auf allen fünf Seiten inklusive Impressum, Datenschutz, Seitentiteln und Meta-Beschreibungen. Anker #ueber-uns -> #ueber-mich. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
192 lines
9.7 KiB
HTML
192 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Hilfe Verein: Hilfe. Herz. Hoffnung. | Emma's Schatzkiste</title>
|
||
<meta name="description" content="Soziale Hilfe vor der Haustür in Rottenburg a.d. Laaber. Der Hilfe Verein ist im Aufbau: Geldspenden, ehrenamtlich mithelfen, weitersagen. Jede Hand zählt." />
|
||
<meta name="theme-color" content="#FDF4DC" />
|
||
<link rel="icon" href="assets/logo-verein.png" />
|
||
<link rel="preload" href="assets/fonts/nunito-400-latin.woff2" as="font" type="font/woff2" crossorigin />
|
||
<link rel="preload" href="assets/fonts/fredoka-500-latin.woff2" as="font" type="font/woff2" crossorigin />
|
||
<link rel="stylesheet" href="assets/fonts.css?v=1f6be3c3" />
|
||
<link rel="stylesheet" href="assets/site.css?v=ca3d584c" />
|
||
</head>
|
||
<body class="page-verein">
|
||
<a class="skip" href="#inhalt">Zum Inhalt springen</a>
|
||
|
||
<header class="hdr">
|
||
<div class="wrap hdr__in">
|
||
<a class="hdr__brand" href="index.html">
|
||
<span class="hdr__marks"><img src="assets/logo-shop.png" alt="" /><img src="assets/logo-verein.png" alt="" /></span>
|
||
Emma's Schatzkiste
|
||
</a>
|
||
<nav class="nav" aria-label="Hauptnavigation">
|
||
<a href="index.html">Start</a>
|
||
<a href="shop.html">Shop</a>
|
||
<a href="hilfe-verein.html" aria-current="page">Hilfe Verein</a>
|
||
<a href="#kontakt">Kontakt</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="inhalt">
|
||
|
||
<section class="hero hero--verein">
|
||
<div class="hero__media" style="background-image:url('assets/hero-verein.jpg'); background-position:72% 40%" role="img" aria-label="Kinder spielen gemeinsam"></div>
|
||
<span class="hero__scrim" aria-hidden="true"></span>
|
||
<div class="wrap hero__in">
|
||
<div class="hero__col">
|
||
<span class="pill-eyebrow">Hilfe. Herz. Hoffnung.</span>
|
||
<h1 class="hl">
|
||
<span class="c-sun">Helfen,</span>
|
||
<span class="c-coral">teilen,</span>
|
||
<span class="c-sky">zusammenhalten!</span>
|
||
</h1>
|
||
<p class="hero__sub">Soziale Hilfe vor der Haustür. Der Verein ist gerade im Aufbau, und jede Hand zählt.</p>
|
||
<div class="hero__actions">
|
||
<a class="btn btn--primary btn--l" href="#helfen">
|
||
So kannst du helfen
|
||
<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 12h14"/><path d="m12 5 7 7-7 7"/></svg>
|
||
</a>
|
||
<a class="btn btn--secondary btn--l" href="#kontakt">Kontakt</a>
|
||
</div>
|
||
<div class="trusts">
|
||
<div class="trust">
|
||
<span class="trust__chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 14h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16"/><path d="m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"/><path d="m2 15 6 6"/><path d="M19.5 8.5c.7-.7 1.5-1.6 1.5-2.7A2.73 2.73 0 0 0 16 4a2.78 2.78 0 0 0-5 1.8c0 1.2.8 2 1.5 2.8L16 12Z"/></svg></span>
|
||
<span><b>Im Aufbau</b><span>ich fange gerade an</span></span>
|
||
</div>
|
||
<div class="trust">
|
||
<span class="trust__chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"/><circle cx="12" cy="10" r="3"/></svg></span>
|
||
<span><b>Rottenburg a.d. Laaber</b><span>für Familien hier</span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<img class="hero__mark" src="assets/logo-verein.png" alt="Emma's Schatzkiste Hilfe Verein" />
|
||
</section>
|
||
|
||
<section class="wrap section">
|
||
<div class="sh">
|
||
<span class="sh__chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg></span>
|
||
<h2>Mein Lied</h2>
|
||
</div>
|
||
<div class="song" data-song>
|
||
<audio src="assets/audio/lied-verein.mp3" preload="metadata"></audio>
|
||
<div class="song__top">
|
||
<h3>Lied vom Hilfe Verein</h3>
|
||
</div>
|
||
<div class="song__row">
|
||
<button class="iconbtn" type="button" data-song-toggle aria-label="Lied vom Hilfe Verein abspielen">
|
||
<svg class="i-play" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><polygon points="7 4 20 12 7 20 7 4"/></svg>
|
||
<svg class="i-pause" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><rect x="6" y="4" width="4" height="16" rx="1"/><rect x="14" y="4" width="4" height="16" rx="1"/></svg>
|
||
</button>
|
||
<div class="song__meter">
|
||
<input class="song__seek" type="range" min="0" max="100" step="0.1" value="0" aria-label="Position im Lied" data-song-seek />
|
||
<span class="song__time"><span data-song-cur>0:00</span> / <span data-song-dur>3:21</span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="field field--solid-sun" id="helfen">
|
||
<div class="wrap">
|
||
<div class="sh">
|
||
<span class="sh__chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M11 14h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16"/><path d="m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a2 2 0 0 0-2.75-2.91l-4.2 3.9"/><path d="m2 15 6 6"/><path d="M19.5 8.5c.7-.7 1.5-1.6 1.5-2.7A2.73 2.73 0 0 0 16 4a2.78 2.78 0 0 0-5 1.8c0 1.2.8 2 1.5 2.8L16 12Z"/></svg></span>
|
||
<h2>Ich brauche Hilfe</h2>
|
||
</div>
|
||
<p class="lede" style="margin-bottom:var(--space-8)">Ein Verein im Aufbau braucht beides: Mittel, um wirklich helfen zu können, und Menschen, die mit anpacken. Finanziell und menschlich, in jeder Form.</p>
|
||
<div class="tiles">
|
||
<div class="tile tile--rose">
|
||
<h3>Geldspenden</h3>
|
||
<p>Jeder Betrag hilft: für Ware, Miete und Familien, die gerade nichts übrig haben.</p>
|
||
<a class="btn btn--primary" href="mailto:emmas.schatzkiste.hilft@gmail.com?subject=Spende%20Hilfe%20Verein">Spenden</a>
|
||
</div>
|
||
<div class="tile tile--cool">
|
||
<h3>Ehrenamtlich mithelfen</h3>
|
||
<p>Sortieren, verkaufen, aufbauen, mitdenken. Regelmäßig oder ab und zu.</p>
|
||
<a class="btn btn--secondary" href="tel:015751479212">Anrufen</a>
|
||
</div>
|
||
<div class="tile tile--warm">
|
||
<h3>Weitersagen</h3>
|
||
<p>Reichweite kostet nichts: erzähl von mir und bring Familien vorbei.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="wrap section--tight">
|
||
<div class="band band--cool">
|
||
<div class="band__copy">
|
||
<span class="label">Der Second-Hand-Laden</span>
|
||
<h2>Wo alles angefangen hat.</h2>
|
||
<p>Im September 2025 habe ich den Second-Hand-Laden übernommen. Eine Herzensangelegenheit. Kinder und Jugendliche bekommen bei mir Spielsachen, die ein zweites Leben verdient haben.</p>
|
||
<p>Die Sachen sind preiswert, sehr gut erhalten und von guter Qualität. Und ich suche mit, bis du findest, was du brauchst.</p>
|
||
<a class="btn btn--secondary btn--l" href="index.html">Mehr über den Laden</a>
|
||
</div>
|
||
<img src="assets/logo-shop.png" alt="Emma's Schatzkiste, Baby & Kind Second Hand" style="max-width:360px" />
|
||
</div>
|
||
</section>
|
||
|
||
<section class="wrap section" id="kontakt">
|
||
<div class="sh">
|
||
<span class="sh__chip"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg></span>
|
||
<h2>Schreib mir</h2>
|
||
</div>
|
||
<div class="contacts">
|
||
<div class="contact">
|
||
<span class="label">Adresse</span>
|
||
<p>Hollerstraße 2<br />84056 Rottenburg a.d. Laaber</p>
|
||
<p class="contact__note">Mo–Fr 9:00–13:00 Uhr · <a href="index.html#anfahrt">Karte & Anfahrt</a></p>
|
||
</div>
|
||
<div class="contact">
|
||
<span class="label">Telefon</span>
|
||
<p><a href="tel:015751479212">0157 51479212</a></p>
|
||
</div>
|
||
<div class="contact">
|
||
<span class="label">E-Mail</span>
|
||
<p><a href="mailto:emmas.schatzkiste.hilft@gmail.com">emmas.schatzkiste.hilft@<wbr>gmail.com</a></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer class="ftr">
|
||
<div class="wrap">
|
||
<div class="ftr__cols">
|
||
<div class="ftr__col">
|
||
<h3>Laden</h3>
|
||
<ul>
|
||
<li><a href="index.html">Mein Laden</a></li>
|
||
<li><a href="index.html#anfahrt">Hollerstraße 2, 84056 Rottenburg</a></li>
|
||
<li><span>Mo–Fr 9:00–13:00 Uhr</span></li>
|
||
<li><a href="tel:015751479212">Ware abgeben</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ftr__col">
|
||
<h3>Hilfe Verein</h3>
|
||
<ul>
|
||
<li><a href="#helfen">Spenden</a></li>
|
||
<li><a href="#helfen">Mithelfen</a></li>
|
||
<li><a href="#helfen">Weitersagen</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="ftr__col">
|
||
<h3>Über</h3>
|
||
<ul>
|
||
<li><a href="index.html#ueber-mich">Über mich</a></li>
|
||
<li><a href="#kontakt">Kontakt</a></li>
|
||
<li><a href="impressum.html">Impressum</a></li>
|
||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<p class="ftr__legal">Kleinunternehmerregelung nach § 19 UStG: Als Kleinunternehmer berechne ich keine Umsatzsteuer und weise sie daher auch nicht aus.</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="assets/player.js" defer></script>
|
||
</body>
|
||
</html>
|