archived-doctrine-website/templates/team-members-list.html.twig

{% for member in members %}
    <div class="col-md-3">
        <div class="card mb-4 box-shadow">
            <img class="card-img-top" src="{{ member.avatarUrl }}" alt="{{ member.name }}">
            <div class="card-body">
                <h5 class="card-title">{{ member.name ?? member.github }}</h5>

                <div class="d-flex justify-content-between align-items-center">
                    <ul class="list-inline">
                        {% if member.twitter is defined and member.twitter %}
                            <li class="list-inline-item" target="_blank"><a href="https://twitter.com/{{ member.twitter }}/" target="_blank"><i class="fab fa-twitter mr-2"></i></a></li>
                        {% endif %}

                        {% if member.website is defined and member.website %}
                            <li class="list-inline-item" target="_blank"><a href="{{ member.website }}" target="_blank"><i class="fas fa-link mr-2"></i></a></li>
                        {% endif %}

                        {% if member.github is defined and member.github %}
                            <li class="list-inline-item" target="_blank"><a href="https://github.com/{{ member.github }}/" target="_blank"><i class="fab fa-github mr-2"></i></a></li>
                        {% endif %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
{% endfor %}