45 lines
2.5 KiB
PHP
45 lines
2.5 KiB
PHP
<section class="position-relative" id="commitments-complex-flex-items">
|
|
@if (isset($title) && isset($picto))
|
|
<div class="position-absolute start-50 translate-middle w-100 z-1 px-5">
|
|
<div class="position-relative d-flex justify-content-center align-items-center mx-auto w-fit">
|
|
<img class="title-image position-absolute top-50 translate-middle img-fluid z-1 start-0" src="{{ asset($picto) }}"
|
|
title="{{ $picto_title }}" alt="{{ $picto_alt }}">
|
|
<div class="bg-tertiary line-border-small w-fit p-3 ps-5">
|
|
<h3 class="m-0 text-center">{{ $title }}</h3>
|
|
@if (isset($subtitle))
|
|
<div class="content-beige f-bourton-base text-center m-0">
|
|
{!! clean($subtitle) !!}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
<div class="line-border-large bg-{{ $background_color }} pb-5">
|
|
<div class="d-flex flex-column flex-md-row justify-content-center justify-content-evenly align-items-start container pb-4 pt-5">
|
|
<div class="row justify-content-evenly align-items-start w-100 mt-lg-0 mx-auto mt-4">
|
|
@foreach ($collection as $item)
|
|
<div class="col-6 col-lg-4 card mb-3 border-0 bg-transparent">
|
|
<div class="row g-0">
|
|
<div class="col-12 d-flex justify-content-center align-items-center">
|
|
<img class="img-fluid" src="{{ asset($item->picture) }}" title="{{ $item->picture_title }}"
|
|
alt="{{ $item->picture_alt }}">
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="card-body text-center">
|
|
@if (isset($item->sustext))
|
|
<p class="card-text m-0">{{ $item->sustext }}</p>
|
|
@endif
|
|
<h5 class="card-title m-0">{{ $item->title }}</h5>
|
|
@if (isset($item->description))
|
|
{!! clean($item->description) !!}
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|