ldc-doux/resources/views/front/a-propos.blade.php

@extends('layouts.frontend')
@section('title', $seoDatum->title)
@section('description', $seoDatum->description)
@section('keywords', $seoDatum->keywords)

@section('content')

<section class="jumbotron">
    <p class="maintitle ttu animate__animated fadeIn animate__slow">{{ __('Doux, La référence française de la volaille')}}</p>
    <img class="img-zoom" src="{{ asset('assets/images/a-propos.jpg') }}" alt="Une famille avec deux enfants sont dans leur cuisine en train de préparer le repas avec des produits Doux">
    <div class="banner">
        <svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1919.76 59.99">
            <defs>
                <style>
                    .cls-1 {
                        fill: #ffffff;
                    }

                    .cls-2 {
                        fill: transparent;
                    }
                </style>
            </defs>
            <path class="cls-1" d="M1919.67,58c-.42.62,1,2.12-1,2-1.17-.07-2.34,0-3.5,0H0V55c3-.06,6,.08,9-.22,28.32-2.84,56.61-6,85-8.6q59.19-5.38,118.44-10c46.65-3.58,93.32-7,140-9.88,49.7-3.05,99.43-5.85,149.18-7.9,68.4-2.81,136.83-5,205.26-7.06,38.63-1.14,77.28-1.58,115.92-1.94,78.47-.74,156.93-.9,235.39.32,37.81.59,75.62,1.2,113.42,2.09q64.44,1.5,128.85,4,76.89,2.85,153.71,6.91,63.36,3.32,126.66,7.44,43.86,2.85,87.7,6,33.13,2.4,66.22,5.17,38.82,3.23,77.61,6.72c20.06,1.79,40.11,3.73,60.16,5.6Z" />
            <path class="cls-2" d="M1919.67,58l-47.21-4.36c-20-1.87-40.1-3.81-60.16-5.6q-38.79-3.47-77.61-6.72-33.09-2.74-66.22-5.17-43.83-3.18-87.7-6-63.3-4.11-126.66-7.44-76.83-4-153.71-6.91-64.41-2.4-128.85-4c-37.8-.89-75.61-1.5-113.42-2.09-78.46-1.22-156.92-1.06-235.39-.32-38.64.36-77.29.8-115.92,1.94-68.43,2-136.86,4.25-205.26,7.06-49.75,2-99.48,4.85-149.18,7.9-46.7,2.87-93.37,6.3-140,9.88q-59.27,4.54-118.44,10c-28.35,2.58-56.64,5.76-85,8.6-3,.3-6,.16-9,.22V0H1919.67Z" />
        </svg>
    </div>
</section>

{{-- BLOC 1 - ENCART DE PRESENTATION --}}
<section class="container">
    <div class="wrapper">
        <div class="header-title align-center p-rel">
            <div class="animate__animated fadeInDown animate__slow"><i class="mascotte"></i></div>
            <h1 class="animate__animated fadeInUp animate__slow">{{ $encart_marqueHeader->title}}</h1>
        </div>
        <h2 class="align-center">{{ $encart_marqueHeader->subtitle}}</h2>
        <span class="align-center">{!! $encart_marqueHeader->text !!}</span>
    </div>
</section>
<section id="reassurances">
    <div class="wrapper reassurances-content align-center">
        <ul>
            @foreach ($pictobrands_marque as $picto)
            <li class="reassurance-item animate__animated fadeInLeft animate__slow">
                <p class="is-flex vertical-center">
                    <img src="{{ asset($picto->picture) }}" alt="{{ $picto->alt_text_picture }}">
                    <span class="number">{{ $picto->title }}</span>
                </p>
                <p>{!! clean(nl2br($picto->text)) !!}</p>
            </li>
            @endforeach
        </ul>
    </div>
</section>

