add featured services styling

This commit is contained in:
Tobias Brunner 2025-02-26 10:50:43 +01:00
parent 67824483cb
commit ce6a1597b2
No known key found for this signature in database

View file

@ -145,12 +145,21 @@
<div class="row"> <div class="row">
{% for service in services %} {% for service in services %}
<div class="col-12 col-md-6 col-lg-4 mb-30"> <div class="col-12 col-md-6 col-lg-4 mb-30">
<div class="card h-100 d-flex flex-column"> <div class="card {% if service.is_featured %}card-featured{% endif %} h-100 d-flex flex-column">
{% if service.logo %} {% if service.logo or service.is_featured %}
<div class="card__image flex-shrink-0"> <div class="d-flex justify-content-between">
<a href="{{ service.get_absolute_url }}"> {% if service.logo %}
<img src="{{ service.logo.url }}" alt="{{ service.name }} logo" class="img-fluid"> <div class="card__image flex-shrink-0">
</a> <a href="{{ service.get_absolute_url }}">
<img src="{{ service.logo.url }}" alt="{{ service.name }} logo" class="img-fluid">
</a>
</div>
{% endif %}
{% if service.is_featured %}
<div>
<a class="btn btn-primary btn-sm" href="">Featured</a>
</div>
{% endif %}
</div> </div>
{% endif %} {% endif %}
<div class="card__content d-flex flex-column flex-grow-1"> <div class="card__content d-flex flex-column flex-grow-1">