106 lines
6.6 KiB
PHP
106 lines
6.6 KiB
PHP
<?php
|
||
// 1. Titel der Seite festlegen
|
||
$pageTitle = "Vereinsheim & Anlage | SG 07 St. Leon";
|
||
// 2. Welcher Menüpunkt soll aktiv markiert sein?
|
||
$activePage = "vereinsheim";
|
||
|
||
// 3. Den Kopfbereich (Navigation & CSS) einbinden
|
||
include 'header.php';
|
||
?>
|
||
|
||
<!-- Hero Bereich -->
|
||
<div class="hero" style="--hero-bg: url('./img/vereinsheim/vereinsheim_01.png');">
|
||
<h1>Unser Vereinsheim</h1>
|
||
<p>Das Herzstück der SG 07 St. Leon – Sport, Gemeinschaft und gutes Essen.</p>
|
||
</div>
|
||
|
||
<!-- Inhalt -->
|
||
<section>
|
||
<p class="intro-text">
|
||
Insgesamt hat die SG ein sehr anschauliches Bauwerk zum Nutzen und Wohle ihrer Mitglieder und Aktiven geschaffen. Durch den neugestalteten Außenbereich und die neuen Sanitäranlagen wurde zudem eine deutliche Aufwertung des einzigen Grillplatzes der Gemeinde St. Leon-Rot erreicht.
|
||
</p>
|
||
|
||
<!-- Beschreibung Vereinsanlage -->
|
||
<div class="info-grid">
|
||
<div class="info-content">
|
||
<h3>Gastraum</h3>
|
||
<p>Besonders stolz sind wir darauf, dass das Vereinsheim der SG komplett in <strong>Eigenregie verwaltet und betrieben</strong> wird. Neben unserem gemütlichen Gastraum bieten wir mit unserer Grillhütte (inklusive neuer Sanitäranlagen) den einzigen Grillplatz der Gemeinde St. Leon-Rot.</p>
|
||
<p>Gut zu wissen: Einzelne Anlagen unseres Vereinsheims und Außenbereichs sind auch für private Veranstaltungen <strong>mietbar</strong>!</p>
|
||
</div>
|
||
<div class="info-image">
|
||
<img src="./img/vereinsheim/" alt="Vereinsgaststätte">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="info-grid">
|
||
<div class="info-image">
|
||
<img src="./img/vereinsheim/turnraum.png" alt="Sportplätze">
|
||
</div>
|
||
<div class="info-content">
|
||
<h3>Turnraum</h3>
|
||
<p>Unsere weitläufige Anlage bietet optimale Bedingungen für alle Abteilungen und Altersklassen. Neben den gepflegten Rasenplätzen und einem praktischen Wetterunterstand am Kleinfeld, steht unseren Mitgliedern auch ein eigener, voll ausgestatteter <strong>Gymnastikraum</strong> für das Indoor-Training zur Verfügung.</p>
|
||
<p>Wir investieren stetig in unsere Infrastruktur, um die besten Trainingsbedingungen zu gewährleisten.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="info-grid">
|
||
<div class="info-content">
|
||
<h3>Wetterunterstand</h3>
|
||
<p>Besonders stolz sind wir darauf, dass das Vereinsheim der SG komplett in <strong>Eigenregie verwaltet und betrieben</strong> wird. Neben unserem gemütlichen Gastraum bieten wir mit unserer Grillhütte (inklusive neuer Sanitäranlagen) den einzigen Grillplatz der Gemeinde St. Leon-Rot.</p>
|
||
<p>Gut zu wissen: Einzelne Anlagen unseres Vereinsheims und Außenbereichs sind auch für private Veranstaltungen <strong>mietbar</strong>!</p>
|
||
</div>
|
||
<div class="info-image">
|
||
<img src="./img/vereinsheim/wetterunterstand_01.png" alt="Vereinsgaststätte">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="info-grid">
|
||
<div class="info-image">
|
||
<img src="./img/vereinsheim/grillhuette_01.jpg" alt="Sportplätze">
|
||
</div>
|
||
<div class="info-content">
|
||
<h3>Grillhütte</h3>
|
||
<p>Unsere weitläufige Anlage bietet optimale Bedingungen für alle Abteilungen und Altersklassen. Neben den gepflegten Rasenplätzen und einem praktischen Wetterunterstand am Kleinfeld, steht unseren Mitgliedern auch ein eigener, voll ausgestatteter <strong>Gymnastikraum</strong> für das Indoor-Training zur Verfügung.</p>
|
||
<p>Wir investieren stetig in unsere Infrastruktur, um die besten Trainingsbedingungen zu gewährleisten.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Reservierungsanfrage Button (Mittig vor der Galerie) -->
|
||
<div style="text-align: center; margin-top: 2rem; margin-bottom: 5rem; padding: 2rem; background: var(--light); border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-top: 4px solid var(--primary);">
|
||
<h3 style="color: var(--dark); margin-bottom: 15px; font-size: 1.6rem;">Planst du eine Veranstaltung?</h3>
|
||
<p style="color: var(--text-gray); margin-bottom: 25px; font-size: 1.1rem;">Sichere dir jetzt deinen Termin für unser Vereinsheim oder die Grillhütte.</p>
|
||
<a href="https://forms.microsoft.com/e/GLEVLrQrMS" target="_blank" rel="noopener noreferrer" class="btn btn-primary" style="font-size: 1.2rem; padding: 15px 40px; box-shadow: 0 4px 15px rgba(211, 47, 47, 0.4);">
|
||
📝 Reservierungsanfrage starten
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Bildergalerie -->
|
||
<h2 class="section-title">Bildergalerie</h2>
|
||
<p class="intro-text">Ein kleiner Einblick in unsere Räumlichkeiten und Anlagen. Klicke auf ein Bild, um es zu vergrößern.</p>
|
||
|
||
<div class="gallery-grid" id="galleryGrid">
|
||
<div class="gallery-item" onclick="openLightbox(0)">
|
||
<img src="https://images.unsplash.com/photo-1518605368461-1e1e38ce8ba6?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Fußballplatz" loading="lazy">
|
||
</div>
|
||
<div class="gallery-item" onclick="openLightbox(1)">
|
||
<img src="https://images.unsplash.com/photo-1555396273-367ea4eb4db5?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Gaststätte Innenraum" loading="lazy">
|
||
</div>
|
||
<div class="gallery-item" onclick="openLightbox(2)">
|
||
<img src="https://images.unsplash.com/photo-1431324155629-1a6d0a11f486?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Außenanlage" loading="lazy">
|
||
</div>
|
||
<div class="gallery-item" onclick="openLightbox(3)">
|
||
<img src="https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Biergarten" loading="lazy">
|
||
</div>
|
||
<div class="gallery-item" onclick="openLightbox(4)">
|
||
<img src="https://images.unsplash.com/photo-1575361204480-aadea25e6e68?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Sportplatz Flutlicht" loading="lazy">
|
||
</div>
|
||
<div class="gallery-item" onclick="openLightbox(5)">
|
||
<img src="https://images.unsplash.com/photo-1466978913421-bac2e2e7568c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80" alt="Vereinsheim Abend" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<?php
|
||
// 4. Den Fußbereich (Modal, Footer & JavaScript) einbinden
|
||
include 'footer.php';
|
||
?>
|