templates/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block content %}
  5.     <div class="color_blue">
  6.         <div class="container">
  7.             <form class="row pb-xl-2 pb-lg-2 pb-md-2 pb-3 pt-xl-4 pt-lg-4 pt-md-4 pt-3 justify-content-center" id="formSearchMap">
  8.                 <div class="cols-left text-white label-text font-weight-bold">
  9.                     <p>Adresse</p>
  10.                     <p class="color_red1 text_descendre_un_corps mt-sm-1">Ville, département...</p>
  11.                 </div>
  12.                 <div class="cols-center">
  13.                     <input class="input_2 p-2 mb-2 text_descendre_un_corps" type="text" id="pac-input">
  14.                 </div>
  15.                 <div class="cols-right label-text-right text-white">
  16.                     <button class="button-search text_descendre_un_corps" onclick="geocode();" type="submit">TROUVEZ</button>
  17.                     <p class="mt-2 mb-0 font-weight-bold text_descendre_un_corps">Une voiture <span class="color_red1">proche de chez vous</span></p>
  18.                 </div>
  19.             </form>
  20.         </div>
  21.     </div>
  23.     <div class="container mb-0">
  24.         <div class="row mt-2">
  26.             <div class="col-xl-3 col-lg-3 d-xl-block d-lg-block d-none text-xl-right text-lg-right text-md-center text-sm-center text-center">
  27.                 <img height="630px" src="{{ asset("img/parcours.svg") }}" alt="parcours">
  28.             </div>
  30.             <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 text-center" id="scrollSmothHere">
  31.                 <h4 class="font-weight-normals"><span class="color_red font-weight-normal-1 font_23">Recherchez votre centre </span> <span>
  32.                         <svg version="1.1" id="Calque_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="25 35 370 100" height="50" style="enable-background:new 0 0 419.53 175.12;" xml:space="preserve">
  33.                                     <style type="text/css">
  34.                                         .st00{fill:#EE7369;}
  35.                                         .st11{fill:#FFFFFF;}
  36.                                         .st22{fill:#004F9D;}
  37.                                         .st33{fill:#004994;}
  38.                                         .st44{fill:url(#SVGID_1_);}
  39.                                     </style>
  40.                                     <g>
  41.                                         <g>
  42.                                             <g>
  43.                                                 <path class="st00" d="M141.96,65.09c2.41,6.24,3.28,13.14,2.46,20.29c-0.82,7.18-3.31,13.97-7.03,20l223.88,0
  44.                 c6.5,0,12.08-4.65,13.24-11.04l5.34-29.24H141.96z"></path>
  45.                                                 <g>
  46.                                                     <g>
  47.                                                         <path class="st11" d="M185.04,76.31l-10.74,18.6h-4.84l-4.14-18.6h4.58l2.7,14.16l7.69-14.16H185.04z"></path>
  48.                                                         <path class="st11" d="M192.45,79.89l-0.72,3.97h8.93l-0.63,3.32h-8.88l-0.74,4.14h9.58l-0.67,3.58h-13.93l3.3-18.6h13.76
  49.                         l-0.7,3.58H192.45z"></path>
  50.                                                         <path class="st11" d="M224.46,76.31l-3.32,18.6h-3.72l-5.39-9.83c-0.72-1.37-1.02-1.74-1.16-2.09h-0.07l-2.09,11.93h-4
  51.                         l3.32-18.6h3.72l5.39,9.79c0.74,1.37,1.02,1.77,1.19,2.14h0.02l2.11-11.93H224.46z"></path>
  52.                                                         <path class="st11" d="M244.42,80.01h-6.02l-2.65,14.9h-4.37l2.63-14.9h-6.09l0.67-3.7h16.53L244.42,80.01z"></path>
  53.                                                         <path class="st11" d="M252.88,79.89l-0.72,3.97h8.93l-0.63,3.32h-8.88l-0.74,4.14h9.58l-0.67,3.58h-13.92l3.3-18.6h13.76
  54.                         l-0.7,3.58H252.88z"></path>
  55.                                                         <path class="st11" d="M284.11,91.56h-8.23l-1.81,3.35h-4.79l10.53-18.6h5.58l3.91,18.6h-4.56L284.11,91.56z M283.51,88.21
  56.                         l-1.49-8.04l-4.35,8.04H283.51z"></path>
  57.                                                         <path class="st11" d="M312.07,76.31l-1.98,11.07c-0.88,4.97-4.11,7.86-9.14,7.86c-5.11,0-8.16-3.07-7.32-7.86l2-11.07h4.35
  58.                         l-1.86,10.51c-0.51,2.91,0.63,4.51,3.25,4.51c2.67,0,4.14-1.7,4.63-4.51l1.81-10.51H312.07z"></path>
  59.                                                         <path class="st11" d="M331.82,80.01h-6.02l-2.65,14.9h-4.37l2.63-14.9h-6.09l0.67-3.7h16.53L331.82,80.01z"></path>
  60.                                                         <path class="st11" d="M333.17,86.72c0-5.88,4.02-10.74,10.46-10.74c5.09,0,8.76,2.95,8.76,8.44c0,5.9-3.98,10.81-10.53,10.81
  61.                         C336.89,95.23,333.17,92.12,333.17,86.72z M347.91,84.84c0-3.09-1.65-5-4.53-5c-3.44,0-5.72,2.86-5.72,6.46
  62.                         c0,3.18,1.79,5.07,4.63,5.07C345.74,91.37,347.91,88.37,347.91,84.84z"></path>
  63.                                                     </g>
  64.                                                 </g>
  65.                                                 <path class="st22" d="M39.78,85.01c-1.2,10.57,7.54,17.84,17.74,16.21c4.66,15.24,18.58,25.95,36.27,25.95
  66.                 c23.48,0,44.67-18.88,47.35-42.15c2.67-23.28-14.18-42.15-37.66-42.15c-17.69,0-34.08,10.71-42.23,25.95
  67.                 C51.21,67.18,41,74.47,39.78,85.01z"></path>
  68.                                                 <path class="st33" d="M39.78,85.01c-1.2,10.57,7.54,17.84,17.74,16.21c4.66,15.24,18.58,25.95,36.27,25.95
  69.                 c23.48,0,44.67-18.88,47.35-42.15c2.67-23.28-14.18-42.15-37.66-42.15c-17.69,0-34.08,10.71-42.23,25.95
  70.                 C51.21,67.18,41,74.47,39.78,85.01z"></path>
  71.                                                 <path class="st11" d="M121.59,63.19c-3.29-3.81-9.45-5.82-17.79-5.82c-11.13,0-23.86,4.36-26.18,16.57
  72.                 c-0.61,3.22-0.11,5.96,1.51,8.18c2.33,3.23,7.03,5.35,13.95,6.3l10.19,1.4c3.37,0.46,5.36,1.26,6.27,2.52
  73.                 c0.57,0.79,0.73,1.8,0.49,3.1c-0.65,3.4-4.68,7.36-13.94,7.36c-4.79,0-8.18-1.04-10.07-3.08c-1.4-1.51-1.99-3.68-1.77-6.25
  74.                 L72.15,93.5c-0.86,4.48-0.03,8.25,2.42,11.19c3.43,4.1,9.84,6.27,18.55,6.27c17.07,0,27.6-5.96,29.65-16.78
  75.                 c0.47-2.48,0.58-6.06-1.58-9.05c-2.01-2.79-5.61-4.57-10.68-5.28l-14.13-2.02c-2.76-0.39-4.52-1.16-5.38-2.35
  76.                 c-0.62-0.85-0.78-1.95-0.52-3.35c0.81-4.27,6.19-6.59,10.84-6.59c4.74,0,7.84,0.88,9.46,2.7c1.2,1.36,1.64,3.37,1.32,5.92
  77.                 l12.09-0.03C124.89,69.68,124.02,66,121.59,63.19z"></path>
  79.                                                 <radialGradient id="SVGID_1_" cx="209.5394" cy="771.6927" r="10.083" gradientTransform="matrix(0.8451 0 -0.1007 0.8451 -43.2915 -566.028)" gradientUnits="userSpaceOnUse">
  80.                                                     <stop offset="0.25" style="stop-color:#E5E99B"></stop>
  81.                                                     <stop offset="0.9" style="stop-color:#75B843"></stop>
  82.                                                 </radialGradient>
  83.                                                 <path class="st44" d="M63.77,85.7c-0.56,4.71-4.83,8.52-9.54,8.52c-4.7,0-8.06-3.82-7.51-8.52c0.56-4.7,4.83-8.52,9.54-8.52
  84.                 S64.33,81,63.77,85.7z"></path>
  85.                                             </g>
  86.                                         </g>
  87.                                     </g>
  88.                                 </svg>
  89.                     </span></h4>
  90.                 <div class="google-map" id="mapAdherent"></div>
  92.                 <div class="d-xl-none d-lg-none d-block col-md-12 col-sm-12 text-xl-right text-lg-right text-md-center text-sm-center text-center">
  93.                     <img height="630px" class="parcours_margin" src="{{ asset("img/parcours.svg") }}" alt="parcours">
  94.                 </div>
  96.                 <div class="text-center d-flex flex-row justify-content-center">
  97.                     <div class="pt-3 ml-2 mr-2 pb-3">
  98.                         <div class="div-img-icon1 mx-xl-auto mx-lg-auto mx-md-auto mx-sm-auto mx-auto">
  99.                             <img class="img_service icon1" src="{{ asset("/img/car-solid.svg") }}" alt="véhicule">
  100.                         </div>
  101.                         <p class="color_red1 font-weight-normal text_descendre_un_corps">Véhicules disponibles <span class="font-weight-bold">immédiatement</span></p>
  102.                     </div>
  103.                     <div class="pt-3 ml-2 mr-2 pb-3">
  104.                         <div class="div-img-icon1 mx-xl-auto mx-lg-auto mx-md-auto mx-sm-auto mx-auto">
  105.                             <img class="img_service icon1" src="{{ asset("/img/handshake-solid.svg") }}" alt="service">
  106.                         </div>
  107.                         <p class="color_red1 font-weight-normal text_descendre_un_corps">1 Service de <span class="font-weight-bold">proximité</span></p>
  108.                     </div>
  109.                     <div class="pt-3 ml-2 mr-2 pb-3">
  110.                         <div class="div-img-icon1 mx-xl-auto mx-lg-auto mx-md-auto mx-sm-auto mx-auto">
  111.                             <img class="img_service icon1" src="{{ asset("/img/comments-dollar-solid.svg") }}" alt="rachat">
  112.                         </div>
  113.                         <p class="color_red1"><span class="font-weight-bold text_descendre_un_corps">Rachat Cash</span> <span class="font-weight-normal text_descendre_un_corps">de votre véhicule</span></p>
  114.                     </div>
  115.                     <div class="pt-3 ml-2 mr-2 pb-3">
  116.                         <div class="div-img-icon1 mx-xl-auto mx-lg-auto mx-md-auto mx-sm-auto mx-auto">
  117.                             <img class="img_service icon1" src="{{ asset("/img/headset-regular.svg") }}" alt="service après vente">
  118.                         </div>
  119.                         <p class="color_red1"><span class="font-weight-normal text_descendre_un_corps">Service</span> <span class="font-weight-bold text_descendre_un_corps">après vente</span></p>
  120.                     </div>
  121.                 </div>
  122.             </div>
  124.         </div>
  125.     </div>
  127.     <div class="first_menu text-center">
  128.         <div class="container">
  129.             <div class="col-12 pt-2 pb-2">
  130.                 <h4 class="color_blue1 font-weight-normals">Le concept
  131.                     <span>
  132.                         <svg version="1.1" id="Calque_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="25 35 370 100" height="50" style="enable-background:new 0 0 419.53 175.12;" xml:space="preserve">
  133.             <style type="text/css">
  134.                 .st00{fill:#EE7369;}
  135.                 .st11{fill:#FFFFFF;}
  136.                 .st22{fill:#004F9D;}
  137.                 .st33{fill:#004994;}
  138.                 .st44{fill:url(#SVGID_1_);}
  139.             </style>
  140.             <g>
  141.                 <g>
  142.                     <g>
  143.                         <path class="st00" d="M141.96,65.09c2.41,6.24,3.28,13.14,2.46,20.29c-0.82,7.18-3.31,13.97-7.03,20l223.88,0
  144. c6.5,0,12.08-4.65,13.24-11.04l5.34-29.24H141.96z"></path>
  145.                         <g>
  146.                             <g>
  147.                                 <path class="st11" d="M185.04,76.31l-10.74,18.6h-4.84l-4.14-18.6h4.58l2.7,14.16l7.69-14.16H185.04z"></path>
  148.                                 <path class="st11" d="M192.45,79.89l-0.72,3.97h8.93l-0.63,3.32h-8.88l-0.74,4.14h9.58l-0.67,3.58h-13.93l3.3-18.6h13.76
  149. l-0.7,3.58H192.45z"></path>
  150.                                 <path class="st11" d="M224.46,76.31l-3.32,18.6h-3.72l-5.39-9.83c-0.72-1.37-1.02-1.74-1.16-2.09h-0.07l-2.09,11.93h-4
  151. l3.32-18.6h3.72l5.39,9.79c0.74,1.37,1.02,1.77,1.19,2.14h0.02l2.11-11.93H224.46z"></path>
  152.                                 <path class="st11" d="M244.42,80.01h-6.02l-2.65,14.9h-4.37l2.63-14.9h-6.09l0.67-3.7h16.53L244.42,80.01z"></path>
  153.                                 <path class="st11" d="M252.88,79.89l-0.72,3.97h8.93l-0.63,3.32h-8.88l-0.74,4.14h9.58l-0.67,3.58h-13.92l3.3-18.6h13.76
  154. l-0.7,3.58H252.88z"></path>
  155.                                 <path class="st11" d="M284.11,91.56h-8.23l-1.81,3.35h-4.79l10.53-18.6h5.58l3.91,18.6h-4.56L284.11,91.56z M283.51,88.21
  156. l-1.49-8.04l-4.35,8.04H283.51z"></path>
  157.                                 <path class="st11" d="M312.07,76.31l-1.98,11.07c-0.88,4.97-4.11,7.86-9.14,7.86c-5.11,0-8.16-3.07-7.32-7.86l2-11.07h4.35
  158. l-1.86,10.51c-0.51,2.91,0.63,4.51,3.25,4.51c2.67,0,4.14-1.7,4.63-4.51l1.81-10.51H312.07z"></path>
  159.                                 <path class="st11" d="M331.82,80.01h-6.02l-2.65,14.9h-4.37l2.63-14.9h-6.09l0.67-3.7h16.53L331.82,80.01z"></path>
  160.                                 <path class="st11" d="M333.17,86.72c0-5.88,4.02-10.74,10.46-10.74c5.09,0,8.76,2.95,8.76,8.44c0,5.9-3.98,10.81-10.53,10.81
  161. C336.89,95.23,333.17,92.12,333.17,86.72z M347.91,84.84c0-3.09-1.65-5-4.53-5c-3.44,0-5.72,2.86-5.72,6.46
  162. c0,3.18,1.79,5.07,4.63,5.07C345.74,91.37,347.91,88.37,347.91,84.84z"></path>
  163.                             </g>
  164.                         </g>
  165.                         <path class="st22" d="M39.78,85.01c-1.2,10.57,7.54,17.84,17.74,16.21c4.66,15.24,18.58,25.95,36.27,25.95
  166. c23.48,0,44.67-18.88,47.35-42.15c2.67-23.28-14.18-42.15-37.66-42.15c-17.69,0-34.08,10.71-42.23,25.95
  167. C51.21,67.18,41,74.47,39.78,85.01z"></path>
  168.                         <path class="st33" d="M39.78,85.01c-1.2,10.57,7.54,17.84,17.74,16.21c4.66,15.24,18.58,25.95,36.27,25.95
  169. c23.48,0,44.67-18.88,47.35-42.15c2.67-23.28-14.18-42.15-37.66-42.15c-17.69,0-34.08,10.71-42.23,25.95
  170. C51.21,67.18,41,74.47,39.78,85.01z"></path>
  171.                         <path class="st11" d="M121.59,63.19c-3.29-3.81-9.45-5.82-17.79-5.82c-11.13,0-23.86,4.36-26.18,16.57
  172. c-0.61,3.22-0.11,5.96,1.51,8.18c2.33,3.23,7.03,5.35,13.95,6.3l10.19,1.4c3.37,0.46,5.36,1.26,6.27,2.52
  173. c0.57,0.79,0.73,1.8,0.49,3.1c-0.65,3.4-4.68,7.36-13.94,7.36c-4.79,0-8.18-1.04-10.07-3.08c-1.4-1.51-1.99-3.68-1.77-6.25
  174. L72.15,93.5c-0.86,4.48-0.03,8.25,2.42,11.19c3.43,4.1,9.84,6.27,18.55,6.27c17.07,0,27.6-5.96,29.65-16.78
  175. c0.47-2.48,0.58-6.06-1.58-9.05c-2.01-2.79-5.61-4.57-10.68-5.28l-14.13-2.02c-2.76-0.39-4.52-1.16-5.38-2.35
  176. c-0.62-0.85-0.78-1.95-0.52-3.35c0.81-4.27,6.19-6.59,10.84-6.59c4.74,0,7.84,0.88,9.46,2.7c1.2,1.36,1.64,3.37,1.32,5.92
  177. l12.09-0.03C124.89,69.68,124.02,66,121.59,63.19z"></path>
  179.                         <radialGradient id="SVGID_1_" cx="209.5394" cy="771.6927" r="10.083" gradientTransform="matrix(0.8451 0 -0.1007 0.8451 -43.2915 -566.028)" gradientUnits="userSpaceOnUse">
  180.                             <stop offset="0.25" style="stop-color:#E5E99B"></stop>
  181.                             <stop offset="0.9" style="stop-color:#75B843"></stop>
  182.                         </radialGradient>
  183.                         <path class="st44" d="M63.77,85.7c-0.56,4.71-4.83,8.52-9.54,8.52c-4.7,0-8.06-3.82-7.51-8.52c0.56-4.7,4.83-8.52,9.54-8.52
  184. S64.33,81,63.77,85.7z"></path>
  185.                     </g>
  186.                 </g>
  187.             </g>
  188.         </svg>
  189.                     </span>
  190.                 </h4>
  191.                 <p class="text_color_grey mb-1 text_descendre_un_corps">
  192.                     Le concept Vente auto par Point S : Acheter et louer des véhicules 0 km ou d'occasion sans stress !<br>
  193.                     Point S Vente Auto, c’est le nouveau concept de la <a href="{{ url_concept }}" target="_blank" class="color_blue1 font-weight-normal" style="text-decoration: revert;">meilleure enseigne française</a> !<br>
  194.                     Que vous souhaitiez acheter un nouveau véhicule ou revendre le vôtre, profitez de l’expertise Point S Vente Auto pour une prestation complète et rapide :<br>
  195.                 </p>
  196.                 <div class="row text-left">
  197.                     <p class="color_red1 mb-1 text_descendre_un_corps ml-auto mr-auto">
  198.                         - Reprise de votre véhicule avec ou sans obligation d’achat<br>
  199.                         - Une garantie sur votre véhicule pouvant aller jusqu’à 36 mois<br>
  200.                         - Le choix d’un financement classique ou personnalisé<br>
  201.                     </p>
  202.                 </div>
  203.                 <p class="text_color_grey text_descendre_un_corps">
  204.                     Retrouvez aussi tous les avantages du réseau Point S dans votre centre Vente Auto pour entretenir votre véhicule !<br> Vidange, pneumatiques, vitrage, révision constructeur et bien d’autres services sont disponibles dans vos centres Point S !
  205.                 </p>
  206.             </div>
  207.         </div>
  208.     </div>
  210.     <div class="container">
  211.         <div class="row mt-3">
  212.             <div class="col-md-4 col-sm-12 text-center img_diag">
  213.                 <div class="bordereds">
  214.                     <a href="{{path("garantie")}}" class="no-decoration">
  215.                         <h4 class="color_blue1 titre_metier font-weight-normals">Garantie sur-mesure</h4>
  216.                         <img src="{{ asset("img/points/Final/garantie_venteauto_2022.jpg") }}" alt="garantie" class="w-100 mb-2 border-radius-4">
  217.                         <p class="text_color_grey text_descendre_un_corps pl-2 pr-2 margin-bottom-garantie">
  218.                             Aucune crainte lors d’un achat de véhicule d’occasion : avec la garantie Point S Vente Auto, votre véhicule acheté est garanti 12 mois au minimum.<br>
  219.                             Et pour plus de sérénité, vous pouvez même garantir votre véhicule jusqu’à 36 mois !
  220.                         </p>
  221.                     </a>
  222.                 </div>
  223.             </div>
  225.             <div class="col-md-4 col-sm-12 text-center img_diag">
  226.                 <div class="bordereds">
  227.                     <a href="{{path("financement")}}" class="no-decoration">
  228.                         <h4 class="color_blue1 titre_metier font-weight-normals">Financement</h4>
  229.                         <img class="w-100 mb-2 border-radius-4" src="{{ asset("img/points/Final/financement_venteauto_2022.jpg") }}" alt="financement">
  230.                         <p class="text_color_grey text_descendre_un_corps pl-2 pr-2">
  231.                             Chez Point S Vente Auto, décidez de votre moyen de paiement.
  232.                             En plus du paiement comptant, Point S vous propose la Location avec Option d’Achat (LOA) ou Crédit auto, choisissez l’alternative qui vous correspond !<br>
  233.                             Envie de préserver votre épargne ? Optez pour une solution personnalisée avec ou sans apport.
  234.                         </p>
  235.                     </a>
  236.                 </div>
  237.             </div>
  238.             
  239.             <div class="col-md-4 col-sm-12 text-center img_diag">
  240.                 <div class="bordereds">
  241.                     <a href="{{path("reprise")}}" class="no-decoration">
  242.                         <h4 class="color_blue1 titre_metier font-weight-normals">Reprise</h4>
  243.                         <img class="w-100 mb-2 border-radius-4" src="{{ asset("img/points/Final/reprise_venteauto_2022.jpg") }}" alt="reprise">
  244.                         <p class="text_color_grey text_descendre_un_corps pl-2 pr-2">
  245.                             Grâce au service de reprise Point S Vente Auto, vous séparer de votre ancienne voiture n’aura jamais été aussi simple !<br>
  246.                             Nous réalisons directement l’estimation de votre véhicule et vous proposons la meilleure offre. Avec ou sans condition d’achat, vous êtes payé au plus vite.
  247.                         </p>
  248.                     </a>
  249.                 </div>
  250.             </div>
  251.         </div>
  252.     </div>
  255. {% endblock %}
  257. {% block javascripts_footer %}
  258.     {% include '_partials/map_home.html.twig' %}
  259. {% endblock %}