55 lines
3.2 KiB
PHP
55 lines
3.2 KiB
PHP
<section id="commitments-paragraph-with-visual-complex-flex-items" class="position-relative bg-white-wood-big py-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div @class([
|
|
'col-12 col-md-5',
|
|
isset($picto) && !empty($picto) ? 'px-5 pt-5' : 'p-5',
|
|
])>
|
|
<div class="position-relative mx-auto my-5 pt-md-0">
|
|
@if (isset($picto) && !empty($picto))
|
|
<img class="img-fluid position-absolute pictogram-reversed z-1" src="{{ $picto }}" alt="{{ $picto_alt }}"
|
|
title="{{ $picto_title }}">
|
|
@endif
|
|
<div class="d-flex justify-content-end align-items-start bottom-left-shadow">
|
|
<div class="bg-white line-border-small rotate-right w-100 h-fit mx-auto m-lg-0 p-2">
|
|
<img class="img-fluid line-border-small w-100" src="{{ $picture }}"
|
|
alt="{{ $picture_alt }}" title="{{ $picture_title }}">
|
|
</div>
|
|
</div>
|
|
@if (isset($card_title) && !empty($card_title))
|
|
<div class="custom-card bottom-left-shadow w-fit mx-auto mt-5 mt-md-0 z-1">
|
|
<img class="position-absolute z-2" src="{{ $card_picto }}" alt="{{ $card_picto_alt }}"
|
|
title="{{ $card_picto_title }}">
|
|
<p class="position-absolute start-0 text-light bg-secondary rotate-left h6 m-0 p-2 ps-5 z-1">
|
|
{{ $card_sustitle }}</p>
|
|
<div class="bg-tertiary line-border-small text-center p-4">
|
|
<h2>{{ $card_title }}</h2>
|
|
<p class="h6 m-0">{{ $card_subtitle }}</p>
|
|
<p class="m-0">{{ $card_text }}</p>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<h2>{{ $title }}</h2>
|
|
<p class="m-0">{!! $text !!}</p>
|
|
</div>
|
|
<div class="col-12 col-md-7 d-flex justify-content-center align-items-center">
|
|
<div class="row d-flex justify-content-center align-items-center">
|
|
@foreach ($collection as $item)
|
|
<div class="col-6 col-md-4 d-flex justify-content-center align-items-center flex-column text-center p-3">
|
|
<img class="img-fluid" src="{{ Vite::asset($item->picto) }}" alt="{{ $item->picto_alt }}"
|
|
title="{{ $item->picto_title }}">
|
|
@if (isset($item->sustitle) && !empty($item->sustitle))
|
|
<p class="m-0">{{ $item->sustitle }}</p>
|
|
@endif
|
|
<p class="h6 m-0">{{ $item->title }}</p>
|
|
@if (isset($item->subtitle) && !empty($item->subtitle))
|
|
<p class="m-0">{{ $item->subtitle }}</p>
|
|
@endif
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|