forge-joniko/ldc-jeusselin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
ldc-jeusselin/integration/work.php
Sebastien Hattry 4e8436bc38 integration v0.1
2021-02-17 09:19:20 +01:00

527 lines
No EOL
29 KiB
PHP
Raw Blame History

<!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="container">
<header class="grid bandeau">
<div class="toggle-menu flex"><span></span></div>
<div class="logo flex">
<a href="./index.php"></a>
</div>
<nav>
<ul class="flex">
<li><a href="./whoweare.php">Qui sommes nous&nbsp;?</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="login">Bienvenue Charles-Henry</p>
<div class="connect login"><a href="#" class="first-btn">&nbsp;</a></div>
<div class="disconnect login">
<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">
<div class="connect-contain flex">
<a href="#" class="mobile-connect picto-item login" aria-label="Espace client">
<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 login">
<img src="./assets/images/stop.png" alt="Déconnexion">
</a>
</div>
<p class="login">Bienvenue Charles-Henry</p>
<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 work">
<div class="bg-opacity"></div>
<div class="header-bloc"></div>
<section class="work--head container flex">
<h1 class="post-title">Nos métiers</h1>
<div class="work--head--detail grid">
<div class="detail--img"><img src="./assets/images/quarante-salaries.jpg" alt="L'Equipe Jeusselin"></div>
<div class="detail--txt">
<h2 class="post-chapter">Rencontrez l'équipe en vidéo</h2>
<p>Progressively disseminate high-payoff niche markets without enterprise action items. Completely provide access to cutting-edge methods of empowerment before synergistic networks. Conveniently orchestrate user friendly data before.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nesciunt, pariatur architecto facere magnam amet ab reprehenderit suscipit delectus veniam illo hic! Beatae iusto non natus doloremque cum! Distinctio, in praesentium!</p>
</div>
<div class="detail--video grid">
<div><img src="./assets/images/work-video-01.jpg" alt=""></div>
<div><img src="./assets/images/work-video-01.jpg" alt=""></div>
<div><img src="./assets/images/work-video-01.jpg" alt=""></div>
<div><img src="./assets/images/work-video-01.jpg" alt=""></div>
<div><img src="./assets/images/work-video-01.jpg" alt=""></div>
<div><img src="./assets/images/work-video-01.jpg" alt=""></div>
<div><img src="./assets/images/work-video-01.jpg" alt=""></div>
<div><img src="./assets/images/work-video-01.jpg" alt=""></div>
<div><img src="./assets/images/work-video-01.jpg" alt=""></div>
<div class="video-player">
<img src="./assets/images/work-video-01.jpg" alt="">
<svg id="close-cross" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 237 237">
<defs>
<style>.cls-1{fill:#f9b00e;}.cls-2{fill:#fff;stroke:#fff;stroke-miterlimit:10;stroke-width:20px;}</style>
</defs>
<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>
</section>
<section class="work--main container flex">
<div class="milaceanous grid">
<div class="milaceanous--bloc">
<h2 class="post-chapter">Direction</h2>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Gaël Le Conte</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="milaceanous--bloc">
<h2 class="post-chapter">Responsable Qualité RSE</h2>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy Parmentier</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="milaceanous--bloc">
<h2 class="post-chapter">Magasin LISA</h2>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy Parmentier</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy Parmentier</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="milaceanous--bloc">
<h2 class="post-chapter">Secteur Comptabilité</h2>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Franck Valot</p>
<p class="function">Responsable Administratif et Financier</p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Cheignon</p>
<p class="function">Comptabilité Fournisseurs</p>
</div>
</div>
</div>
<div class="milaceanous--bloc">
<h2 class="post-chapter">Secteur Céréales</h2>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Arnaud Plut</p>
<p class="function">Responsable Céréales & Collecte</p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Charline Lechat</p>
<p class="function">Assistante céréales<br>Exécution durabilité 2BSvs</p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Lydie Chapin</p>
<p class="function">Assistante céréales et appros</p>
</div>
</div>
</div>
<div class="milaceanous--bloc">
<h2 class="post-chapter">Secteur Appros</h2>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Thierry Foulard</p>
<p class="function">Responsable Appros</p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Claire Tacheau</p>
<p class="function">Assistante Commerciale</p>
</div>
</div>
</div>
<div class="milaceanous--bloc">
<h2 class="post-chapter">Secteur Maintenance</h2>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Frédéric Bachelier</p>
<p class="function"></p>
</div>
</div>
</div>
</div>
<div class="business flex">
<div class="milaceanous--bloc flex">
<h2 class="post-chapter">Secteur Commercial</h2>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy Parmentier</p>
<p class="function">Responsable Commercial</p>
</div>
</div>
</div>
<div class="sub-business flex">
<div class="geo--bloc flex">
<h3 class="paragraph-title">Marolles Les Brault</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magdzdzdalie Cheidzdnon</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magaliedzzd Cheignon</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Cheignondzdz</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="geo--bloc flex">
<h3 class="paragraph-title">Mamers</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Cheignon zdzd</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Chdzeignon</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="geo--bloc flex">
<h3 class="paragraph-title">Cherré</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalidzedzde Cheignon</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Cheignonszzdzezdzdzd</p>
<p class="function"></p>
</div>
</div>
</div>
</div>
</div>
<div class="silo flex">
<h2 class="post-chapter">Secteur Silos</h2>
<div class="silo--blocs flex">
<div class="geo--bloc flex">
<h3 class="paragraph-title">Silo Marolles Les Brault</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy Parmentier</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Cheignon</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="geo--bloc flex">
<h3 class="paragraph-title">Silo Mamers</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy Parmentier</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Cheignon</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="geo--bloc flex">
<h3 class="paragraph-title">Silo Moncé</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy Parmentier</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Pignon-Durenad</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie-Anne Cheignon</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="geo--bloc flex">
<h3 class="paragraph-title">Silo Nogent Le Bernard</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy Doricel</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="geo--bloc flex">
<h3 class="paragraph-title">Silo Les Mées</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy Picard</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="geo--bloc flex">
<h3 class="paragraph-title">Silo Cheré</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Henry Parmentier</p>
<p class="function"></p>
</div>
</div>
</div>
<div class="geo--bloc flex">
<h3 class="paragraph-title">Silo Thoigné</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jérémy-Loudabi Parmentier</p>
<p class="function"></p>
</div>
</div>
</div>
</div>
</div>
<div class="logistique flex">
<div class="milaceanous--bloc">
<h2 class="post-chapter">Secteur Logistique</h2>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Hubert Jeusselin</p>
<p class="function">Responsable Transports</p>
</div>
</div>
</div>
<div class="sub-logistique flex">
<div class="logistique--bloc flex">
<h3 class="paragraph-title">Chauffeurs</h3>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magdzdzdalie Cheidzdnon</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magaliedzzd Cheignon</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Cheignondzdz</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Cheignondzdz</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Cheignondzdz</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Jean-Hubert De La Tourette</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Pascal Cheignondzdz</p>
<p class="function"></p>
</div>
</div>
<div class="bloc--img flex">
<img src="./assets/images/work-perso-01.jpg" alt="">
<div class="bloc--txt flex">
<p>Magalie Deroin</p>
<p class="function"></p>
</div>
</div>
</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>
Reference in a new issue View git blame Copy permalink