ldc-jeusselin/resources/views/front/csr.blade.php
Olivier Legat c2285eb4a4 imports des assets
layouts et blades front
2021-02-17 11:22:08 +01:00

153 lines
13 KiB
PHP

@extends('layouts.app')
@section('content')
<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>
@endsection