186 lines
No EOL
10 KiB
PHP
186 lines
No EOL
10 KiB
PHP
@extends('layouts.app')
|
|
@section('title', __('Accueil'))
|
|
@section('description', __("Découvrez DOUX, des produits de volailles françaises."))
|
|
|
|
@section('content')
|
|
|
|
<main>
|
|
<section class="jumbotron">
|
|
<p class="maintitle ttu">Qui sommes-nous ?</p>
|
|
<img src="{{ asset('assets/images/a-propos.jpg') }}" alt="A propos de nous">
|
|
</section>
|
|
|
|
<section class="container">
|
|
<div class="wrapper">
|
|
<div class="header-title align-center">
|
|
<h1 class="align-center"><i class="mascotte"></i>Le groupe , l'entreprise</h1>
|
|
</div>
|
|
<h2 class="align-center">Sous-titre</h2>
|
|
<p class="align-center">Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="reassurances" class="container">
|
|
<div class="wrapper reassurances-content align-center">
|
|
<ul>
|
|
<li class="reassurance-item">
|
|
<p class="is-flex vertical-center">
|
|
<img src="{{ asset('assets/images/site-production.jpg') }}" alt="Site de production">
|
|
<span class="number">1</span>
|
|
</p>
|
|
<p>site de production<br>à Quimper</p>
|
|
</li>
|
|
<li class="reassurance-item">
|
|
<p class="is-flex vertical-center">
|
|
<img src="{{ asset('assets/images/collaborateurs.jpg') }}" alt="Collaborateurs">
|
|
<span class="number">224</span>
|
|
</p>
|
|
<p>Collaborateurs</p>
|
|
</li>
|
|
<li class="reassurance-item">
|
|
<p class="is-flex vertical-center">
|
|
<img src="{{ asset('assets/images/planete.jpg') }}" alt="Pays livrés">
|
|
<span class="number">100</span>
|
|
</p>
|
|
<p>Pays livrés</p>
|
|
</li>
|
|
<li class="reassurance-item">
|
|
<p class="is-flex vertical-center">
|
|
<img src="{{ asset('assets/images/references.jpg') }}" alt="Références vendues">
|
|
<span class="number">500</span>
|
|
</p>
|
|
<p>Références vendues</p>
|
|
</li>
|
|
<li class="reassurance-item">
|
|
<p class="is-flex vertical-center">
|
|
<img src="{{ asset('assets/images/expertise.jpg') }}" alt="Plans d'expertise">
|
|
<span class="number">88</span>
|
|
</p>
|
|
<p>Plans d'expertise</p>
|
|
</li>
|
|
<li class="reassurance-item">
|
|
<p class="is-flex vertical-center">
|
|
<img src="{{ asset('assets/images/saucisses.jpg') }}" alt="Franks Doux">
|
|
<span class="number">12</span>
|
|
</p>
|
|
<p>Franks Doux consommées<br>chaque seconde dans le monde</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="values" class="container">
|
|
<div class="values-content wrapper align-center">
|
|
<h2 class="sectiontitle">Nos valeurs</h2>
|
|
<p>Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr</p>
|
|
<ul class="values-list">
|
|
<li class="item">
|
|
<img src="{{ asset('assets/images/plaisir.png') }}" alt="Plaisir">
|
|
<span>Plaisir</span>
|
|
</li>
|
|
<li class="item">
|
|
<img src="{{ asset('assets/images/partage.png') }}" alt="Partage">
|
|
<span>Partage</span>
|
|
</li>
|
|
<li class="item">
|
|
<img src="{{ asset('assets/images/confiance.png') }}" alt="Confiance">
|
|
<span>Confiance</span>
|
|
</li>
|
|
<li class="item">
|
|
<img src="{{ asset('assets/images/qualite.png') }}" alt="Qualité">
|
|
<span>Qualité</span>
|
|
</li>
|
|
<li class="item">
|
|
<img src="{{ asset('assets/images/innovation.png') }}" alt="Innovation">
|
|
<span>Innovation</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<img src="{{ asset('assets/images/frise.jpg') }}" alt="Frise">
|
|
</section>
|
|
|
|
<section class="container">
|
|
<div class="wrapper">
|
|
<h2 class="sectiontitle align-center">Notre histoire</h2>
|
|
|
|
<div class="timeline">
|
|
|
|
<div class="step is-flex start right p-rel">
|
|
|
|
<span class="year">1920</span>
|
|
<div class="step_content">
|
|
<h3 class="step_title bold">Lorem Ipsum dolor sit amet.</h3>
|
|
<p>Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr</p>
|
|
<img src="{{ asset('assets/images/blog.jpg') }}" alt="photo">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="step left p-rel desk-mt-n80 smrt-order">
|
|
|
|
<img src="{{ asset('assets/images/doux-selection.jpg') }}" alt="photo">
|
|
<span class="year">2021</span>
|
|
<div class="step_content">
|
|
<h3 class="step_title bold">Lorem Ipsum dolor sit amet.</h3>
|
|
<p>Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="step special right p-rel desk-mt-120 desk-ml-150 smrt-order">
|
|
|
|
<img src="{{ asset('assets/images/doux-nuggets.jpg') }}" alt="photo">
|
|
<span class="year">2020</span>
|
|
<div class="step_content">
|
|
<h3 class="step_title bold">Lorem Ipsum dolor sit amet.</h3>
|
|
<p>Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container">
|
|
<div class="wrapper">
|
|
<h2 class="sectiontitle align-center has-label-bis desk-mb-80 smrt-mb-200">Nos engagements</h2>
|
|
<div class="is-flex">
|
|
<div class="w50 smrt-mb-100">
|
|
<img src="{{ asset('assets/images/blog.jpg') }}" alt="photo">
|
|
<h3 class="color-yellow">Lorem ip sum dolor sit amet</h3>
|
|
<p>Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
|
|
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
|
|
</div>
|
|
<div class="w50 smrt-mb-100">
|
|
<img src="{{ asset('assets/images/blog.jpg') }}" alt="photo">
|
|
<h3 class="color-yellow">Lorem ip sum dolor sit amet</h3>
|
|
<p>Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
|
|
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt</p>
|
|
</div>
|
|
</div>
|
|
<div class="mt50">
|
|
<img src="{{ asset('assets/images/video.jpg') }}" alt="photo">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container">
|
|
<div class="wrapper">
|
|
<h2 class="sectiontitle align-center">Le label</h2>
|
|
<div class="is-flex">
|
|
<div class="w50">
|
|
<h3 class="color-yellow">Lorem ip sum dolor sit amet</h3>
|
|
<p>Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr
|
|
ud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
|
<p>Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr
|
|
ud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ip sum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
|
|
</div>
|
|
<div class="w50">
|
|
<img src="{{ asset('assets/images/label.jpg') }}" alt="photo">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
@endsection
|