templates/nos_equipes.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  4. {% block content %}
  6.     <img src="{{ asset('assets/img/bannieres/banniere-equipe.png') }}" alt="Responsive image" class="img-fluid">
  8.     <div id="nosequipes">
  9.         <u><h1 style="font-weight: 600"> NOS EQUIPES </h1></u>
  10.     </div>
  12.     <div class="title_equipe">
  13.         <u><h1 style="font-weight: 600"> LES FONDATEURS </h1></u>
  14.     </div>
  16.     <div class="container">
  17.         <div class="eqp-hidden">
  18.             <div id="carousel-F" class="carousel slide mt-5" data-ride="carousel" style="width: 75%; margin: auto;">
  19.                 <div class="carousel-inner">
  20.                     <div class="carousel-item active">
  21.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/julien-carousel.png') }}"
  22.                              alt="First slide">
  23.                     </div>
  24.                     <div class="carousel-item">
  25.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/vincent-carousel.png') }}"
  26.                              alt="Second slide">
  27.                     </div>
  28.                 </div>
  29.                 <button class="carousel-control-prev" type="button" data-bs-target="#carousel-F" data-bs-slide="prev">
  30.                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  31.                     <span class="visually-hidden">Previous</span>
  32.                 </button>
  33.                 <button class="carousel-control-next" type="button" data-bs-target="#carousel-F" data-bs-slide="next">
  34.                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  35.                     <span class="visually-hidden">Next</span>
  36.                 </button>
  37.             </div>
  38.         </div>
  39.         <div class="row eqp-hidden-2">
  40.             <div class="col">
  41.                 <div class="row">
  42.                     <div class="col-6">
  43.                         <img src="{{ asset('assets/img/equipe/ju.png') }}" alt="Responsive image" class="img-fluid">
  44.                     </div>
  45.                     <div class="col-6 my-auto equipe-infos-xl">
  46.                         <p> Julien KARAYAN </p>
  47.                         <p style="color: #A0C620;"> 06 32 28 04 58 </p>
  48.                         <P> Président </p>
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.             <div class="col">
  53.                 <div class="row">
  54.                     <div class="col-6">
  55.                         <img src="{{ asset('assets/img/equipe/vincent.png') }}" alt="Responsive image"
  56.                              class="img-fluid">
  57.                     </div>
  58.                     <div class="col-6 my-auto equipe-infos-xl">
  59.                         <p> Vincent HASSOLD </p>
  60.                         <p style="color: #A0C620;"> 06 15 76 39 20 </p>
  61.                         <p> Directeur Général </p>
  62.                     </div>
  63.                 </div>
  64.             </div>
  65.         </div>
  66.     </div>
  68.     <div class="title_equipe">
  69.         <u><h1 style="font-weight: 600"> LES TECHNICIENS </h1></u>
  70.     </div>
  72.     <div class="container">
  73.         <div class="row eqp-hidden">
  74.             <div id="carousel-T" class="carousel slide mt-5" data-ride="carousel" style="width: 75%; margin: auto;">
  75.                 <div class="carousel-inner">
  76.                     <div class="carousel-item active">
  77.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/armand-carousel.png') }}"
  78.                              alt="First slide">
  79.                     </div>
  80.                     <div class="carousel-item">
  81.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/ronan-carousel.png') }}"
  82.                              alt="Third slide">
  83.                     </div>
  84.                     <div class="carousel-item">
  85.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/thomas-carousel.png') }}"
  86.                              alt="Third slide">
  87.                     </div>
  88.                     <div class="carousel-item">
  89.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/morgan-carousel.png') }}"
  90.                              alt="Third slide">
  91.                     </div>
  92.                     <div class="carousel-item">
  93.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/romain-carousel.png') }}"
  94.                              alt="Third slide">
  95.                     </div>
  96.                     <div class="carousel-item">
  97.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/tonton_carousel.png') }}"
  98.                              alt="Third slide">
  99.                     </div>
  100.                     <div class="carousel-item">
  101.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/kevin2-carousel.png') }}"
  102.                              alt="Third slide">
  103.                     </div>
  104.                 </div>
  105.                 <button class="carousel-control-prev" type="button" data-bs-target="#carousel-T" data-bs-slide="prev">
  106.                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  107.                     <span class="visually-hidden">Previous</span>
  108.                 </button>
  109.                 <button class="carousel-control-next" type="button" data-bs-target="#carousel-T" data-bs-slide="next">
  110.                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  111.                     <span class="visually-hidden">Next</span>
  112.                 </button>
  113.             </div>
  114.         </div>
  115.         <div class="row eqp-hidden-2">
  116.             <div class="col-4">
  118.             </div>
  119.             <div class="col-4">
  120.                 <div class="row">
  121.                     <div class="col-6">
  122.                         <img src="{{ asset('assets/img/equipe/armand.png') }}" alt="Responsive image" class="img-fluid">
  123.                     </div>
  124.                     <div class="col-6 my-auto equipe-infos">
  125.                         <p> Armand MAURY </p>
  126.                         <p style="color: #A0C620;"> 06 21 69 59 96 </p>
  127.                         <p> Directeur technique </p>
  128.                     </div>
  129.                 </div>
  130.             </div>
  131.             <div class="col-4">
  133.             </div>
  134.             <div class="col-4">
  135.                 <div class="row">
  136.                     <div class="col-6">
  137.                         <img src="{{ asset('assets/img/equipe/morgan.png') }}" alt="Responsive image" class="img-fluid">
  138.                     </div>
  139.                     <div class="col-6 my-auto equipe-infos">
  140.                         <p> Morgan </p>
  141.                         <p style="color: #A0C620"> Poseur </p>
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.             <div class="col-4">
  146.                 <div class="row">
  147.                     <div class="col-6">
  148.                         <img src="{{ asset('assets/img/equipe/ronan.png') }}" alt="Responsive image" class="img-fluid">
  149.                     </div>
  150.                     <div class="col-6 my-auto equipe-infos">
  151.                         <p> Ronan </p>
  152.                         <p style="color: #A0C620"> Responsable sous-sols </P>
  153.                     </div>
  154.                 </div>
  155.             </div>
  156.             <div class="col-4">
  157.                 <div class="row">
  158.                     <div class="col-6">
  159.                         <img src="{{ asset('assets/img/equipe/romain.png') }}" alt="Responsive image" class="img-fluid">
  160.                     </div>
  161.                     <div class="col-6 my-auto equipe-infos">
  162.                         <p> Romain </p>
  163.                         <p style="color: #A0C620"> Poseur </p>
  164.                     </div>
  165.                 </div>
  166.             </div>
  167.             <div class="col-4">
  168.                 <div class="row">
  169.                     <div class="col-6">
  170.                         <img src="{{ asset('assets/img/equipe/tonton.png') }}" alt="Responsive image" class="img-fluid">
  171.                     </div>
  172.                     <div class="col-6 my-auto equipe-infos">
  173.                         <p> Thibaut </p>
  174.                         <p style="color: #A0C620"> Poseur </P>
  175.                     </div>
  176.                 </div>
  177.             </div>
  178.             <div class="col-4">
  179.                 <div class="row">
  180.                     <div class="col-6">
  181.                         <img src="{{ asset('assets/img/equipe/pinou.png') }}" alt="Responsive image" class="img-fluid">
  182.                     </div>
  183.                     <div class="col-6 my-auto equipe-infos">
  184.                         <p> Thomas </p>
  185.                         <p style="color: #A0C620"> Poseur </P>
  186.                     </div>
  187.                 </div>
  188.             </div>
  189.             <div class="col-4">
  190.                 <div class="row">
  191.                     <div class="col-6">
  192.                         <img src="{{ asset('assets/img/equipe/kevin2.png') }}" alt="Responsive image" class="img-fluid">
  193.                     </div>
  194.                     <div class="col-6 my-auto equipe-infos">
  195.                         <p> Kevin </p>
  196.                         <p style="color: #A0C620"> Poseur </P>
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.         </div>
  201.     </div>
  203.     <div class="title_equipe">
  204.         <u><h1 style="font-weight: 600"> LE SERVICE COMMERCIAL </h1></u>
  205.     </div>
  207.     <div class="container">
  208.         <div class="eqp-hidden">
  209.             <div id="carousel-C" class="carousel slide mt-5" data-ride="carousel" style="width: 75%; margin: auto;">
  210.                 <div class="carousel-inner">
  211.                     <div class="carousel-item active">
  212.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/marian-carousel.png') }}"
  213.                              alt="Second slide">
  214.                     </div>
  215.                     <div class="carousel-item">
  216.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/nicolas-carousel.png') }}"
  217.                              alt="Third slide">
  218.                     </div>
  219.                     <div class="carousel-item">
  220.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/hugo-carousel.png') }}"
  221.                              alt="Third slide">
  222.                     </div>
  223.                 </div>
  224.                 <button class="carousel-control-prev" type="button" data-bs-target="#carousel-C" data-bs-slide="prev">
  225.                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  226.                     <span class="visually-hidden">Previous</span>
  227.                 </button>
  228.                 <button class="carousel-control-next" type="button" data-bs-target="#carousel-C" data-bs-slide="next">
  229.                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  230.                     <span class="visually-hidden">Next</span>
  231.                 </button>
  232.             </div>
  233.         </div>
  234.         <div class="row eqp-hidden-2">
  235.             <div class="col-4">
  237.             </div>
  238.             <div class="col-4">
  239.                 <div class="row">
  240.                     <div class="col-12 my-auto equipe-infos">
  241.                         <p> Marian DUCHADEUIL </p>
  242.                         <p style="color: #A0C620;"> 07 77 85 71 00 </p>
  243.                         <p> Directeur Commercial </p>
  244.                     </div>
  245.                 </div>
  246.             </div>
  247.             <div class="col-4">
  248.             </div>
  249.             <div class="col-4">
  250.                 <div class="row">
  251.                     <div class="col-6">
  252.                         <img src="{{ asset('assets/img/equipe/hugo.png') }}" alt="Responsive image"
  253.                              class="img-fluid">
  254.                     </div>
  255.                     <div class="col-6 my-auto equipe-infos">
  256.                         <p> Hugo FORESTIER </p>
  257.                         <p style="color: #A0C620;"> 06 78 71 31 36 </p>
  258.                         <p> Technicien conseil </p>
  259.                     </div>
  260.                 </div>
  261.             </div>
  262.             <div class="col-4">
  264.             </div>
  265.             <div class="col-4">
  266.                 <div class="row">
  267.                     <div class="col-6">
  268.                         <img src="{{ asset('assets/img/equipe/nicogam.png') }}" alt="Responsive image"
  269.                              class="img-fluid">
  270.                     </div>
  271.                     <div class="col-6 my-auto equipe-infos">
  272.                         <p> Nicolas GAMAURY </p>
  273.                         <p style="color: #A0C620;"> 06 30 08 70 54 </p>
  274.                         <p> Technicien conseil </p>
  275.                     </div>
  276.                 </div>
  277.             </div>
  278.         </div>
  279.     </div>
  281.     <div class="title_equipe">
  282.         <u><h1 style="font-weight: 600"> LE BUREAU </h1></u>
  283.     </div>
  284.     <div class="container">
  285.         <div class="eqp-hidden">
  286.             <div id="carousel-B" class="carousel slide mt-5" data-ride="carousel" style="width: 75%; margin: auto;">
  287.                 <div class="carousel-inner">
  288.                     <div class="carousel-item active">
  289.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/isa-carousel.png') }}"
  290.                              alt="First slide">
  291.                     </div>
  292.                     <div class="carousel-item">
  293.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/kat-carousel2.png') }}"
  294.                              alt="Second slide">
  295.                     </div>
  296.                     <div class="carousel-item">
  297.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/gaelle-carousel.png') }}"
  298.                              alt="Third slide">
  299.                     </div>
  300.                     <div class="carousel-item">
  301.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/patricia-carousel.png') }}"
  302.                              alt="Third slide">
  303.                     </div>
  304.                     <div class="carousel-item">
  305.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/celia-carousel.png') }}"
  306.                              alt="Second slide">
  307.                     </div>
  308.                     <div class="carousel-item">
  309.                         <img class="d-block w-100" src="{{ asset('assets/img/equipe/manu-carousel.png') }}"
  310.                              alt="Third slide">
  311.                     </div>
  312.                 </div>
  313.                 <button class="carousel-control-prev" type="button" data-bs-target="#carousel-B" data-bs-slide="prev">
  314.                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  315.                     <span class="visually-hidden">Previous</span>
  316.                 </button>
  317.                 <button class="carousel-control-next" type="button" data-bs-target="#carousel-B" data-bs-slide="next">
  318.                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  319.                     <span class="visually-hidden">Next</span>
  320.                 </button>
  321.             </div>
  322.         </div>
  323.         <div class="row eqp-hidden-2">
  324.             <div class="col-4">
  325.             </div>
  326.             <div class="col-4">
  327.                 <div class="row">
  328.                     <div class="col-6">
  329.                         <img src="{{ asset('assets/img/equipe/isa.png') }}" alt="Responsive image" class="img-fluid">
  330.                     </div>
  331.                     <div class="col-6 my-auto equipe-infos">
  332.                         <p> Isabelle Pallard </p>
  333.                         <p style="color: #A0C620;"> 05 55 14 62 77 </p>
  334.                         <p> Directrice Administrative </p>
  335.                     </div>
  336.                 </div>
  337.             </div>
  338.             <div class="col-4">
  339.             </div>
  340.             <div class="col-4">
  341.                 <div class="row">
  342.                     <div class="col-6">
  343.                         <img src="{{ asset('assets/img/equipe/kat2.png') }}" alt="Responsive image" class="img-fluid">
  344.                     </div>
  345.                     <div class="col-6 my-auto equipe-infos">
  346.                         <p> Kathryn Smith</p>
  347.                         <p style="color: #A0C620"> Assistante administrative </p>
  348.                     </div>
  349.                 </div>
  350.             </div>
  351.             <div class="col-4">
  352.                 <div class="row">
  353.                     <div class="col-6">
  354.                         <img src="{{ asset('assets/img/equipe/patricia.png') }}" alt="Responsive image"
  355.                              class="img-fluid">
  356.                     </div>
  357.                     <div class="col-6 my-auto equipe-infos">
  358.                         <p> Patricia Fort </p>
  359.                         <p style="color: #A0C620"> Assistante administrative</p>
  360.                     </div>
  361.                 </div>
  362.             </div>
  363.             <div class="col-4">
  364.                 <div class="row">
  365.                     <div class="col-6">
  366.                         <img src="{{ asset('assets/img/equipe/gaelle.png') }}" alt="Responsive image" class="img-fluid">
  367.                     </div>
  368.                     <div class="col-6 my-auto equipe-infos">
  369.                         <p> Gaelle Therou</p>
  370.                         <p style="color: #A0C620"> Chargée <br/> de planification </p>
  371.                     </div>
  372.                 </div>
  373.             </div>
  374.             <div class="col-4">
  375.                 <div class="row">
  376.                     <div class="col-6">
  377.                         <img src="{{ asset('assets/img/equipe/celia.png') }}" alt="Responsive image" class="img-fluid">
  378.                     </div>
  379.                     <div class="col-6 my-auto equipe-infos">
  380.                         <p> Célia LACHAUD </p>
  381.                         <p style="color: #A0C620;"> 06 37 86 53 52 </p>
  382.                         <p> Commercial </p>
  383.                     </div>
  384.                 </div>
  385.             </div>
  386.             <div class="col-4">
  388.             </div>
  389.             <div class="col-4">
  390.                 <div class="row">
  391.                     <div class="row">
  392.                         <div class="col-6">
  393.                             <img src="{{ asset('assets/img/equipe/manu.png') }}" alt="Responsive image" class="img-fluid">
  394.                         </div>
  395.                         <div class="col-6 my-auto equipe-infos">
  396.                             <p> Emmanuel Laval </p>
  397.                             <p style="color: #A0C620"> Développeur </p>
  398.                         </div>
  399.                     </div>
  400.                 </div>
  401.             </div>
  402.         </div>
  403.     </div>
  405. {% endblock %}
  407.     {% block footer %}
  408.         {{ parent() }}
  409.     {% endblock %}