78 lines
4.9 KiB
PHP
78 lines
4.9 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: Das Online-Formular (Anti-E-Mail-Schutzwall) -->
|
||
<div style="text-align: center; margin-top: 2rem; margin-bottom: 5rem; padding: 4rem 2rem; background: var(--light); border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-top: 5px solid var(--primary); position: relative; overflow: hidden;">
|
||
|
||
<h2 style="color: var(--dark); margin-bottom: 15px; font-size: 2.2rem;">Vereinsverwaltung leicht gemacht</h2>
|
||
<p style="color: var(--text-gray); margin-bottom: 35px; font-size: 1.15rem; max-width: 700px; margin-left: auto; margin-right: auto;">
|
||
Ob Neuanmeldung, Umzug oder Änderung der Bankdaten: Um unserem Ehrenamt wertvolle Zeit zu sparen, bitten wir dich, <strong>ausschließlich</strong> unser digitales Service-Portal zu nutzen. Das geht schneller und spart lästige E-Mails!
|
||
</p>
|
||
|
||
<!-- HIER DEINEN LINK EINTRAGEN -->
|
||
<a href="https://forms.cloud.microsoft/e/YqrKczRvSp" target="_blank" rel="noopener noreferrer" class="btn btn-primary" style="font-size: 1.3rem; padding: 18px 50px; box-shadow: 0 8px 25px rgba(211, 47, 47, 0.4); text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; gap: 10px;">
|
||
<span style="font-size: 1.5em; line-height: 1;">💻</span> Zum Mitglieder-Portal (WICHTIG im AUFBAU)
|
||
</a>
|
||
|
||
<div style="margin-top: 30px;">
|
||
<a href="./doc/AufnahmeAntrag_SG07StLeon_20141001.pdf" target="_blank" style="font-size: 0.95rem; color: #888; text-decoration: underline;">Oder klassisch: PDF-Antrag herunterladen (für Nostalgiker)</a>
|
||
</div>
|
||
<p style="margin-top: 15px; font-size: 0.85rem; color: #aaa;">* Bitte beachte vor Anmeldung unsere aktuelle Vereinssatzung und Datenschutzerklärung.</p>
|
||
</div>
|
||
|
||
<!-- Split Layout: Ansprechpartner & Info -->
|
||
<div class="split-section">
|
||
<div class="split-content">
|
||
<h2>Deine Ansprechpartnerin</h2>
|
||
<p>
|
||
Hast du allgemeine Fragen zu den Beitragsstrukturen oder Familienermäßigungen, die nicht bereits über das Formular geklärt werden können?
|
||
Unsere Mitgliederverwaltung hilft dir gerne weiter.
|
||
</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; font-size: 0.9rem; color: var(--text-gray);">
|
||
<em>Bitte für Änderungen der Bankdaten oder Adresse zwingend das Online-Portal oben nutzen!</em>
|
||
</p>
|
||
<p style="margin-top: 10px;">📧 <a href="mailto:elke.elsaesser@sg07-stleon.de" style="color: var(--text-gray); text-decoration: underline;">elke.elsaesser@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);">Kündigungen</h2>
|
||
<p>
|
||
Ein Austritt aus dem Verein ist gemäß unserer Satzung unter Einhaltung der gesetzten Fristen möglich.
|
||
</p>
|
||
<p style="margin-top: 15px;">
|
||
Sollte das Online-Portal diese Funktion nicht abdecken, richte deine schriftliche Kündigung bitte per E-Mail oder auf dem Postweg an den Vorstand oder unsere Mitgliederverwaltung.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
<?php
|
||
// 4. Den Fußbereich (Modal, Footer & JavaScript) einbinden
|
||
include 'footer.php';
|
||
?>
|