34 lines
1.5 KiB
PHP
34 lines
1.5 KiB
PHP
<section class="position-relative w-100 py-5" id="commitments-banner-text-complex-items">
|
|
<div class="responsive-position top-50 translate-middle-y w-100 h-100 start-0 overflow-hidden">
|
|
<img class="w-100" src="{{ asset($picture) }}" title="{{ $picture_title }}" alt="{{ $picture_alt }}">
|
|
</div>
|
|
<div class="position-relative z-2 w-100 container h-fit">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6">
|
|
<h2 class="banner-title">{{ $title ?? null }}</h2>
|
|
</div>
|
|
<div class="text-custom-placement col-12 col-md-6">
|
|
@if (isset($picto) && !empty($picto))
|
|
<div class="position-relative">
|
|
<img src="{{ asset($picto) }}" title="{{ $picto_title ?? '' }}" alt="{{ $picto_alt ?? '' }}"
|
|
class="position-absolute top-0 end-0 z-1 img-fluid"
|
|
style="object-fit: contain; transform: translate(60%,-44%) !important;">
|
|
</div>
|
|
@endif
|
|
<hgroup class="position-relative line-border-small bg-white p-4">
|
|
@if (isset($encart_text) && !empty($encart_text))
|
|
<h5 class="text-center fw-semi-bold">{{ $encart_text }}</h5>
|
|
@endif
|
|
{!! $text !!}
|
|
</hgroup>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
@include('fo.partials.commitments.complex-flex-items', [
|
|
'background_color' => $background_color,
|
|
'collection' => $collection,
|
|
'title' => null,
|
|
])
|