206 lines
No EOL
14 KiB
PHP
206 lines
No EOL
14 KiB
PHP
@section('title', "Favoriser le mieux vivre ensemble")
|
|
@section('description', "description de la homepage")
|
|
@section('keywords', "Mots clé de la homepage")
|
|
|
|
@extends('../fo.frontend')
|
|
|
|
@section('content')
|
|
|
|
@include('fo.partials.banner-header', [
|
|
'page' => 'engagments',
|
|
'breadcrumbs' => "Accueil / Nos engagements / Favoriser le mieux vivre ensemble",
|
|
'title' => "Favoriser le mieux vivre ensemble",
|
|
'description' => "Face aux enjeux de notre époque, Le Gaulois Professionnel répond présent.
|
|
Chaque jour, nous avançons pas à pas avec les équipes, les partenaires et les consommateurs pour élaborer des produits gourmands, de qualité et ainsi créer de bons moments de convivialité à table et en cuisine. Découvrez nos 5 engagements et nos actions pour minimiser l'impact de notre activité sur l'environnement, veiller au bien-être animal et améliorer notre alimentation et notre qualité de vie."
|
|
])
|
|
|
|
@include('fo.partials.nav-engagment')
|
|
|
|
<div class="container-fluid d-flex flex-column align-items-center px-0">
|
|
<div class="container-fluid px-0">
|
|
<div class="row align-items-md-stretch">
|
|
<div class="col-12 col-md-6 px-0">
|
|
<div class="w-100 h-100 pe-6 pe-sm-7 pe-md-5 pe-lg-6 pe-xl-8">
|
|
<div class="img-section position-relative w-100 h-100">
|
|
<img class="object-cover-center w-100 h-100" src="{{ asset('build/assets/images/engagments/le-gaulois-engagement-sport.jpg') }}" alt="Une équipe de football féminine">
|
|
<div class="separator position-absolute top-0 end-0 text-end h-100">
|
|
<img class="h-100" src="{{ asset('build/assets/images/sep-yegi.png') }}" alt="">
|
|
</div>
|
|
<div class="sticker-engagments-wrapper position-absolute bottom-0">
|
|
<div class="sticker-engagments border-inox rounded-4 overflow-hidden mb-4 mb-md-5">
|
|
<div class="content bg-ardoise rounded-4 px-4 py-2">
|
|
<p class="ff-poppins-medium fs-lg color-fourth">+ de 30 associations sportives</p>
|
|
<p class="ff-poppins-regular mb-0 pb-2">locales soutenues</p>
|
|
</div>
|
|
</div>
|
|
<div class="sticker-engagments border-inox rounded-4 overflow-hidden mb-4 mb-md-5">
|
|
<div class="content bg-ardoise rounded-4 px-4 py-2">
|
|
<p class="ff-poppins-medium fs-lg color-fourth">Angers SCO et MSB</p>
|
|
<p class="ff-poppins-regular mb-0 pb-2">des clubs sportifs professionnels partenaires</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center txt-col text-center text-md-start px-md-0 pe-md-4 pe-lg-6 pe-xl-8">
|
|
<div class="mx-auto mx-md-0">
|
|
<h2 class="h2">Des valeurs communes entre Le Gaulois Professionnel et le sport</h2>
|
|
<p class="mb-4">Populaire, convivial, bénéfique et utile, le sport incarne parfaitement les valeurs de la marque. C'est pourquoi Le Gaulois promeut le "bien-être" autour du sport pour tous en soutenant les associations sportives locales.</p>
|
|
<p class="mb-4">Le Gaulois, partenaire majeur de deux clubs sportifs emblématiques de la région : Angers Sco (football) et MSB (basket)</p>
|
|
<p class="mb-4">Le Gaulois est associée depuis quelques années à ces deux clubs sportifs professionnels locaux qui partagent avec la marque les mêmes valeurs : travail, esprit d'équipe, performance, respect et simplicité.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid px-0 bg-default py-5 py-md-6">
|
|
<div class="wrapper-xl">
|
|
<div class="row justify-content-center align-items-stretch pb-0">
|
|
<div class="col p-4 p-md-3">
|
|
<div class="card-wrapper card-engag mx-auto">
|
|
<div class="card text-center">
|
|
<img src="{{ asset('build/assets/images/engagments/handball.svg') }}" class="card-img-top" alt="Un ballon de handball">
|
|
<div class="card-body d-flex flex-column mt-3">
|
|
<h3 class="card-title h3 color-fourth mb-0">Handball</h3>
|
|
{{-- <p class="card-text mt-0"></p> --}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col p-4 p-md-3">
|
|
<div class="card-wrapper card-engag mx-auto">
|
|
<div class="card text-center">
|
|
<img src="{{ asset('build/assets/images/engagments/football.svg') }}" class="card-img-top" alt="Un ballon de football">
|
|
<div class="card-body d-flex flex-column mt-3">
|
|
<h3 class="card-title h3 color-fourth mb-0">Football</h3>
|
|
{{-- <p class="card-text mt-0"></p> --}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col p-4 p-md-3">
|
|
<div class="card-wrapper card-engag mx-auto">
|
|
<div class="card text-center">
|
|
<img src="{{ asset('build/assets/images/engagments/rugby.svg') }}" class="card-img-top" alt="Un ballon de rugby">
|
|
<div class="card-body d-flex flex-column mt-3">
|
|
<h3 class="card-title h3 color-fourth mb-0">Rugby</h3>
|
|
{{-- <p class="card-text mt-0"></p> --}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col p-4 p-md-3">
|
|
<div class="card-wrapper card-engag mx-auto">
|
|
<div class="card text-center">
|
|
<img src="{{ asset('build/assets/images/engagments/coursesapieds.svg') }}" class="card-img-top" alt="Une chaussure de sport">
|
|
<div class="card-body d-flex flex-column mt-3">
|
|
<h3 class="card-title h3 color-fourth mb-0">Course à pieds</h3>
|
|
{{-- <p class="card-text mt-0"></p> --}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col pt-4 pt-md-3">
|
|
<div class="card-wrapper card-engag mx-auto">
|
|
<div class="card text-center">
|
|
<img src="{{ asset('build/assets/images/engagments/tennisdetable.svg') }}" class="card-img-top" alt="Une requette de ping-pong avec une balle">
|
|
<div class="card-body d-flex flex-column mt-3">
|
|
<h3 class="card-title h3 color-fourth mb-0">Tennis de table</h3>
|
|
{{-- <p class="card-text mt-0"></p> --}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-ardoise-radial py-5 py-md-7">
|
|
<div class="row">
|
|
<div class="col wrapper-xl my-4">
|
|
<div class="card-footer d-flex flex-column flex-md-row overflow-hidden rounded-4 box-shadow mx-auto">
|
|
<div class="engag-start tdf position-relative bg-default overflow-hidden h-md-auto w-100 w-md-50">
|
|
<img class="card-sep-desktop position-absolute top-md-0 end-md-0 h-100" src="{{ asset('build/assets/images/sep-ysgi.png') }}" alt="">
|
|
<img class="card-sep-mobile position-absolute bottom-0 start-0" src="{{ asset('build/assets/images/sep-xbgi.png') }}" alt="">
|
|
</div>
|
|
<div class="engag-end d-flex flex-column justify-content-md-center text-center text-md-start bg-default w-100 w-md-50 p-3 p-md-5">
|
|
<p class="ff-poppins-bold fs-md">Le Gaulois, sponsor de l'événement mondial qui valorise la France et ses régions : Le Tour de France</p>
|
|
<p>Volaille officielle du Tour de France depuis 2012, Le Gaulois est fier de s'associer à ce grand rendez-vous populaire et gratuit au service du sport qui participe à la promotion des régions de France.</p>
|
|
<div class="butn-wrap d-flex justify-content-center justify-content-md-start text-center my-4 w-100 w-lg-auto">
|
|
<a class="butn-prim mx-0 py-md-2" href="https://www.legaulois.fr/la-marque/actualites/le-gaulois-la-marque-de-volaille-officielle-du-tour-de-france">Le Tour de France</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid px-0 my-5">
|
|
<div class="row align-items-md-stretch">
|
|
<div class="col-12 order-md-2 col-md-6 px-0">
|
|
<div class="w-100 h-100 ps-6 ps-sm-7 ps-md-5 ps-lg-6 ps-xl-10">
|
|
<div class="img-section position-relative d-flex justify-content-center align-items-center bg-ardoise w-100 h-100">
|
|
<img class="object-cover-center w-100 h-100" src="{{ asset('build/assets/images/engagments/le-gaulois-engagement-mecenat.jpg') }}" alt="Deux enfants avec des tee-shirt ayant le logo de Mécénat Chirurgie Cardiaque jouant au docteur">
|
|
<div class="separator reverse position-absolute top-0 start-0 text-end h-100">
|
|
<img class="h-100" src="{{ asset('build/assets/images/sep-yegi.png') }}" alt="">
|
|
</div>
|
|
<div class="sticker-engagments-wrapper reverse position-absolute bottom-0 end-50">
|
|
<div class="sticker-engagments border-inox rounded-4 overflow-hidden mb-4 mb-md-5">
|
|
<div class="content bg-ardoise rounded-4 px-4 py-2">
|
|
<p class="ff-poppins-medium fs-lg color-fourth">12 centimes /Km</p>
|
|
<p class="ff-poppins-regular mb-0 pb-2">versés par l'entreprise pour chaque km parcouru à pied par ses collaborateurs via l'application Strava</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center order-md-1 txt-col px-md-0 ps-md-4 ps-lg-6 ps-xl-8">
|
|
<div class="text-center text-md-start">
|
|
<div>
|
|
<h2 class="h2">Nos collaborateurs font du sport et ont du coeur</h2>
|
|
</div>
|
|
<div class="mb-5">
|
|
<p>Chaque année, Le Gaulois Professionnel s'investit dans une cause forte d'intérêt général avec ses collaborateurs, en organisant un grand challenge sportif et solidaire. En 2021, l'entreprise soutient l'association Mécénat de chirurgie cardiaque pour financer 1 opération d'enfant atteint de malformation cardiaque. Course à pied, vélo, marche, randonnée, les kilomètres parcourus par les collaborateurs sont compilés par une application sportive tout au long de l'année et se transforment en dons dans la cagnotte de l'association. Une belle façon de bouger, de prendre soin de soi et de penser aux autres.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid pt-4 pt-md-5">
|
|
<div class="wrapper-xl mt-4 mb-5 mt-md-4 mb-md-6">
|
|
<div class="row mb-5 mb-md-6">
|
|
<div class="col text-center">
|
|
<h2 class="h2 my-0">Le Gaulois Professionnel, une marque engagée et responsable</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row justify-content-center align-items-stretch">
|
|
<div class="col">
|
|
<div class="card-adn d-flex overflow-hidden bg-default rounded-4 box-shadow mx-auto">
|
|
<div class="position-relative overflow-hidden h-100 w-50">
|
|
<img class="card-img-top object-cover-start w-100 h-100" src="{{ asset('build/assets/images/banner/header-engagments.jpg') }}" alt="Un éleveur tenant une poule est assis dans un poulailler">
|
|
<img class="position-absolute top-0 end-0 h-100" src="{{ asset('build/assets/images/sep-ysgi-md.svg') }}" alt="">
|
|
<a href="https://www.youtube.com/watch?v=7X8II6J-6mU" data-fancybox class="position-absolute top-50 start-50 translate-middle">
|
|
<svg class="play-btn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
<circle class="play-circle" cx="50.88" cy="50" r="34.96" />
|
|
<polygon class="play-icon" points="65.27 50 42.62 36.92 42.62 63.08 65.27 50" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div class="row align-items-center w-50 p-2 p-md-3">
|
|
<p class="card-title ff-poppins-bold fs-md m-0">Lorem ipsum</p>
|
|
<p class="card-text card-subtitle m-0">Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur earum sequi illo eum molestiae libero fugit deleniti, enim, ullam repudiandae deserunt blanditiis veniam debitis maiores.</p>
|
|
<div class="butn-wrap w-100">
|
|
<a class="butn-prim m-0" href="https://www.youtube.com/watch?v=7X8II6J-6mU" data-fancybox type="button">Voir la vidéo</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
@endsection
|