47 lines
No EOL
3 KiB
PHP
47 lines
No EOL
3 KiB
PHP
<section class="news bg-primary bg-primary-top-tear bg-primary-bottom-shred z-1 pt-5 text-white">
|
|
<div class="pt-lg-5 overflow-hidden">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 col-lg-4 mb-4">
|
|
<h2>{{ __('En ce moment') }}<br>{{ __('chez Tre Galette') }}</h2>
|
|
<p>
|
|
{{ __('Découvrez les dernières actualités croustillantes de Tre Galette ! Retrouvez tous nos événements très bretons, nos idées de recettes et nos conseils très gourmands. Un voyage culinaire en Bretagne vous attend ! ') }}
|
|
</p>
|
|
<a class="btn btn-tertiary btn-rotate-left fs-2 px-4" href="{{ route('fo.news.index') }}" title="{{ __('Se rendre sur la page Nos actualités') }}">
|
|
{{ __('Nos actualités') }}
|
|
</a>
|
|
</div>
|
|
<div class="col-12 col-lg-8">
|
|
{{-- SWIPER NEWS --}}
|
|
<div class="swiper swiper-news overflow-visible" id="swiper-news">
|
|
<div class="swiper-wrapper">
|
|
@php
|
|
$cardClasses = ['btn-rotate-left', 'btn-rotate-right', ''];
|
|
@endphp
|
|
@foreach ($newsModels as $news)
|
|
<div class="swiper-slide">
|
|
<div class="card {{ Arr::random($cardClasses) }} rounded-5 ms-3 mt-3">
|
|
<img class="card-img-top rounded-top-5" src="{{ asset($news->picture) }}" title="{{ $news->picture_title }}" alt="{{ $news->picture_alt }}">
|
|
<div class="card-body">
|
|
<p class="card-text">
|
|
{{ Str::limit(strip_tags($news->text), 150, '...') }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
<div class="d-flex justify-content-start mt-4">
|
|
<div class="swiper-button swiper-button-prev-custom mx-3">
|
|
<img src="{{ Vite::asset('resources/assets/images/homepage/nav-prev.png') }}" title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}" role="button" tabindex="0">
|
|
</div>
|
|
<div class="swiper-button swiper-button-next-custom mx-3">
|
|
<img src="{{ Vite::asset('resources/assets/images/homepage/nav-next.png') }}" title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}" role="button" tabindex="0">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |