<{% if card.columns %}div{% else %}a href="{{card.url}}"{% endif %} class="card{% if card.columns %} card--columns{% endif %}{% if card.text %} card--column-span{% endif %} {{card.classes}}"> {% if card.columns %} <div> <header> <div class="card__title"><a href="{{card.url}}">{{card.title}}</a> <a href="{{card.url}}" class="card__icon"><svg width="27" height="20" viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.7112 9.00003L15.9329 1.67943L17.4004 0.320618L26.3628 10L17.4004 19.6794L15.9329 18.3206L22.7112 11H0V9.00003H22.7112Z" fill="currentColor"/></svg></a></div> {% if card.subtitle %} <p class="card__subtitle">{{card.subtitle}}</p> {% endif %} </header> <footer> {% if card.info %} <p>{{card.info}}</p> {% endif %} <ul> {% if card.email %} <li><a href="mailto:{{card.email}}">{{card.email}}</a></li> {% endif %} {% if card.phone %} <li><a href="tel:{{card.phone}}">{{card.phone}}</a></li> {% endif %} {% if card.links %} {% for link in card.links %} <li><a href="{{link.url}}">{{link.name}}</a></li> {% endfor %} {% endif %} </ul> </footer> </div> {% if card.text %} <div class="card__content"> <p>{{card.text}}</p> </div> {% endif %} {% else %} {% if card.show_excerpt %} <p class="card__excerpt">{{card.excerpt}}</p> {% endif %} {% if card.show_category %} <p class="card__category">{{card.category}}</p> {% endif %} {% if card.image %} <div class="card__img"> {% include "./picture.twig" with {"image": card.image } %} </div> {% endif %} <div class="card__title"> <p>{{card.title}}</p> <div class="card__icon"><svg width="27" height="20" viewBox="0 0 27 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M22.7112 9.00003L15.9329 1.67943L17.4004 0.320618L26.3628 10L17.4004 19.6794L15.9329 18.3206L22.7112 11H0V9.00003H22.7112Z" fill="currentColor"/></svg></div> </div> {% endif %} </{% if card.columns %}div{% else %}a{% endif %}>