311 lines
No EOL
20 KiB
PHP
311 lines
No EOL
20 KiB
PHP
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<link rel="icon" href="./assets/images/favicon.png" type="image/png">
|
||
<link rel="icon" sizes="32x32" href="./assets/images/favicon-32.png" type="image/png">
|
||
<link rel="icon" sizes="64x64" href="./assets/images/favicon-64.png" type="image/png">
|
||
<link rel="icon" sizes="96x96" href="./assets/images/favicon-96.png" type="image/png">
|
||
<link rel="icon" sizes="196x196" href="./assets/images/favicon-196.png" type="image/png">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="./assets/images/apple-touch-icon.png">
|
||
<link rel="apple-touch-icon" sizes="60x60" href="./assets/images/apple-touch-icon-60x60.png">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="./assets/images/apple-touch-icon-76x76.png">
|
||
<link rel="apple-touch-icon" sizes="114x114" href="./assets/images/apple-touch-icon-114x114.png">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="./assets/images/apple-touch-icon-120x120.png">
|
||
<link rel="apple-touch-icon" sizes="144x144" href="./assets/images/apple-touch-icon-144x144.png">
|
||
<meta name="msapplication-TileImage" content="./assets/images/favicon-144.png">
|
||
<meta name="msapplication-TileColor" content="#FFFFFF">
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css">
|
||
<!-- <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css" />
|
||
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" /> -->
|
||
<link rel="stylesheet" href="./node_modules/swiper/swiper-bundle.css">
|
||
<link rel="stylesheet" href="./node_modules/swiper/swiper-bundle.min.css">
|
||
<link rel='stylesheet' id='style-css' href='./assets/css/style.css' type='text/css' media='all'/>
|
||
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
|
||
<title>Jeusselin</title>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="main-container">
|
||
<header class="grid">
|
||
<div class="toggle-menu flex"><span></span></div>
|
||
<div class="logo flex">
|
||
<a href="#"></a>
|
||
</div>
|
||
<nav>
|
||
<ul class="flex">
|
||
<li><a href="./whoweare.php">Qui sommes nous ?</a></li>
|
||
<li><a href="./work.php">Nos métiers</a></li>
|
||
<li><a href="./rse.php">RSE</a></li>
|
||
<li><a href="./actus.php">Actualités</a></li>
|
||
<li><a href="./contact.php">Nous contacter</a></li>
|
||
</ul>
|
||
</nav>
|
||
<div class="right-menu">
|
||
<div class="connect-contain flex">
|
||
<p class="active">Bienvenue Charles-Henry</p>
|
||
<div class="connect"><a href="#" class="first-btn"> </a></div>
|
||
<div class="disconnect active">
|
||
<a href="#">
|
||
<!-- <svg version="1.1" id="svg-disconnect" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||
<g>
|
||
<g>
|
||
<path d="M257,0C116.39,0,0,114.39,0,255s116.39,257,257,257s255-116.39,255-257S397.61,0,257,0z M383.22,338.79
|
||
c11.7,11.7,11.7,30.73,0,42.44c-11.61,11.6-30.64,11.79-42.44,0L257,297.42l-85.79,83.82c-11.7,11.7-30.73,11.7-42.44,0
|
||
c-11.7-11.7-11.7-30.73,0-42.44l83.8-83.8l-83.8-83.8c-11.7-11.71-11.7-30.74,0-42.44c11.71-11.7,30.74-11.7,42.44,0L257,212.58
|
||
l83.78-83.82c11.68-11.68,30.71-11.72,42.44,0c11.7,11.7,11.7,30.73,0,42.44l-83.8,83.8L383.22,338.79z"/>
|
||
</g>
|
||
</g>
|
||
</svg> -->
|
||
<img src="./assets/images/stop.png" alt="Déconnexion">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<form action="" method="post" class="search flex">
|
||
<input type="text" name="txt_search" id="txt_search" placeholder="Rechercher" required>
|
||
<button type="submit" class="second-btn">OK</button>
|
||
</form>
|
||
</div>
|
||
<div class="right-menu-mobile flex">
|
||
<a href="#" class="mobile-connect active">
|
||
<svg version="1.1" id="svg-connect" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="510px" height="510px" viewBox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve">
|
||
<g>
|
||
<g id="account-circle">
|
||
<path d="M255,0C114.75,0,0,114.75,0,255s114.75,255,255,255s255-114.75,255-255S395.25,0,255,0z M255,76.5
|
||
c43.35,0,76.5,33.15,76.5,76.5s-33.15,76.5-76.5,76.5c-43.35,0-76.5-33.15-76.5-76.5S211.65,76.5,255,76.5z M255,438.6
|
||
c-63.75,0-119.85-33.149-153-81.6c0-51,102-79.05,153-79.05S408,306,408,357C374.85,405.45,318.75,438.6,255,438.6z"/>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="mobile-disconnect">
|
||
<!-- <svg version="1.1" id="svg-disconnect" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||
<g>
|
||
<g>
|
||
<path d="M257,0C116.39,0,0,114.39,0,255s116.39,257,257,257s255-116.39,255-257S397.61,0,257,0z M383.22,338.79
|
||
c11.7,11.7,11.7,30.73,0,42.44c-11.61,11.6-30.64,11.79-42.44,0L257,297.42l-85.79,83.82c-11.7,11.7-30.73,11.7-42.44,0
|
||
c-11.7-11.7-11.7-30.73,0-42.44l83.8-83.8l-83.8-83.8c-11.7-11.71-11.7-30.74,0-42.44c11.71-11.7,30.74-11.7,42.44,0L257,212.58
|
||
l83.78-83.82c11.68-11.68,30.71-11.72,42.44,0c11.7,11.7,11.7,30.73,0,42.44l-83.8,83.8L383.22,338.79z"/>
|
||
</g>
|
||
</g>
|
||
</svg> -->
|
||
<img src="./assets/images/stop.png" alt="Déconnexion">
|
||
</a>
|
||
<a href="#" class="mobile-search">
|
||
<svg version="1.1" id="svg-search" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="590.556px" height="590.556px" viewBox="0 0 590.556 590.556" style="enable-background:new 0 0 590.556 590.556;" xml:space="preserve">
|
||
<g>
|
||
<g>
|
||
<path d="M574.099,469.235L437.61,353.434c-3.248-2.709-7.227-4.171-11.266-4.171c-5.643,0-11.018,2.843-14.373,7.606
|
||
c-15.533,22.029-34.578,41.087-56.611,56.635c-4.1,2.895-6.816,7.319-7.449,12.143c-0.635,4.828,0.775,9.602,3.975,13.439
|
||
l115.873,136.61c7.852,9.422,19.252,14.859,31.23,14.859c10.768,0,21.021-4.324,28.877-12.179l48.98-48.981
|
||
c8.346-8.348,12.656-19.241,12.137-30.68C588.46,487.269,583.175,476.8,574.099,469.235z"/>
|
||
<path d="M218.399,433.743c57.923,0,112.385-22.559,153.348-63.522c40.965-40.965,63.523-95.423,63.523-153.349
|
||
C435.271,97.29,337.983,0,218.399,0C98.814,0,1.53,97.29,1.53,216.872S98.817,433.743,218.399,433.743z M71.81,216.872
|
||
c0-80.83,65.759-146.589,146.589-146.589c80.831,0,146.588,65.759,146.588,146.589c0,39.091-15.262,75.885-42.982,103.602
|
||
c-27.721,27.718-64.515,42.984-103.606,42.984C137.569,363.461,71.81,297.701,71.81,216.872z"/>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</header>
|
||
</div>
|
||
|
||
<div class="main-container">
|
||
|
||
<section class="hero grid">
|
||
<div class="head-bloc"></div>
|
||
<div class="hero-bloc flex">
|
||
<div class="push">
|
||
<h1 class="post-title">Notre lien c’est le grain !</h1>
|
||
<p>Jeusselin vous conseille et vous accompagne dans vos achats et ventes de vos céréales et oleo protéagineux. Jeusselin, une équipe technique cultures à l’écoute de tous nos partenaires. Notre expertise, notre implantation locale et nos savoir-faire vous permettent de rester informés en temps réel des cours du marché pour la meilleure valorisation possible de vos produits.</p>
|
||
<div>
|
||
<a href="./whoweare.php" class="second-btn">En savoir plus sur notre entreprise</a>
|
||
</div>
|
||
</div>
|
||
<div class="slider-container">
|
||
<div class="swiper-container">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide flex">
|
||
<div class="img-slide">
|
||
<img src="./assets/images/plats-cuisines.jpg" alt="">
|
||
</div>
|
||
<div class="txt-slide flex">
|
||
<h2 class="post-subtitle">De délicieux plats préparés disponibles en Clik&Collect</h2>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, nulla ut commodo sagittis, sapien dui mattis dui.</p>
|
||
<div>
|
||
<!-- todo : en attente du site de la boutique -->
|
||
<!-- <a href="#" class="second-btn">Accéder à la boutique</a> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide flex">
|
||
<div class="img-slide">
|
||
<img src="./assets/images/plats-cuisines.jpg" alt="">
|
||
</div>
|
||
<div class="txt-slide flex">
|
||
<h2 class="post-subtitle">De merveilleux plats préparés disponibles en Clik&Collect</h2>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, nulla ut commodo sagittis, sapien dui mattis dui.</p>
|
||
<div>
|
||
<!-- todo : en attente du site de la boutique -->
|
||
<!-- <a href="#" class="second-btn">Accéder à la boutique</a> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide flex">
|
||
<div class="img-slide">
|
||
<img src="./assets/images/plats-cuisines.jpg" alt="">
|
||
</div>
|
||
<div class="txt-slide flex">
|
||
<h2 class="post-subtitle">De superbes plats préparés disponibles en Clik&Collect</h2>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, nulla ut commodo sagittis, sapien dui mattis dui.</p>
|
||
<div>
|
||
<!-- todo : en attente du site de la boutique -->
|
||
<!-- <a href="#" class="second-btn">Accéder à la boutique</a> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<section class="video flex container">
|
||
<div class="title-section flex">
|
||
<h2 class="post-subtitle">Titre de la section vidéo</h2>
|
||
<div>
|
||
<a href="./collect.php" class="first-btn">Voir le détail des sites de collecte</a>
|
||
</div>
|
||
</div>
|
||
<div class="content-video flex">
|
||
<div class="player-bloc wide">
|
||
<!-- <img src="./assets/images/play.png" class="icon-play" alt="">
|
||
<img src="./assets/images/silo-marolles.jpg" alt=""> -->
|
||
<iframe frameborder="0" allow="fullscreen;geolocation" src="https://player.vimeo.com/video/510306998"></iframe>
|
||
</div>
|
||
<div class="video-diapo grid">
|
||
<div class="player-bloc">
|
||
<iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="fullscreen;geolocation" src="https://player.vimeo.com/video/510306947"></iframe>
|
||
</div>
|
||
<a href="#" class="screenplay marolles">
|
||
<img src="./assets/images/play.png" class="icon-play" alt="">
|
||
<img src="./assets/images/silo-marolles-petite.jpg" alt="">
|
||
<p>Marolles</p>
|
||
</a>
|
||
<div class="player-bloc">
|
||
<iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="fullscreen;geolocation" src="https://player.vimeo.com/video/510306947"></iframe>
|
||
</div>
|
||
<a href="#" class="screenplay cherre">
|
||
<img src="./assets/images/play.png" class="icon-play" alt="">
|
||
<img src="./assets/images/silo-cherre.jpg" alt="">
|
||
<p>Cherré</p>
|
||
</a>
|
||
<div class="player-bloc">
|
||
<iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="fullscreen;geolocation" src="https://player.vimeo.com/video/510306947"></iframe>
|
||
</div>
|
||
<a href="#" class="screenplay monce">
|
||
<img src="./assets/images/play.png" class="icon-play" alt="">
|
||
<img src="./assets/images/silo-monce.jpg" alt="">
|
||
<p>Moncé</p>
|
||
</a>
|
||
<div class="player-bloc">
|
||
<iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="fullscreen;geolocation" src="https://player.vimeo.com/video/510306947"></iframe>
|
||
</div>
|
||
<a href="#" class="screenplay nogent-le-bernard">
|
||
<img src="./assets/images/play.png" class="icon-play" alt="">
|
||
<img src="./assets/images/silo-nogent-le-bernard.jpg" alt="">
|
||
<p>Nogent-le-Bernard</p>
|
||
</a>
|
||
<div class="player-bloc">
|
||
<iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="fullscreen;geolocation" src="https://player.vimeo.com/video/510306947"></iframe>
|
||
</div>
|
||
<a href="#" class="screenplay mamers">
|
||
<img src="./assets/images/play.png" class="icon-play" alt="">
|
||
<img src="./assets/images/silo-mamers.jpg" alt="">
|
||
<p>Mamers</p>
|
||
</a>
|
||
<div class="player-bloc">
|
||
<iframe style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="fullscreen;geolocation" src="https://player.vimeo.com/video/510306947"></iframe>
|
||
</div>
|
||
<a href="#" class="screenplay thoigne-les-mees">
|
||
<img src="./assets/images/play.png" class="icon-play" alt="">
|
||
<img src="./assets/images/silo-thoigne-les-mees.jpg" alt="">
|
||
<p>Thoigné / Les Mèes</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="edito grid container">
|
||
<div class="img-edito">
|
||
<img src="./assets/images/jeusselin-photo.jpg" alt="Gaël Le Conte">
|
||
</div>
|
||
<div>
|
||
<p class="paragraph-title"><strong>Édito</strong></p>
|
||
<h2 class="post-subtitle">Jeusselin, sa vie, son oeuvre</h2><br>
|
||
<p>Depuis plus de 50 ans la société Jeusselin est une entreprise de proximité. <br>Ancrée dans le paysage local nous apportons un service de qualité avec comme axes principaux :</p><br>
|
||
<ul>
|
||
<li>Le conseil et la préconisation en semence et engrais ainsi que la vente de produits phytosanitaires,</li>
|
||
<li>Les achats de céréales ainsi que leur stockage dans les 7 silos situés principalement dans le nord de la Sarthe en grande proximité des exploitations céréalières de nos clients agriculteurs,</li>
|
||
<li>Nous mettons en marché les céréales selon la demande intérieure (usines d’aliments, meuneries etc) ou extérieure (portuaire essentiellement à Rouen)</li>
|
||
<li>Nous innovons en proposant à nos agriculteurs des céréales avec des filières spécifiques tels que le blé agri éthique, le blé améliorants, le soja...</li>
|
||
</ul><br>
|
||
</div>
|
||
<div>
|
||
<p>Nous sommes également dans une démarche d’agriculture raisonnée et bio. <br>En partenariat depuis 2001 avec le groupe agroalimentaire Sarthois LDC, nous partageons les mêmes valeurs de travail, de respect, d‘innovation, de performance de responsabilité et de simplicité.</p><br>
|
||
<p>L’ensemble de l’équipe Jeusselin - les commerciaux, responsables de silos, chauffeurs ainsi que l’équipe administrative - est à votre entière disposition et met tout en œuvre pour vous garantir le meilleur service et répondre à vos attentes.</p><br>
|
||
</div>
|
||
<div>
|
||
<p>Gaël Le Conte</p>
|
||
<p>Directeur Général</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="chiffres container">
|
||
<div class="title-section flex">
|
||
<h2 class="post-subtitle">Jeusselin en quelques chiffres</h2>
|
||
<div><a href="#" class="first-btn">Découvrez l'histoire de Jeusselin</a></div>
|
||
</div>
|
||
<div class="infos flex">
|
||
<div class="info">
|
||
<h3 class="post-chapter">150 000 tonnes de collecte</h3>
|
||
<img src="./assets/images/150000-tonnes-collecte.jpg" alt="150 000 tonnes de collecte">
|
||
<div><a href="#" class="second-btn"> </a></div>
|
||
</div>
|
||
<div class="info">
|
||
<h3 class="post-chapter">8 sites de collecte</h3>
|
||
<img src="./assets/images/huits-sites-collecte.jpg" alt="8 sites de collecte">
|
||
<div><a href="#" class="second-btn">Trouvez votre point de collecte</a></div>
|
||
</div>
|
||
<div class="info">
|
||
<h3 class="post-chapter">40 salarié(e)s</h3>
|
||
<img src="./assets/images/quarante-salaries.jpg" alt="40 salarié(e)s">
|
||
<div><a href="#" class="second-btn">Rencontrez l'équipe Jeusselin</a></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="main-container">
|
||
<footer>
|
||
<div class="logo-footer">
|
||
<a href="#"><img src="./assets/images/logo-jeusselin.png" alt="Jeusselin"></a>
|
||
</div>
|
||
<div class="txt-footer flex">
|
||
<a href="#">Contact</a>
|
||
<a href="#">Mentions légales</a>
|
||
<a href="#">Politique de confidentialité</a>
|
||
</div>
|
||
</footer>
|
||
<div class="pageup"><a href="#"><i class="fas fa-arrow-circle-up"></i></a></div>
|
||
</div>
|
||
</body>
|
||
<script src="./node_modules/swiper/swiper-bundle.min.js"></script>
|
||
<!-- <script src="https://unpkg.com/swiper/swiper-bundle.js"></script>
|
||
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> -->
|
||
<script type="text/javascript" src="./assets/js/main.js"></script>
|
||
</html> |