<!-- Get Started Section -->
<section id="get-started" class="get-started section">
<div class="container">
<div class="row justify-content-between gy-4">
<div class="col-lg-7 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="100">
<div class="content">
<h3>{{ publications[0].titre }}</h3>
<p style="text-align:justify;font-size:17px;">{{ publications[0].description }}</p>
<a href="#get-started" class="btn-get-started">Voir plus</a>
</div>
</div>
<div class="col-lg-4" data-aos="zoom-out" data-aos-delay="200" style="display: flex; justify-content: flex-center;">
{% if publications[0].nomImage %}
<img src="{{ asset('uploads/pub_' ~ publications[0].id ~ '/' ~ publications[0].nomImage ) }}" alt="" class="img-fluid img-fluido" style="max-height: 300px;">
{% endif %}
</div>
</div>
</div>
</section>
<!-- /Get Started Section -->