ldc-jeusselin/integration/rse.php
2021-02-17 09:19:20 +01:00

272 lines
No EOL
22 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="./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 rse">
<div class="header-bloc"></div>
<section class="rse--head container flex">
<h1 class="post-title">Responsabilité sociétaire des entreprises</h1>
<div class="rse--content grid">
<div class="rse--bloc grid">
<div class="bloc--img">
<svg id="rse_01" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 158.43 134.96">
<path class="cls-rse_01" d="M112.2,8c8.5,0,7.56,10.35,7.56,10.35s3.26-4.78,8.37-4.78a9,9,0,0,1,4,.95C139.42,18,129.32,29,129.32,29h0a19.11,19.11,0,0,1,6.63,9.43v0s12.32,3.59,14.32,6.74c1.51,2.38-7.39,7.08-11.87,9.25.25,6.51,0,13.77,0,21.42,0,28.22-7.8,51.09-51.08,51.09-31.72,0-45.06-17.32-50-40.41a.14.14,0,0,0,0-.06c-3.89-13.86-2.6-18.3-2.6-18.3s-4.61,3.26-9.39,3.26a8.26,8.26,0,0,1-7.11-3.76c-4.78-6.89,3.71-12,6.49-13.43a15.76,15.76,0,0,1-6.54,1.45C7.3,55.71.09,43.69,23.76,33c6.63-3,12.28-4.19,17.06-4.19,16,0,22.18,13.44,22.44,18.2.33,6.18-.09,14.66,9.66,16.16a103.65,103.65,0,0,0,15.29,1.25c5.39,0,10.44-.59,14-2.12,7.8-3.41,4.36-13.86,5.2-25-5.22-.21-12.5-1.69-12.61-8.3s3.63-7.75,6.36-7.75a10,10,0,0,1,2.8.4S97.83,10.9,109.26,8.35A13.68,13.68,0,0,1,112.2,8m0-8h0a21.63,21.63,0,0,0-4.68.54C100.21,2.17,97,6.3,95.58,9.47a15,15,0,0,0-1.27,5.38,13.07,13.07,0,0,0-3.39,2.49c-2.84,2.88-4.24,6.87-4.16,11.83,0,3,1.2,11.79,12.5,15,0,.87,0,1.71.08,2.52.09,2.81.23,7-.34,8.28l0,0c-1,.43-4,1.45-10.75,1.45a95.61,95.61,0,0,1-14.07-1.16c-2-.32-2.53-.39-2.82-7.17,0-.51,0-1-.07-1.51-.27-5-3.16-11.16-7.37-15.82a30.15,30.15,0,0,0-23.06-10c-6.29,0-13.14,1.65-20.35,4.9C.17,34.88-.86,45.53.33,51.07A15.54,15.54,0,0,0,9,61.63a14.67,14.67,0,0,0,2.73,10.62,16.25,16.25,0,0,0,13.68,7.2,18.22,18.22,0,0,0,2.1-.12c.47,2.61,1.16,5.64,2.15,9.17,3,14.08,8.86,25.12,17.3,32.82C56.84,130.37,70.44,135,87.35,135c22.69,0,38.4-5.88,48-18,9.8-12.3,11.05-28.43,11.05-41.11,0-2.42,0-4.81,0-7.14,0-3.27.06-6.41,0-9.46,8.19-4.49,10.65-7.67,11.57-10.92A9.1,9.1,0,0,0,157,40.91c-.82-1.28-3.16-5-15.19-9a27.8,27.8,0,0,0-2.13-3.55c2-3.47,3.69-7.9,2.84-12.28a12.23,12.23,0,0,0-7-8.79,17,17,0,0,0-7.41-1.73,16.33,16.33,0,0,0-3.71.43,13.86,13.86,0,0,0-1-1.28A14.61,14.61,0,0,0,112.2,0Z"/>
<circle class="cls-rse_01" cx="122.59" cy="43.19" r="3.23"/>
</svg>
</div>
<h2 class="post-chapter">Elever durablement</h2>
</div>
<div class="rse--bloc grid">
<div class="bloc--img">
<svg id="rse_02" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 178.43 110.99">
<circle class="cls-rse_02" cx="89.21" cy="43.49" r="15.27"/>
<path class="cls-rse_02" d="M124.14,93.33a37.5,37.5,0,0,0-69.85,0,51.48,51.48,0,0,0,69.85,0Z"/>
<path class="cls-rse_02" d="M148,27.14A11.57,11.57,0,1,0,136.4,15.57,11.57,11.57,0,0,0,148,27.14Z"/>
<path class="cls-rse_02" d="M174.43,53.34a28.42,28.42,0,0,0-52.93,0,39,39,0,0,0,52.93,0Z"/>
<path class="cls-rse_02" d="M30.46,27.14A11.57,11.57,0,1,0,18.89,15.57,11.57,11.57,0,0,0,30.46,27.14Z"/>
<path class="cls-rse_02" d="M56.93,53.34A28.42,28.42,0,0,0,4,53.34a39,39,0,0,0,52.93,0Z"/>
</svg>
</div>
<h2 class="post-chapter">Mieux vivre ensemble</h2>
</div>
<div class="rse--bloc grid">
<div class="bloc--img">
<svg id="rse_03" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128.86 131.49">
<path class="cls-rse_03" d="M56.59,56.59s-11.85,25.63-33,4.48S4,4,4,4s35.88-1.59,57,19.56S56.59,56.59,56.59,56.59Z"/>
<path class="cls-rse_03" d="M86.33,64.58S67.54,55.91,83,40.4s41.8-14.33,41.8-14.33,1.17,26.3-14.33,41.8S86.33,64.58,86.33,64.58Z"/>
<path class="cls-rse_03" d="M71.07,108.62C75.4,62,30.73,27.7,30.73,27.7"/>
<path class="cls-rse_03" d="M100.89,50S76.13,70.17,69.43,82.6"/>
<path class="cls-rse_03" d="M124.6,127.49s-26.94-18.87-60.17-18.87S4.26,127.49,4.26,127.49"/>
</svg>
</div>
<h2 class="post-chapter">Respecter la terre</h2>
</div>
<div class="rse--bloc grid">
<div class="bloc--img">
<svg id="rse_04" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 179.54 132.17">
<path class="cls-rse_04" d="M104.18,13.23V4H90.7v9.23c2.22-.22,4.46-.35,6.74-.35S102,13,104.18,13.23Z"/>
<path class="cls-rse_04" d="M175.54,74.62a6,6,0,0,1-6.24,5.67H25.59c-3.45,0-6.25-2.54-6.25-5.67h0c0-3.12,2.8-5.66,6.25-5.66H169.3a6,6,0,0,1,6.24,5.66Z"/>
<path class="cls-rse_04" d="M4,101.19l29.43,27s13.49-6.51,20.85-5.4,43.84,3.8,55.18,0,37-26.69,39.57-32.61c3.38-7.67-9.73-9-19.33-1.23-16.25,13.18-26.52,13.49-44,13.49,0,0,11.83-4.57,19.78-7.36,9.74-3.41,9.81-11.65,2.14-13.57-12.15-3.06-22.63,4.38-36.74,5-13.59.59-24.88-6.5-37.76,8C28.47,99.68,4,101.19,4,101.19Z"/>
<path class="cls-rse_04" d="M97.44,12.88C65.17,12.88,39,38,39,69H155.89C155.89,38,129.72,12.88,97.44,12.88Z"/>
</svg>
</div>
<h2 class="post-chapter">Bien nourrir</h2>
</div>
</div>
</section>
<section class="rse--main container flex">
<p class="post-subtitle">Nos engagements</p>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veritatis placeat voluptas quasi tempora nulla provident id laborum dolores dolor praesentium consequuntur atque inventore, quibusdam iure, suscipit minima tempore eum commodi blanditiis similique repellat? Iste, numquam. Assumenda ipsum fuga, reprehenderit doloribus illo placeat, non impedit officia perspiciatis possimus quia est exercitationem?</p>
<div class="engag--blocs grid">
<div class="engag--bloc grid">
<div class="bloc--img">
<svg id="engag_01" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 169.54 120.28">
<circle class="cls-engag_01" cx="79.72" cy="64.96" r="24.33"/>
<path class="cls-engag_01" d="M23.33,16.42a9.67,9.67,0,1,1-9.66-9.67A9.67,9.67,0,0,1,23.33,16.42Z"/>
<path class="cls-engag_01" d="M25.38,71.35a9.67,9.67,0,1,1-9.67-9.66A9.67,9.67,0,0,1,25.38,71.35Z"/>
<path class="cls-engag_01" d="M155.87,97a9.67,9.67,0,1,1-9.66-9.67A9.65,9.65,0,0,1,155.87,97Z"/>
<path class="cls-engag_01" d="M165.54,13.67A9.67,9.67,0,1,1,155.87,4,9.66,9.66,0,0,1,165.54,13.67Z"/>
<path class="cls-engag_01" d="M67.89,106.61A9.67,9.67,0,1,1,58.22,97,9.67,9.67,0,0,1,67.89,106.61Z"/>
<path class="cls-engag_01" d="M113.72,15.15a9.67,9.67,0,1,1-9.67-9.67A9.67,9.67,0,0,1,113.72,15.15Z"/>
<line class="cls-engag_01" x1="21.45" y1="22.14" x2="60.11" y2="50.55"/>
<line class="cls-engag_01" x1="102.27" y1="49.77" x2="146.21" y2="20.18"/>
<line class="cls-engag_01" x1="90.4" y1="43.09" x2="99.33" y2="24.82"/>
<line class="cls-engag_01" x1="102.27" y1="75.81" x2="137.5" y2="92.76"/>
<line class="cls-engag_01" x1="68.2" y1="87.28" x2="62.65" y2="98.03"/>
<line class="cls-engag_01" x1="25.38" y1="70.39" x2="52.55" y2="67.67"/>
</svg>
</div>
<h2 class="post-chapter">Gouvernance et conduite des affaires</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit cupiditate ex laborum nemo iusto hic quae ad quisquam libero laudantium recusandae ut, sint non eveniet.</p>
</div>
<div class="engag--bloc grid">
<div class="bloc--img">
<svg id="engag_02" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 197.67 114.65">
<path class="cls-engag_02-1" d="M57.82,22.18s30.65-5.6,48.33-1.48,26.14,8.19,26.14,8.19"/>
<path class="cls-engag_02-1" d="M45.3,73.33s42.69,33.58,47.75,36c8.5,4,12-3.5,12-3.5"/>
<path class="cls-engag_02-1" d="M95.05,95.54l16,13.9s10.75,5.1,11.25-5.65"/>
<path class="cls-engag_02-1" d="M101.55,82.79s19.5,18.86,24.75,20.3,11.73-.5,9.61-10.15"/>
<path class="cls-engag_02-1" d="M112.05,70.54s22.85,23.8,29.5,25c9.7,1.75,16.5-6.75,2.75-20.5s-30.67-32.28-39.25-34c-10-2-28.7.53-34-4.75-8.19-8.15,1-17.18,20.5-17.09"/>
<path class="cls-engag_02-1" d="M43.53,76.49a5.83,5.83,0,0,1-7,4.31L8.47,74A5.85,5.85,0,0,1,4.16,67L18.28,8.47a5.85,5.85,0,0,1,7-4.31l28,6.76a5.84,5.84,0,0,1,4.3,7Z"/>
<path class="cls-engag_02-2" d="M35.06,65.79A5.63,5.63,0,1,1,30.91,59,5.63,5.63,0,0,1,35.06,65.79Z"/>
<path class="cls-engag_02-1" d="M193.23,66.05a5.83,5.83,0,0,1-3.16,7.62L163.45,84.73a5.84,5.84,0,0,1-7.63-3.16L132.74,26a5.83,5.83,0,0,1,3.15-7.63l26.62-11a5.84,5.84,0,0,1,7.63,3.15Z"/>
<path class="cls-engag_02-2" d="M180.07,62.39a5.63,5.63,0,1,1-7.35-3A5.63,5.63,0,0,1,180.07,62.39Z"/>
</svg>
</div>
<h2 class="post-chapter">Gouvernance et conduite des affaires</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut, ipsam. Est modi voluptatum molestias, deleniti quaerat expedita libero, voluptate ipsum error perspiciatis temporibus laboriosam nostrum?</p>
</div>
<div class="engag--bloc grid">
<div class="bloc--img">
<svg id="engag_03" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 152.72 126.59">
<rect class="cls-engag_03" x="68.5" y="89.83" width="7.67" height="32.76"/>
<rect class="cls-engag_03" x="27.5" y="103.83" width="7.67" height="18.76"/>
<path class="cls-engag_03" d="M37.79,38.77a20.9,20.9,0,0,0-6.46-1C16.24,37.74,4,54.09,4,74.25s12.24,29.58,27.33,29.58c11.48,0,21.29-5.45,25.35-16.91a37.86,37.86,0,0,0,2-12.67C58.67,57.06,49.77,42.65,37.79,38.77Z"/>
<path class="cls-engag_03" d="M125.33,4c-8.79,0-16.44,11.94-20.44,29.58a61.24,61.24,0,0,1,2.61,17.84c0,8.88-1.83,16.15-5,21.88,2.29,23.7,11.64,34.87,22.84,34.87,12.92,0,23.39-14.84,23.39-46.63S138.25,4,125.33,4Z"/>
<path class="cls-engag_03" d="M104.89,33.58C99.62,16.24,86.88,4,72,4,55.67,4,41.93,18.73,37.79,38.77c12,3.88,20.88,18.29,20.88,35.48a37.86,37.86,0,0,1-2,12.67A39.44,39.44,0,0,0,72,89.83c13,0,24.29-5.34,30.49-16.53,3.18-5.73,5-13,5-21.88A61.24,61.24,0,0,0,104.89,33.58Z"/>
<rect class="cls-engag_03" x="124.17" y="108.05" width="3" height="14.54"/>
</svg>
</div>
<h2 class="post-chapter">Gouvernance et conduite des affaires</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti odit aliquam consectetur illum saepe fugiat, laboriosam sunt tempore minima fuga, perferendis rerum quidem. Obcaecati, consequatur.</p>
</div>
<div class="engag--bloc grid">
<div class="bloc--img">
<svg id="engag_04" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.76 103.92">
<rect class="cls-engag_04" x="4" y="4" width="95.92" height="95.92"/>
<polyline class="cls-engag_04" points="137.76 4 61.77 79.99 18.26 36.48"/>
</svg>
</div>
<h2 class="post-chapter">Gouvernance et conduite des affaires</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<div class="engag--bloc grid">
<div class="bloc--img">
<svg id="engag_05" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 178.43 110.99">
<circle class="cls-engag_05" cx="89.21" cy="43.49" r="15.27"/>
<path class="cls-engag_05" d="M124.14,93.33a37.5,37.5,0,0,0-69.85,0,51.48,51.48,0,0,0,69.85,0Z"/>
<path class="cls-engag_05" d="M148,27.14A11.57,11.57,0,1,0,136.4,15.57,11.57,11.57,0,0,0,148,27.14Z"/>
<path class="cls-engag_05" d="M174.43,53.34a28.42,28.42,0,0,0-52.93,0,39,39,0,0,0,52.93,0Z"/>
<path class="cls-engag_05" d="M30.46,27.14A11.57,11.57,0,1,0,18.89,15.57,11.57,11.57,0,0,0,30.46,27.14Z"/>
<path class="cls-engag_05" d="M56.93,53.34A28.42,28.42,0,0,0,4,53.34a39,39,0,0,0,52.93,0Z"/>
</svg>
</div>
<h2 class="post-chapter">Gouvernance et conduite des affaires</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui soluta sint ratione iure repellendus accusantium odit, 130 caractères max.</p>
</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 type="text/javascript" src="./assets/js/main.js"></script>
</html>