showWelcome neu aufgebaut, style Funktionen komplett in card.css übergeben

This commit is contained in:
2025-07-02 11:06:52 +02:00
parent 430d1b38c0
commit 625cf0f30e
3 changed files with 118 additions and 48 deletions

View File

@@ -1,29 +1,60 @@
<?php include dirname(__DIR__) . '/header.phtml'; ?>
<?php
include dirname(__DIR__) . '/header.phtml';
?>
<article class="welcome-container">
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="welcome-heading">KURSE & ERLEBNISSE JEDER ART</h1>
<p class="welcome-subheading">Alle Kurse in deiner Nähe auf einen Blick</p>
<div class="course-grid">
<?php
// Beispiel-Kurse
$kurse = [
[
'bewertung' => 5,
'titel' => 'Marketing Pro',
'adresse' => 'Bulu ulu Straße 17',
'preis' => '59,99€',
'ort' => '33333 Frankfurt',
'leiter' => 'Max Mustermann'
],
[
'bewertung' => 4,
'titel' => 'Design Basics',
'adresse' => 'Musterstraße 10',
'preis' => '39,99€',
'ort' => '10115 Berlin',
'leiter' => 'Lisa Beispiel'
],
[
'bewertung' => 5,
'titel' => 'Excel Masterclass',
'adresse' => 'Tabellenweg 5',
'preis' => '49,99€',
'ort' => '20457 Hamburg',
'leiter' => 'Thomas Tabelle'
]
];
<h2 class="welcome-heading">Kurse</h2>
<div class="course-grid">
<?php for ($i = 0; $i < 6; $i++): ?>
<div class="course-card">
<div class="course-image"></div>
<div class="course-content">
<div class="course-left">
<div>5 ★ &nbsp; Marketing Pro</div>
<div>Bulu ulu Straße 17</div>
</div>
<div class="course-right">
<div>59,99€</div>
<div>33333 Frankfurt</div>
foreach ($kurse as $kurs): ?>
<div class="course-card col-4">
<div class="course-image"></div>
<div class="course-content">
<div class="course-left">
<div><?= $kurs['bewertung'] ?></div>
<div><?= $kurs['titel'] ?></div>
<div>Kursleiter: <?= $kurs['leiter'] ?></div>
<div><?= $kurs['adresse'] ?></div>
</div>
<div class="course-right">
<div><?= $kurs['preis'] ?></div>
<div><?= $kurs['ort'] ?></div>
</div>
</div>
</div>
</div>
<?php endfor; ?>
<?php endforeach; ?>
</div>
</article>
<?php include dirname(__DIR__) . '/footer.phtml'; ?>
</div>
</div>
</div>