{% extends 'base.html.twig' %}{% block title %}{{ setting.siteName }} : nos experts{% endblock %}{% block body %}<div class="container py-5"> <div class="row pt-3"> <div class="col"> {# Breadcrumbs #} <div class="row"> <div class="col small"> <nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");" aria-label="breadcrumb"> <ol class="breadcrumb small"> <li class="breadcrumb-item"><a href="{{ path('app_home') }}" class="text-decoration-none text-dark">Accueil</a></li> <li class="breadcrumb-item active" aria-current="page">Nos experts</li> </ol> </nav> </div> </div> <div class="row row-cols-1 row-cols-md-3 g-4 mt-3"> <div class="col"> <div class="card h-100 expert-cards"> <div class="card-body"> <h2 class="color1 text-uppercase fw-700" data-aos="fade-down" data-aos-duration="2000">{{ setting.expertTitre1 }}</h2> <h2 class="color2 text-uppercase" data-aos="fade-down" data-aos-duration="2500">{{ setting.expertTitre2 }}</h2> <p class="card-text pt-3"> {{ setting.expertContent|raw }} </p> </div> </div> </div> {% for expert in experts %} <div class="col"> <div class="card h-100 expert-cards"> <a href="{{ path('app_expert_show', {'slug': expert.slug}) }}" class="text-decoration-none color2 text-uppercase"> <img src="{{ asset('assets/img/experts/' ~ expert.image)|imagine_filter('experts') }}" class="card-img-top img-fluid grayscale-img" alt="{{ expert.firstname }} {{ expert.lastname }}" style="max-width: 500px; width: 100%;"> <h5 class="mt-3 no-grayscale color2"> {{ expert.firstname }} {{ expert.lastname }} </h5> {# <p class="card-text">This is a short card.</p> #} </a> </div> </div> {% endfor %} </div> </div> </div></div>{% endblock %}