<div class="card border-0 shadow">
    {%- capture alt_fabio_purple %}
        {%- t meta.alt.fabio_purple %}
    {%- endcapture %}
    {% asset fabio_purple.webp class="card-img-top" alt="{{ alt_fabio_purple }}" %}
    <div class="card-body">
        <h5 class="card-title">Fabio "Desmovalvo"</h5>
        <p class="card-text">{% t staff.fabio_purple.text %}</p>
    </div>
    <ul class="list-group list-group-flush ml-0">
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" href="{% t staff.fabio_purple.instagram_url %}"><i class="fab fa-instagram "></i>
                Instagram
            </a>
        </li>
        <li class="list-group-item">
            <a rel="nofollow" target="_blank" href="{% t staff.fabio_purple.twitter_url %}"><i class="fab fa-twitter "></i>
                Twitter
            </a>
        </li>
    </ul>
</div>