28 lines
1.4 KiB
PHP
28 lines
1.4 KiB
PHP
<section id="commitments-arrows-list" class="line-border-large bg-tertiary pt-5">
|
|
<div class="container">
|
|
<div class="text-start text-md-center text-lg-start w-75 mx-0 mx-md-auto mx-lg-0 mb-4">
|
|
<h3>{{ $title }}</h3>
|
|
</div>
|
|
<div class="row justify-content-between mx-auto">
|
|
@foreach ($collection as $item)
|
|
<div @class([
|
|
'card-wrapper position-relative col-12',
|
|
'd-flex justify-content-end' => $loop->iteration % 2 === 0,
|
|
$loop->iteration === 3 ? 'col-xl-3' : 'col-xl-2',
|
|
])>
|
|
<div @class([
|
|
'card d-flex flex-column justify-content-center align-items-center border-0 bg-transparent',
|
|
'flex-md-row flex-xl-column' => $loop->first || $loop->last,
|
|
])>
|
|
<img class="card-img-top img-fluid" src="{{ asset($item->picture) }}"
|
|
alt="{{ $item->picture_alt }}" title="{{ $item->picture_title }}">
|
|
<div class="card-body p-0">
|
|
<h5 class="text-start"><span>{{ $item->title }}</span><span
|
|
class="f-bakerie-rough ps-1">{!! clean($item->description) !!}</span></h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</section>
|