53 lines
1.7 KiB
PHTML
53 lines
1.7 KiB
PHTML
<?php include dirname(__DIR__) . '/header.phtml'; ?>
|
|
|
|
<article style="background-color: #1f1b15; padding: 40px 20px; min-height: 100vh; font-family: sans-serif;">
|
|
|
|
<h2 style="color: orange; font-size: 28px; margin-bottom: 40px;">Kurse</h2>
|
|
|
|
<div style="
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 30px;
|
|
justify-content: space-between;
|
|
max-width: 100%;
|
|
">
|
|
|
|
<?php for ($i = 0; $i < 6; $i++): ?>
|
|
<div style="
|
|
flex: 0 0 calc(33.333% - 20px);
|
|
background: #fff;
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
|
|
min-height: 300px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
">
|
|
<div style="background-color: #eee; height: 200px;"></div>
|
|
<div style="
|
|
background-color: orange;
|
|
color: white;
|
|
padding: 20px;
|
|
font-size: 18px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
">
|
|
<div>
|
|
<div style="font-weight: bold;">5 ★ Marketing Pro</div>
|
|
<div style="font-size: 14px;">Bulu ulu Straße 17</div>
|
|
</div>
|
|
<div style="text-align: right;">
|
|
<div style="font-weight: bold;">59,99€</div>
|
|
<div style="font-size: 14px;">33333 Frankfurt</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endfor; ?>
|
|
|
|
</div>
|
|
|
|
</article>
|
|
|
|
<?php include dirname(__DIR__) . '/footer.phtml'; ?>
|
|
|