{% extends 'Layout/base.html.twig' %}
{% block main %}
{% include '@VisualMediaVisual/Visual/pagevisual.html.twig' with { visuals: page.visuals } %}
<section class="news-items section">
<div class="page-stripes"></div>
<div class="breadcrumb">
<div class="container">
<div class="row">
<div class="col-12">
{% include '@VisualMediaBreadcrumb/Breadcrumb/breadcrumb.html.twig' %}
</div>
</div>
</div>
</div>
<div class="container">
<div class="news-list">
<div class="row">
{% for index, item in news %}
<div class="col-12 col-md-6 {% if loop.first == true %}col-lg-12 col-xl-8 first{% else %}col-lg-6 col-xl-4{% endif %}">
<div class="news-item ">
<div class="news-card equal">
<a class="news-item-link" href="{{ path('news_view', { slug: item.slug }) }}">
<span class="news-card_img {% if loop.first == true %}equal{% else %}{% endif %}" style="background-image: url('{{ item.upload|url({ width: 800 }) }}');"></span>
<span class="news-card_content">
<h2>{{ item.title }}</h2>
<p>{{ item.metaDescription }}</p>
</span>
</a>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
{% endblock %}