149 lines
7.5 KiB
PHP
149 lines
7.5 KiB
PHP
@extends('layouts.app')
|
||
|
||
@section('content')
|
||
<div class="main-container who">
|
||
<div class="bg-opacity"></div>
|
||
<div class="header-bloc"></div>
|
||
|
||
<section class="chrono flex container">
|
||
<div class="txt-chrono flex">
|
||
<h1 class="post-title">Jeusselin, c'est toute une histoire !</h1>
|
||
<h2 class="post-subtitle">Qui sommes nous ?</h2>
|
||
</div>
|
||
<div class="frise flex">
|
||
@php
|
||
$events = [
|
||
[
|
||
'date' => '1950',
|
||
'thumbnail' => [
|
||
'src' => 'resources/assets/images/1950.png',
|
||
'alt' => '1950',
|
||
],
|
||
'image' => [
|
||
'src' => 'resources/assets/images/1950.jpg',
|
||
'alt' => '1950',
|
||
],
|
||
'modal-title' => 'M. Jules JEUSSELIN est Courtier en Pommes',
|
||
'modal-text' => 'Puis, avec l’arrivée des moissonneuses batteuses et des céréales en Vrac il devient Courtier en Céréales.',
|
||
],
|
||
[
|
||
'date' => '1968',
|
||
'thumbnail' => [
|
||
'src' => 'resources/assets/images/1968.png',
|
||
'alt' => '1968',
|
||
],
|
||
'image' => [
|
||
'src' => 'resources/assets/images/1960-1970.jpg',
|
||
'alt' => '1968',
|
||
],
|
||
'modal-title' => 'Création de la société Jeusselin',
|
||
'modal-text' => 'La société Jeusselin est créée avec l’aide de son fournisseur Mr René Huttepain.',
|
||
],
|
||
[
|
||
'date' => '1978 à 1982',
|
||
'thumbnail' => [
|
||
'src' => 'resources/assets/images/1987-1989.png',
|
||
'alt' => '1978 à 1982',
|
||
],
|
||
'image' => [
|
||
'src' => 'resources/assets/images/1980.jpg',
|
||
'alt' => '1978 à 1982',
|
||
],
|
||
'modal-title' => 'Arrivée de Luc, Hubert et Gilles Jeusselin',
|
||
'modal-text' => '',
|
||
],
|
||
[
|
||
'date' => '1987 à 1989',
|
||
'thumbnail' => [
|
||
'src' => 'resources/assets/images/1987-1989.png',
|
||
'alt' => '1987 à 1989',
|
||
],
|
||
'image' => [
|
||
'src' => 'resources/assets/images/1980.jpg',
|
||
'alt' => '1987 à 1989',
|
||
],
|
||
'modal-title' => 'Construction du silo de Mamers',
|
||
'modal-text' => '',
|
||
],
|
||
[
|
||
'date' => '2001',
|
||
'thumbnail' => [
|
||
'src' => 'resources/assets/images/2001.png',
|
||
'alt' => '2001',
|
||
],
|
||
'image' => [
|
||
'src' => 'resources/assets/images/2000.jpg',
|
||
'alt' => '2001',
|
||
],
|
||
'modal-title' => 'La Famille Huttepain s’associe avec les Familles LDC',
|
||
'modal-text' => '',
|
||
],
|
||
[
|
||
'date' => '2010',
|
||
'thumbnail' => [
|
||
'src' => 'resources/assets/images/2010.png',
|
||
'alt' => '2010',
|
||
],
|
||
'image' => [
|
||
'src' => 'resources/assets/images/2010.jpg',
|
||
'alt' => '2010',
|
||
],
|
||
'modal-title' => 'Achat de la Société Verron',
|
||
'modal-text' => '',
|
||
],
|
||
[
|
||
'date' => '2016',
|
||
'thumbnail' => [
|
||
'src' => 'resources/assets/images/2016.png',
|
||
'alt' => '2016',
|
||
],
|
||
'image' => [
|
||
'src' => 'resources/assets/images/2016.jpg',
|
||
'alt' => '2016',
|
||
],
|
||
'modal-title' => 'Début des filières blés Améliorants, Soja et Agriéthique',
|
||
'modal-text' => '',
|
||
],
|
||
[
|
||
'date' => '2020',
|
||
'thumbnail' => [
|
||
'src' => 'resources/assets/images/2020.png',
|
||
'alt' => '2020',
|
||
],
|
||
'image' => [
|
||
'src' => 'resources/assets/images/2020.jpg',
|
||
'alt' => '2020',
|
||
],
|
||
'modal-title' => 'Départ de M. Gilles Jeusselin',
|
||
'modal-text' => 'Mise en place d’une nouvelle direction et du nouveau projet « Agro négoce LDC Amont »',
|
||
],
|
||
]
|
||
@endphp
|
||
|
||
@foreach ($events as $key => $event)
|
||
<div class="fils"></div>
|
||
<div class="event-container">
|
||
<span class="txt-event">{{ $event['date'] }}</span>
|
||
<div class="event e{{ $key }}">
|
||
<img src="{{ Vite::asset($event['thumbnail']['src']) }}" alt="{{ $event['thumbnail']['alt'] }}">
|
||
<img src="{{ Vite::asset('resources/assets/images/more.png') }}" alt="En savoir plus" class="img-more">
|
||
<div class="popup-detail flex">
|
||
<img src="{{ Vite::asset($event['image']['src']) }}" alt="{{ $event['image']['alt'] }}">
|
||
<h2 class="post-chapter">{{ $event['date'] }}</h2>
|
||
<h3 class="paragraph-title">{{ $event['modal-title'] }}</h3>
|
||
<p>{{ $event['modal-text'] }}.</p>
|
||
<svg id="close-cross" class="close-cross" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 237 237">
|
||
<circle class="cls-1" cx="118.5" cy="118.5" r="118.5"/>
|
||
<line class="cls-2" x1="63.61" y1="60.38" x2="173.39" y2="177.15"/>
|
||
<line class="cls-2" x1="65.08" y1="176.62" x2="171.92" y2="59.85"/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
@endforeach
|
||
<div class="fils"></div>
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
@endsection
|