{{-- BLOC 2 - NOS VALEURS --}}
<section id="values" class="container">
    <div class="values-content wrapper align-center">
        <div class="header-title sectiontitle align-center p-rel">
            <h2 class="punchline-module__title animate__animated fadeInUp animate__slow">{{ $title_marqueBloc2->title}}</h2>
        </div>
        <p>{{ $title_marqueBloc2->text}}</p>
        <ul class="values-list">
            @foreach ($pictos_marqueBloc2 as $picto)
            <li class="item animate__animated fadeInUp animate__slow">
                <img src="{{ asset($picto->picture) }}" alt="{{ $picto->alt_text_picture }}">
                <span>{!! clean(nl2br($picto->text)) !!}</span>
            </li>
            @endforeach
        </ul>
    </div>
    <img src="{{ asset('assets/images/frise.jpg') }}" alt="Frise">
</section>

{{-- BLOC 3 - NOTRE HISTOIRE --}}
<section class="container">
    <span id="notre-histoire" class="offset-anchor"></span>
    <div class="wrapper">
        <div class="header-title sectiontitle align-center p-rel">
            <h2 class="punchline-module__title align-center animate__animated fadeInUp animate__slow">{{ __('Notre Histoire') }}</h2>
        </div>
        <div class="timeline">
            <div id="frise-autoscroll">
                <div class="img-frise">
                    {{-- <svg id="frise_story" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286.96 1287.84"><defs><style>.cls-1{fill:transparent;}.story-point{fill:#e12620;}.cls-3{fill:#2b3661;}.cls-4{fill:#2a3560;}.cls-5{fill:#2c3761;}.cls-6{fill:#29345f;}.cls-7{fill:#27335e;}.cls-8{fill:#293560;}.cls-9{fill:#293460;}.cls-10{fill:#28345f;}.cls-11{fill:#26325e;}.cls-12{fill:#26325d;}.cls-13{fill:#28335f;}.cls-14{fill:#25315d;}.cls-15{fill:#24315c;}.cls-16{fill:#4b5379;}</style></defs><path class="cls-1" d="M286.88,643.91q0,319.61.08,639.2c0,3.55-.47,4.73-4.46,4.72q-139.14-.21-278.28,0c-3.87,0-4.22-1.12-4.22-4.46Q.12,643.93,0,4.48C0,1.17.3,0,4.21,0Q143.61.24,283,0c3.62,0,4,1,4,4.2Q286.84,324.07,286.88,643.91Z"/><path class="story-point" d="M20.81,27.86a7.54,7.54,0,0,1-7.49-7.12,7.6,7.6,0,0,1,7.24-7.4,7.57,7.57,0,0,1,7.21,6.91A7.49,7.49,0,0,1,20.81,27.86Z"/><path class="story-point" d="M42.64,539.72a7.27,7.27,0,1,1,.07-14.53,7.27,7.27,0,0,1-.07,14.53Z"/><path class="story-point" d="M273.64,977.44a7.24,7.24,0,1,1-7.24-7.4A7.6,7.6,0,0,1,273.64,977.44Z"/><path class="cls-3" d="M68.1,1126.84c-.16.51-.16,1.11-.46,1.43-3.79,3.91-7.6,7.81-11.48,11.63-1,.95-2.13.69-3.12-.19a2.27,2.27,0,0,1-.19-3.5,73.85,73.85,0,0,1,10.77-11C65.53,1123.72,67.32,1124.24,68.1,1126.84Z"/><path class="cls-4" d="M65,144.81a2.28,2.28,0,0,1-1.11,2.08,2.56,2.56,0,0,1-3.23-.18A85,85,0,0,1,50,135a2.33,2.33,0,0,1,.26-3.17,2.09,2.09,0,0,1,3.1-.35c3.88,4,7.61,8.23,11.38,12.39C64.91,144.1,64.9,144.5,65,144.81Z"/><path class="cls-5" d="M154.93,776.69c-2.63-.14-5.27-.24-7.9-.43a2.21,2.21,0,0,1-2.24-2.19,2.29,2.29,0,0,1,2.2-2.74,85,85,0,0,1,16.26.88A2.19,2.19,0,0,1,165,774.8c-.11,1.67-1.22,2.27-2.69,2.23C159.87,777,157.4,776.81,154.93,776.69Z"/><path class="cls-6" d="M180.32,775.15c3.3,1.07,8,2.54,12.72,4.14,1.6.54,2.47,1.79,1.82,3.52-.56,1.48-1.85,1.77-3.28,1.35q-7.11-2.14-14.22-4.34a2.48,2.48,0,0,1-2-3C175.78,775,177.18,774.63,180.32,775.15Z"/><path class="cls-7" d="M136.76,1097.78c-2,.92-4,.73-4.28-1.57-.35-2.48,1.81-2.88,3.65-3,4.46-.27,8.92-.39,13.38-.54,1.86-.06,3.44.53,3.31,2.69-.11,1.76-1.49,2.41-3.18,2.41Z"/><path class="cls-6" d="M36,105c1.39,0,1.94,1,2.51,2.09,2.11,3.91,4.26,7.81,6.36,11.74.81,1.52,1.43,3.19-.58,4.24s-3.15-.14-4-1.72c-2.2-4.06-4.46-8.09-6.44-12.25C32.65,106.72,33.82,104.87,36,105Z"/><path class="cls-4" d="M86.49,165.87a75.79,75.79,0,0,1-14.2-9.4,2.3,2.3,0,0,1,0-3.2,2.22,2.22,0,0,1,3.11-.53c4.43,2.88,8.89,5.71,13.26,8.68a2.2,2.2,0,0,1,.53,3.11A2.64,2.64,0,0,1,86.49,165.87Z"/><path class="cls-8" d="M114.29,177.67c-4.65-1.67-9.32-3.28-13.94-5-1.49-.57-2.45-1.77-1.63-3.53.7-1.48,2-1.64,3.38-1.19q7,2.34,14,4.78c1.4.49,2.25,1.5,1.79,3.06C117.39,177.54,116,177.8,114.29,177.67Z"/><path class="cls-6" d="M192.76,475.67c-1.36-.18-2.41-.57-2.74-1.91a2.09,2.09,0,0,1,.91-2.61c4.93-2.33,9.89-4.62,14.88-6.83,1.23-.54,2.29.22,2.89,1.31a2,2,0,0,1-.37,2.73C203.51,471.66,198.05,473.64,192.76,475.67Z"/><path class="cls-6" d="M207.93,786.06a69.84,69.84,0,0,1,13.76,8.75,2.48,2.48,0,0,1-3.21,3.66q-6.57-4-13.08-8a2.35,2.35,0,0,1-1.15-3C204.73,786.3,205.61,785.58,207.93,786.06Z"/><path class="cls-9" d="M38.86,702.48a2.58,2.58,0,0,1-1.63,2.5c-1.39.45-2.7.23-3.32-1.28C32,699,30,694.24,28.2,689.47a2.49,2.49,0,0,1,1.42-3.31c1-.47,2.26-.37,2.67.56C34.6,692,36.74,697.34,38.86,702.48Z"/><path class="cls-6" d="M267.73,260.9a2.66,2.66,0,0,1-1.79,2.89c-1.5.54-2.57-.25-3.17-1.61-2-4.52-4-9.05-5.85-13.61-.52-1.28-.5-2.7,1-3.42a2.23,2.23,0,0,1,3.09.63C264,250.58,265.86,255.84,267.73,260.9Z"/><path class="cls-6" d="M27.16,1214.83c0,2.9,0,5.21,0,7.52,0,1.72-.67,3-2.42,3.11s-2.7-1.11-2.67-2.86c.08-4.79.17-9.57.37-14.35.08-1.78.91-3.42,3-3.09s2.37,2,2.19,3.84C27.43,1211.13,27.28,1213.27,27.16,1214.83Z"/><path class="cls-6" d="M31.59,1175c2.14.56,2.88,1.85,2.35,3.77-1.31,4.76-2.63,9.53-4.06,14.26a2.46,2.46,0,0,1-3.13,1.74,2.18,2.18,0,0,1-1.77-2.6,73,73,0,0,1,4.37-15.67A2.76,2.76,0,0,1,31.59,1175Z"/><path class="cls-10" d="M48,1150.58c-2.89,4.85-5.76,9.85-8.84,14.7-.65,1-2.14.83-3.14,0a2.29,2.29,0,0,1-.65-3.11q3.81-6.66,7.74-13.24a2.46,2.46,0,0,1,3.43-1A2.7
                    <svg id="frise_story" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286.96 1287.84"><defs><style>.cls-1{fill:transparent;}.story-point{fill:#e12620;}.cls-3{fill:#2b3661;}.cls-4{fill:#2a3560;}.cls-5{fill:#2c3761;}.cls-6{fill:#29345f;}.cls-7{fill:#27335e;}.cls-8{fill:#293560;}.cls-9{fill:#293460;}.cls-10{fill:#28345f;}.cls-11{fill:#26325e;}.cls-12{fill:#26325d;}.cls-13{fill:#28335f;}.cls-14{fill:#25315d;}.cls-15{fill:#24315c;}.cls-16{fill:#4b5379;}</style></defs><path class="cls-1" d="M286.88,643.91q0,319.61.08,639.2c0,3.55-.47,4.73-4.46,4.72q-139.14-.21-278.28,0c-3.87,0-4.22-1.12-4.22-4.46Q.12,643.93,0,4.48C0,1.17.3,0,4.21,0Q143.61.24,283,0c3.62,0,4,1,4,4.2Q286.84,324.07,286.88,643.91Z"/><path class="story-point" d="M20.81,27.86a7.54,7.54,0,0,1-7.49-7.12,7.6,7.6,0,0,1,7.24-7.4,7.57,7.57,0,0,1,7.21,6.91A7.49,7.49,0,0,1,20.81,27.86Z"/><path class="story-point" d="M42.64,539.72a7.27,7.27,0,1,1,.07-14.53,7.27,7.27,0,0,1-.07,14.53Z"/><path class="story-point" d="M273.64,977.44a7.24,7.24,0,1,1-7.24-7.4A7.6,7.6,0,0,1,273.64,977.44Z"/><path class="cls-3" d="M68.1,1126.84c-.16.51-.16,1.11-.46,1.43-3.79,3.91-7.6,7.81-11.48,11.63-1,.95-2.13.69-3.12-.19a2.27,2.27,0,0,1-.19-3.5,73.85,73.85,0,0,1,10.77-11C65.53,1123.72,67.32,1124.24,68.1,1126.84Z"/><path class="cls-4" d="M65,144.81a2.28,2.28,0,0,1-1.11,2.08,2.56,2.56,0,0,1-3.23-.18A85,85,0,0,1,50,135a2.33,2.33,0,0,1,.26-3.17,2.09,2.09,0,0,1,3.1-.35c3.88,4,7.61,8.23,11.38,12.39C64.91,144.1,64.9,144.5,65,144.81Z"/><path class="cls-5" d="M154.93,776.69c-2.63-.14-5.27-.24-7.9-.43a2.21,2.21,0,0,1-2.24-2.19,2.29,2.29,0,0,1,2.2-2.74,85,85,0,0,1,16.26.88A2.19,2.19,0,0,1,165,774.8c-.11,1.67-1.22,2.27-2.69,2.23C159.87,777,157.4,776.81,154.93,776.69Z"/><path class="cls-6" d="M180.32,775.15c3.3,1.07,8,2.54,12.72,4.14,1.6.54,2.47,1.79,1.82,3.52-.56,1.48-1.85,1.77-3.28,1.35q-7.11-2.14-14.22-4.34a2.48,2.48,0,0,1-2-3C175.78,775,177.18,774.63,180.32,775.15Z"/><path class="cls-7" d="M136.76,1097.78c-2,.92-4,.73-4.28-1.57-.35-2.48,1.81-2.88,3.65-3,4.46-.27,8.92-.39,13.38-.54,1.86-.06,3.44.53,3.31,2.69-.11,1.76-1.49,2.41-3.18,2.41Z"/><path class="cls-6" d="M36,105c1.39,0,1.94,1,2.51,2.09,2.11,3.91,4.26,7.81,6.36,11.74.81,1.52,1.43,3.19-.58,4.24s-3.15-.14-4-1.72c-2.2-4.06-4.46-8.09-6.44-12.25C32.65,106.72,33.82,104.87,36,105Z"/><path class="cls-4" d="M86.49,165.87a75.79,75.79,0,0,1-14.2-9.4,2.3,2.3,0,0,1,0-3.2,2.22,2.22,0,0,1,3.11-.53c4.43,2.88,8.89,5.71,13.26,8.68a2.2,2.2,0,0,1,.53,3.11A2.64,2.64,0,0,1,86.49,165.87Z"/><path class="cls-8" d="M114.29,177.67c-4.65-1.67-9.32-3.28-13.94-5-1.49-.57-2.45-1.77-1.63-3.53.7-1.48,2-1.64,3.38-1.19q7,2.34,14,4.78c1.4.49,2.25,1.5,1.79,3.06C117.39,177.54,116,177.8,114.29,177.67Z"/><path class="cls-6" d="M192.76,475.67c-1.36-.18-2.41-.57-2.74-1.91a2.09,2.09,0,0,1,.91-2.61c4.93-2.33,9.89-4.62,14.88-6.83,1.23-.54,2.29.22,2.89,1.31a2,2,0,0,1-.37,2.73C203.51,471.66,198.05,473.64,192.76,475.67Z"/><path class="cls-6" d="M207.93,786.06a69.84,69.84,0,0,1,13.76,8.75,2.48,2.48,0,0,1-3.21,3.66q-6.57-4-13.08-8a2.35,2.35,0,0,1-1.15-3C204.73,786.3,205.61,785.58,207.93,786.06Z"/><path class="cls-9" d="M38.86,702.48a2.58,2.58,0,0,1-1.63,2.5c-1.39.45-2.7.23-3.32-1.28C32,699,30,694.24,28.2,689.47a2.49,2.49,0,0,1,1.42-3.31c1-.47,2.26-.37,2.67.56C34.6,692,36.74,697.34,38.86,702.48Z"/><path class="cls-6" d="M267.73,260.9a2.66,2.66,0,0,1-1.79,2.89c-1.5.54-2.57-.25-3.17-1.61-2-4.52-4-9.05-5.85-13.61-.52-1.28-.5-2.7,1-3.42a2.23,2.23,0,0,1,3.09.63C264,250.58,265.86,255.84,267.73,260.9Z"/><path class="cls-6" d="M27.16,1214.83c0,2.9,0,5.21,0,7.52,0,1.72-.67,3-2.42,3.11s-2.7-1.11-2.67-2.86c.08-4.79.17-9.57.37-14.35.08-1.78.91-3.42,3-3.09s2.37,2,2.19,3.84C27.43,1211.13,27.28,1213.27,27.16,1214.83Z"/><path class="cls-6" d="M31.59,1175c2.14.56,2.88,1.85,2.35,3.77-1.31,4.76-2.63,9.53-4.06,14.26a2.46,2.46,0,0,1-3.13,1.74,2.18,2.18,0,0,1-1.77-2.6,73,73,0,0,1,4.37-15.67A2.76,2.76,0,0,1,31.59,1175Z"/><path class="cls-10" d="M48,1150.58c-2.89,4.85-5.76,9.85-8.84,14.7-.65,1-2.14.83-3.14,0a2.29,2.29,0,0,1-.65-3.11q3.81-6.66,7.74-13.24a2.46,2.46,0,0,1,3.43-1A2.79,2.7
                    <svg id="frise_story" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286.96 1287.84"><defs><style>.cls-1{fill:transparent;}.story-point{fill:#e12620;}.cls-3{fill:#2b3661;}.cls-4{fill:#2a3560;}.cls-5{fill:#2c3761;}.cls-6{fill:#29345f;}.cls-7{fill:#27335e;}.cls-8{fill:#293560;}.cls-9{fill:#293460;}.cls-10{fill:#28345f;}.cls-11{fill:#26325e;}.cls-12{fill:#26325d;}.cls-13{fill:#28335f;}.cls-14{fill:#25315d;}.cls-15{fill:#24315c;}.cls-16{fill:#4b5379;}</style></defs><path class="cls-1" d="M286.88,643.91q0,319.61.08,639.2c0,3.55-.47,4.73-4.46,4.72q-139.14-.21-278.28,0c-3.87,0-4.22-1.12-4.22-4.46Q.12,643.93,0,4.48C0,1.17.3,0,4.21,0Q143.61.24,283,0c3.62,0,4,1,4,4.2Q286.84,324.07,286.88,643.91Z"/><path class="story-point" d="M20.81,27.86a7.54,7.54,0,0,1-7.49-7.12,7.6,7.6,0,0,1,7.24-7.4,7.57,7.57,0,0,1,7.21,6.91A7.49,7.49,0,0,1,20.81,27.86Z"/><path class="story-point" d="M42.64,539.72a7.27,7.27,0,1,1,.07-14.53,7.27,7.27,0,0,1-.07,14.53Z"/><path class="story-point" d="M273.64,977.44a7.24,7.24,0,1,1-7.24-7.4A7.6,7.6,0,0,1,273.64,977.44Z"/><path class="cls-3" d="M68.1,1126.84c-.16.51-.16,1.11-.46,1.43-3.79,3.91-7.6,7.81-11.48,11.63-1,.95-2.13.69-3.12-.19a2.27,2.27,0,0,1-.19-3.5,73.85,73.85,0,0,1,10.77-11C65.53,1123.72,67.32,1124.24,68.1,1126.84Z"/><path class="cls-4" d="M65,144.81a2.28,2.28,0,0,1-1.11,2.08,2.56,2.56,0,0,1-3.23-.18A85,85,0,0,1,50,135a2.33,2.33,0,0,1,.26-3.17,2.09,2.09,0,0,1,3.1-.35c3.88,4,7.61,8.23,11.38,12.39C64.91,144.1,64.9,144.5,65,144.81Z"/><path class="cls-5" d="M154.93,776.69c-2.63-.14-5.27-.24-7.9-.43a2.21,2.21,0,0,1-2.24-2.19,2.29,2.29,0,0,1,2.2-2.74,85,85,0,0,1,16.26.88A2.19,2.19,0,0,1,165,774.8c-.11,1.67-1.22,2.27-2.69,2.23C159.87,777,157.4,776.81,154.93,776.69Z"/><path class="cls-6" d="M180.32,775.15c3.3,1.07,8,2.54,12.72,4.14,1.6.54,2.47,1.79,1.82,3.52-.56,1.48-1.85,1.77-3.28,1.35q-7.11-2.14-14.22-4.34a2.48,2.48,0,0,1-2-3C175.78,775,177.18,774.63,180.32,775.15Z"/><path class="cls-7" d="M136.76,1097.78c-2,.92-4,.73-4.28-1.57-.35-2.48,1.81-2.88,3.65-3,4.46-.27,8.92-.39,13.38-.54,1.86-.06,3.44.53,3.31,2.69-.11,1.76-1.49,2.41-3.18,2.41Z"/><path class="cls-6" d="M36,105c1.39,0,1.94,1,2.51,2.09,2.11,3.91,4.26,7.81,6.36,11.74.81,1.52,1.43,3.19-.58,4.24s-3.15-.14-4-1.72c-2.2-4.06-4.46-8.09-6.44-12.25C32.65,106.72,33.82,104.87,36,105Z"/><path class="cls-4" d="M86.49,165.87a75.79,75.79,0,0,1-14.2-9.4,2.3,2.3,0,0,1,0-3.2,2.22,2.22,0,0,1,3.11-.53c4.43,2.88,8.89,5.71,13.26,8.68a2.2,2.2,0,0,1,.53,3.11A2.64,2.64,0,0,1,86.49,165.87Z"/><path class="cls-8" d="M114.29,177.67c-4.65-1.67-9.32-3.28-13.94-5-1.49-.57-2.45-1.77-1.63-3.53.7-1.48,2-1.64,3.38-1.19q7,2.34,14,4.78c1.4.49,2.25,1.5,1.79,3.06C117.39,177.54,116,177.8,114.29,177.67Z"/><path class="cls-6" d="M192.76,475.67c-1.36-.18-2.41-.57-2.74-1.91a2.09,2.09,0,0,1,.91-2.61c4.93-2.33,9.89-4.62,14.88-6.83,1.23-.54,2.29.22,2.89,1.31a2,2,0,0,1-.37,2.73C203.51,471.66,198.05,473.64,192.76,475.67Z"/><path class="cls-6" d="M207.93,786.06a69.84,69.84,0,0,1,13.76,8.75,2.48,2.48,0,0,1-3.21,3.66q-6.57-4-13.08-8a2.35,2.35,0,0,1-1.15-3C204.73,786.3,205.61,785.58,207.93,786.06Z"/><path class="cls-9" d="M38.86,702.48a2.58,2.58,0,0,1-1.63,2.5c-1.39.45-2.7.23-3.32-1.28C32,699,30,694.24,28.2,689.47a2.49,2.49,0,0,1,1.42-3.31c1-.47,2.26-.37,2.67.56C34.6,692,36.74,697.34,38.86,702.48Z"/><path class="cls-6" d="M267.73,260.9a2.66,2.66,0,0,1-1.79,2.89c-1.5.54-2.57-.25-3.17-1.61-2-4.52-4-9.05-5.85-13.61-.52-1.28-.5-2.7,1-3.42a2.23,2.23,0,0,1,3.09.63C264,250.58,265.86,255.84,267.73,260.9Z"/><path class="cls-6" d="M27.16,1214.83c0,2.9,0,5.21,0,7.52,0,1.72-.67,3-2.42,3.11s-2.7-1.11-2.67-2.86c.08-4.79.17-9.57.37-14.35.08-1.78.91-3.42,3-3.09s2.37,2,2.19,3.84C27.43,1211.13,27.28,1213.27,27.16,1214.83Z"/><path class="cls-6" d="M31.59,1175c2.14.56,2.88,1.85,2.35,3.77-1.31,4.76-2.63,9.53-4.06,14.26a2.46,2.46,0,0,1-3.13,1.74,2.18,2.18,0,0,1-1.77-2.6,73,73,0,0,1,4.37-15.67A2.76,2.76,0,0,1,31.59,1175Z"/><path class="cls-10" d="M48,1150.58c-2.89,4.85-5.76,9.85-8.84,14.7-.65,1-2.14.83-3.14,0a2.29,2.29,0,0,1-.65-3.11q3.81-6.66,7.74-13.24a2.46,2.46,0,0,1,3.43-1A2.79,2.7
                    <img src="{{ asset('assets/images/story-line.png') }}" alt="Fil de l'histoire">
                    <img src="{{ asset('assets/images/story-line.png') }}" alt="Fil de l'histoire">
                    <img src="{{ asset('assets/images/story-line.png') }}" alt="Fil de l'histoire">
                    <div class="svg-mask"></div>
                </div>
            </div>
            @foreach ($moments as $moment)
                @if ($loop->first)
                    <div class="step is-flex start right p-rel animate__animated fadeInRight animate__slow">
                        <span class="year">{{$moment->title}}</span>
                        <div class="step_content">
                            <h3 class="step_title bold">{{$moment->subtitle}}</h3>
                            <p class="align-justify">{!! $moment->text !!}</p>
                            <img src="{{ asset($moment->picture) }}" alt="{{$moment->alt_text_picture}}">
                        </div>
                    </div>
                @else
                    @if ($loop->iteration % 2 == 0)
                        <div class="step left p-rel desk-mt-n95 smrt-order animate__animated fadeInLeft animate__slow">

                            <img src="{{ asset($moment->picture) }}" alt="{{$moment->alt_text_picture}}">
                            <span class="year">{{$moment->title}}</span>
                            <div class="step_content">
                                <h3 class="step_title bold">{{$moment->subtitle}}</h3>
                                <p class="align-justify">{!! $moment->text !!}</p>
                            </div>
                        </div>
                    @else
                        <div class="step special right p-rel desk-ml-150 smrt-order animate__animated fadeInRight animate__slow">

                            <img src="{{ asset($moment->picture) }}" alt="{{$moment->alt_text_picture}}">
                            <span class="year">{{$moment->title}}</span>
                            <div class="step_content">
                                <h3 class="step_title bold">{{$moment->subtitle}}</h3>
                                <p class="align-justify">{!! $moment->text !!}</p>
                            </div>

                        </div>
                    @endif
                @endif
            @endforeach
        </div>
    </div>
</section>

{{-- BLOC 4 - NOS ENGAGEMENTS --}}
<section class="container">
    <div class="wrapper">
        <div class="header-title sectiontitle align-center p-rel desk-mt50 desk-mb-50">
            <h2 class="punchline-module__title align-center has-label-bis animate__animated fadeInUp animate__slow">{{ $title_marqueBloc4->title}}</h2>
        </div>
        <div class="is-flex">
            <div class="w50 smrt-mb-100">
                <img src="{{ asset($encart_marqueBloc4l->picture) }}" alt="{{ $encart_marqueBloc4l->alt_text_picture}}" class="animate__animated fadeInLeft animate__slow">
                <h3 class="color-yellow">{{ $encart_marqueBloc4l->title}}</h3>
                <p class="align-justify">{!! $encart_marqueBloc4l->text !!}</p>
            </div>
            <div class="w50 smrt-mb-100">
                <img src="{{ asset($encart_marqueBloc4r->picture) }}" alt="{{ $encart_marqueBloc4r->alt_text_picture}}" class="animate__animated fadeInLeft animate__slow">
                <h3 class="color-yellow">{{ $encart_marqueBloc4r->title}}</h3>
                <p class="align-justify">{!! $encart_marqueBloc4r->text !!}</p>
            </div>
        </div>
        <div class="mt50 video-wrapper">
            <img src="{{ asset('assets/images/video.jpg') }}" alt="photo">
        </div>
    </div>
</section>

{{-- BLOC 5 - BAS DE PAGE --}}
<section class="container">
    <div class="wrapper">
        <div class="header-title sectiontitle align-center p-rel desk-mb-50">
            <h2 class="punchline-module__title align-center animate__animated fadeInUp animate__slow">{{ $encart_marqueFooter->title}}</h2>
        </div>
        <div class="is-flex">
            <div class="w50 animate__animated fadeInLeft animate__slow">
                <h3 class="color-yellow">{{ $encart_marqueFooter->subtitle}}</h3>
                <p class="align-justify">{!! $encart_marqueFooter->text !!}</p>
            </div>
            <div class="w50 animate__animated fadeInRight animate__slow">
                <img src="{{ asset($encart_marqueFooter->picture) }}" alt="{{ $encart_marqueFooter->alt_text_picture}}">
            </div>
        </div>
    </div>
</section>

@endsection