33 lines
966 B
HTML
33 lines
966 B
HTML
<section class="block block-card-grid">
|
|
{% if block.heading %}
|
|
<h2>{{ block.heading }}</h2>
|
|
{% endif %}
|
|
|
|
<div class="card-grid card-grid-cols-{{ block.columns or 3 }}">
|
|
{% for card in block.cards %}
|
|
<article class="card">
|
|
{% if card.image %}
|
|
<div class="card-image">
|
|
<img src="{{ card.image }}" alt="{{ card.image_alt or '' }}">
|
|
</div>
|
|
{% endif %}
|
|
<div class="card-body">
|
|
<h3 class="card-title">{{ card.title }}</h3>
|
|
{% if card.text %}
|
|
<div class="card-text">
|
|
{{ card.text | safe }}
|
|
</div>
|
|
{% endif %}
|
|
{% if card.button_url %}
|
|
<div class="card-actions">
|
|
<a href="{{ card.button_url }}" class="btn">
|
|
{{ card.button_text or "Mehr erfahren" }}
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</article>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|