portfolio/templates/home/projects_list.html.twig

<div class="projects">
{% for project in projects %}
    <div class="project-card" data-id="{{ project.id }}">
        <div class="project-top">
            <div class="project-left">
                <h3 class="project-title">
                    {% if project.detailled_page %}
                    <a href="/project/{{ project.id }}">
                        {{ getDynLocalizedStr(project.name) }}
                    </a>
                    {% else %}
                        {{ getDynLocalizedStr(project.name) }}
                    {% endif %}
                </h3>
                {% if project.description is defined %}
                <p class="project-description">
                    {{ getDynLocalizedStr(project.description) }}
                </p>
                {% endif %}
            </div>
            <div class="project-right">
                {% if project.thumbnail is defined %}
                    <img
                        class="project-img"
                        src="imgs/projects/{{ project.id }}/{{ project.thumbnail.src }}"
                        alt="{{ getDynLocalizedStr(project.thumbnail.alt) }}"
                    />
                {% endif %}
            </div>
        </div>
        
        <div class="project-bottom">
            <a href="{{ project.link}}">
                {% if project.action is defined %}
                    {{ getDynLocalizedStr(project.action) }}
                {% else %}
                    {{ getLocalizedStr('external-website') }}
                {% endif %}
            </a>
        </div>
    </div>
{% endfor %}
</div>