<div class="card{% if card.text %} card--span{% endif %}">
    <div>
        <header>
            <p>{{card.title}} <a href="{{card.url}}"><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="#FFCC00"/></svg></a></p>
            {% if card.subtitle %}
                <p>{{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>
            <p>{{card.text}}</p>
        </div>
    {% endif %}                        
</div>
