45 lines
1.4 KiB
PHP
45 lines
1.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Aktuelles & Archiv | SG 07 St. Leon</title>
|
|
</head>
|
|
|
|
<!-- Header-->
|
|
<?php
|
|
$pageTitle = "News | SG 07 St. Leon";
|
|
$activePage = "News & Archiv"; // passend zum Link im header.php
|
|
include 'header.php';
|
|
?>
|
|
<!-- /Header-->
|
|
<div class="hero" style="--hero-bg: url('https://images.unsplash.com/photo-1518611012118-696072aa579a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');">
|
|
<h1>Aktuelles & Archiv</h1>
|
|
</div>
|
|
|
|
<section>
|
|
<div class="grid" id="news-container">
|
|
<!-- ALLE News-Karten erscheinen hier -->
|
|
</div>
|
|
</section>
|
|
|
|
<!-- DAS NEWS POPUP (MODAL) -->
|
|
<div class="news-modal" id="newsModal">
|
|
<div class="news-modal-content">
|
|
<span class="news-modal-close" onclick="closeNewsModal()">×</span>
|
|
<img src="" alt="News Bild" class="news-modal-img" id="modalImage">
|
|
<div class="news-modal-header">
|
|
<div class="news-modal-meta" id="modalMeta">Datum | Abteilung</div>
|
|
<h2 class="news-modal-title" id="modalTitle">Überschrift</h2>
|
|
</div>
|
|
<div class="news-modal-body" id="modalBody">
|
|
Hier steht dann der komplette Text...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<?php include 'footer.php'; ?>
|
|
<!-- /Footer -->
|
|
</body>
|
|
</html>
|