<div class="col-12 col-md-6 {% if first == true %}col-lg-12 col-xl-8 first{% else %}col-lg-6 col-xl-4{% endif %}"> <div class="project-item "> <div class="project-card equal"> <a href="{{ path('project_view', { slug : project.slug }) }}"> <span class="project-card_img {% if first == true %}equal{% else %}{% endif %}" style="background-image: url('{{ (project.photos|first).upload|default(null)|url({ height: 400 }) }}')"></span> <span class="project-card_content"> <span class="project-card_title"><h2>{{ project.title }}</h2></span> <span class="project-card_place">{{ project.city }}</span> <span class="project-card_intro">{{ project.metaDescription|truncate(60) }}</span> </span> </a> </div> </div></div>