74 lines
4.3 KiB
PHP
74 lines
4.3 KiB
PHP
<?php
|
||
// 1. Titel der Seite festlegen
|
||
$pageTitle = "Mitgliedschaft | SG 07 St. Leon";
|
||
// 2. Welcher Menüpunkt soll aktiv markiert sein?
|
||
$activePage = "mitgliedschaft";
|
||
|
||
// 3. Den Kopfbereich (Navigation & CSS) einbinden
|
||
include 'header.php';
|
||
?>
|
||
|
||
<!-- Hero Bereich -->
|
||
<div class="hero" style="--hero-bg: url('https://images.unsplash.com/photo-1526676037777-05a232554f77?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');">
|
||
<h1>Mitgliedschaft</h1>
|
||
<p>Werde Teil der SG 07 St. Leon. Wir freuen uns auf dich!</p>
|
||
</div>
|
||
|
||
<!-- Inhalt -->
|
||
<section>
|
||
<p class="intro-text">
|
||
Egal ob Kinderturnen, Kegeln, Handball oder Fitness – bei uns findet jeder das passende sportliche Zuhause.
|
||
Mit einer Mitgliedschaft in der SG 07 St. Leon förderst du nicht nur deine eigene Gesundheit, sondern unterstützt auch unsere wertvolle Jugendarbeit und das Vereinsleben in der Gemeinde.
|
||
</p>
|
||
|
||
<!-- Call to Action: Antrag herunterladen -->
|
||
<div style="text-align: center; margin-top: 2rem; margin-bottom: 5rem; padding: 3rem; background: var(--light); border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-left: 5px solid var(--primary);">
|
||
<h2 style="color: var(--dark); margin-bottom: 15px; font-size: 2rem;">Jetzt Mitglied werden!</h2>
|
||
<p style="color: var(--text-gray); margin-bottom: 25px; font-size: 1.1rem; max-width: 600px; margin-left: auto; margin-right: auto;">
|
||
Lade dir einfach unseren Mitgliedsantrag herunter, fülle ihn bequem zu Hause aus und gib ihn bei deinem Trainer oder direkt bei unserer Mitgliederverwaltung ab.
|
||
</p>
|
||
<a href="./doc/Aufnahme_Antrag.pdf" target="_blank" class="btn btn-primary" style="font-size: 1.2rem; padding: 15px 40px; box-shadow: 0 4px 15px rgba(211, 47, 47, 0.4);">
|
||
📄 Mitgliedsantrag herunterladen (PDF)
|
||
</a>
|
||
<p style="margin-top: 15px; font-size: 0.9rem; color: #888;">* Bitte beachte auch unsere aktuelle Vereinssatzung und Datenschutzerklärung.</p>
|
||
</div>
|
||
|
||
<!-- Split Layout: Ansprechpartner & Verwaltung -->
|
||
<div class="split-section">
|
||
<div class="split-content">
|
||
<h2>Deine Ansprechpartnerin</h2>
|
||
<p>
|
||
Hast du Fragen zu den aktuellen Beitragsstrukturen, Ermäßigungen für Familien oder benötigst du Hilfe beim Ausfüllen des Antrags?
|
||
Unsere Mitgliederverwaltung steht dir gerne mit Rat und Tat zur Seite.
|
||
</p>
|
||
|
||
<div style="background: var(--light-gray); padding: 20px; border-radius: 8px; margin-top: 20px;">
|
||
<h3 style="color: var(--primary); margin-bottom: 10px; font-size: 1.3rem;">Elke Elsässer</h3>
|
||
<p style="margin-bottom: 5px;"><strong>Mitgliederbetreuung & -verwaltung</strong></p>
|
||
<p style="margin-bottom: 5px;">📧 <a href="mailto:mitgliederverwaltung@sg07-stleon.de" style="color: var(--text-gray); text-decoration: underline;">mitgliederverwaltung@sg07-stleon.de</a></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="split-content" style="background: var(--light); padding: 40px; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-top: 4px solid var(--dark);">
|
||
<h2 style="color: var(--dark);">Änderungen & Kündigungen</h2>
|
||
<p>
|
||
Um unsere Verwaltung schlank und effizient zu halten, bitten wir dich, uns über wichtige Änderungen zeitnah zu informieren.
|
||
</p>
|
||
<ul style="margin-top: 20px; margin-bottom: 20px;">
|
||
<li>Änderung der Bankverbindung (IBAN)</li>
|
||
<li>Umzug / Neue Wohnadresse</li>
|
||
<li>Namensänderungen</li>
|
||
</ul>
|
||
<p>
|
||
<strong>Kündigungen:</strong><br>
|
||
Ein Austritt aus dem Verein ist gemäß unserer Satzung unter Einhaltung der Fristen möglich. Bitte richte deine schriftliche Kündigung (gerne auch per E-Mail) direkt an <strong>Elke Elsässer</strong>.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<?php
|
||
// 4. Den Fußbereich (Modal, Footer & JavaScript) einbinden
|
||
include 'footer.php';
|
||
?>
|