src/Resources/views/Frontend/landing/visit-vehicle.html.twig line 164

Open in your IDE?
  1. {% extends 'frontend/frontend.html.twig' %}
  3. {% block meta_robot %}
  4.     {{ parent() }}
  5.     <link rel="canonical" href="{{ url('frontend_visit_vehicle') }}"/>
  6.     {{ source('stubs/seo/robots_index_follow.html.twig') }}
  7. {% endblock %}
  9. {% block meta_title %}{{ 'seo.landing.visit-vehicle.title'|trans({}, "seo") }}{% endblock %}
  10. {% block meta_desc %}{{ 'seo.landing.visit-vehicle.desc'|trans({}, "seo") }}{% endblock %}
  12. {% block body_content %}
  14. <div class="visiter-vehicle">
  15.     <div class="landing-header">
  16.         <h1 class="titre05">
  17.             {{ 'frontend.landing.visit-vehicle.header.title'|trans({}, 'landing') }}
  18.         </h1>
  19.     </div>
  20.     <div class="landing-content bg-color01">
  21.         <div>
  22.             <div>
  23.                 <h2 class="titre01 txtnormal">{{ 'frontend.landing.visit-vehicle.content.title'|trans({}, 'landing')|raw }}</h2>
  24.                 <div class="grid-container marginT20">
  25.                     <div class="grid-45 tab-l-100 tab-p-100 m-100">
  26.                         <p>{{ 'frontend.landing.visit-vehicle.content.desc'|trans({}, 'landing')|raw }}</p>
  27.                     </div>
  28.                     <div class="grid-55 tab-l-hide tab-p-hide m-hide">
  29.                         <ul class="liste01">
  30.                             <li class="txtcenter padding10">
  31.                                 <a href="#exposition-publique" title="">
  32.                                     <img src="{{ asset('bundles/vpauto/frontend/images/icone01.svg') }}" alt="l'exposition publique des véhicules sur place" />
  33.                                 </a>
  34.                             </li>
  35.                             <li class="txtcenter padding10">
  36.                                 <a href="#visite-sur-place" title="">
  37.                                     <img src="{{ asset('bundles/vpauto/frontend/images/icone02.svg') }}" alt="la visite sur rendez-vous sur place" />
  38.                                 </a>
  39.                             </li>
  40.                             <li class="txtcenter padding10">
  41.                                 <a href="#visite-a-distance" title="">
  42.                                     <img src="{{ asset('bundles/vpauto/frontend/images/icone03.svg') }}" alt="la visite sur rendez-vous à distance" />
  43.                                 </a>
  44.                             </li>
  45.                         </ul>
  46.                     </div>
  47.                 </div>
  48.                 <span id="exposition-publique">&nbsp;</span>
  49.             </div>
  51.             <div class="grid-container block-flex block-box-shadow">
  52.                 <div class="grid-70 tab-l-70 tab-p-100 m-100 order-2">
  53.                     <div class="marginT20 paddingR20 marginB20 marginL30">
  54.                         <h3 class="titre03 color05"><strong>{{ 'frontend.landing.visit-vehicle.content.item01.title'|trans({}, 'landing') }}</strong></h3>
  55.                         <p class="marginT10 paddingB20">{{ 'frontend.landing.visit-vehicle.content.item01.desc'|trans({'%lorient%': path('frontend_room_lorient'), '%nantes%': path('frontend_room_nantes'), '%rouen%': path('frontend_room_rouen')}, 'landing')|raw }}</p>
  56.                         <p><a href="{{ path('registration_step', {step: 2}) }}" class="lien14 bg01" title="">{{ 'frontend.landing.visit-vehicle.content.item01.link'|trans({}, 'landing') }}</a></p>
  57.                         <span id="visite-sur-place"></span>
  58.                     </div>
  59.                 </div>
  60.                 <div class="grid-30 tab-l-30 tab-p-hide m-100 height-240">
  61.                     <img src="{{ asset('bundles/vpauto/frontend/images/visiter-vehicule01.webp') }}" class="img-cover" alt="L'exposition publique des véhicules sur place" />
  62.                 </div>
  63.             </div>
  65.             <div class="grid-container block-flex block-box-shadow marginT60">
  66.                 <div class="grid-30 tab-l-30 tab-p-hide m-100 height-240">
  67.                     <img src="{{ asset('bundles/vpauto/frontend/images/visiter-vehicule02.webp') }}" class="img-cover" alt="La visite sur rendez-vous sur place" />
  68.                 </div>
  69.                 <div class="grid-70 tab-l-70 tab-p-100 m-100">
  70.                     <div class="marginT20 paddingR20 marginB20 marginL30">
  71.                         <h3 class="titre03 color03"><strong>{{ 'frontend.landing.visit-vehicle.content.item02.title'|trans({}, 'landing') }}</strong></h3>
  72.                         <p class="marginT10 paddingB20">{{ 'frontend.landing.visit-vehicle.content.item02.desc01'|trans({}, 'landing')|raw }}</p>
  73.                         <p>
  74.                             <span><i class="icon-visiter-vehicule"></i></span>
  75.                             <span>
  76.                                 <span class="txt-decoration">{{ 'frontend.vehicle.view.visit_vehicle_rdv'|trans|raw }}</span>
  77.                                 <span class="font12">©</span>
  78.                                 <i class="icon-whatsapp"></i>
  79.                             </span>
  80.                         </p>
  81.                         <p class="marginT20 paddingB20">{{ 'frontend.landing.visit-vehicle.content.item02.desc02'|trans({}, 'landing')|raw }}</p>
  82.                         <p><a href="https://devices.minutpass.com/iframe.html?header=1&context=VPAUTO&configuration=2940" class="lien14 bg02" title="" target="_blank">{{ 'frontend.landing.visit-vehicle.content.item02.link'|trans({}, 'landing') }}</a></p>
  83.                         <span id="visite-a-distance"></span>
  84.                     </div>
  85.                 </div>
  86.             </div>
  88.             <div class="grid-container block-flex block-box-shadow marginT60">
  89.                 <div class="grid-70 tab-l-70 tab-p-100 m-100 order-2">
  90.                     <div class="marginT20 paddingR20 marginB20 marginL30">
  91.                         <h3 class="titre03 color11"><strong>{{ 'frontend.landing.visit-vehicle.content.item03.title'|trans({}, 'landing') }}</strong></h3>
  92.                         <p class="marginT10 paddingB20">{{ 'frontend.landing.visit-vehicle.content.item03.desc01'|trans({}, 'landing')|raw }}</p>
  93.                         <p>
  94.                             <span><i class="icon-visiter-vehicule"></i></span>
  95.                             <span>
  96.                                 <span class="txt-decoration">{{ 'frontend.vehicle.view.visit_vehicle_rdv'|trans|raw }}</span>
  97.                                 <span class="font12">©</span>
  98.                                 <i class="icon-whatsapp"></i>
  99.                             </span>
  100.                         </p>
  101.                         <p class="marginT20 paddingB20">{{ 'frontend.landing.visit-vehicle.content.item03.desc02'|trans({}, 'landing')|raw }}</p>
  102.                         <p><a href="https://devices.minutpass.com/iframe.html?header=1&context=VPAUTO&configuration=2940" class="lien14 bg03" title="" target="_blank">{{ 'frontend.landing.visit-vehicle.content.item03.link'|trans({}, 'landing') }}</a></p>
  103.                     </div>
  104.                 </div>
  105.                 <div class="grid-30 tab-l-30 tab-p-hide m-100 height-240">
  106.                     <img src="{{ asset('bundles/vpauto/frontend/images/visiter-vehicule03.webp') }}" class="img-cover" alt="La visite sur rendez-vous à distance" />
  107.                 </div>
  108.             </div>
  110.             <div class="grid-container marginT60">
  111.                 <p class="titre02">
  112.                     {{ 'frontend.landing.visit-vehicle.content.item04.title'|trans({}, 'landing') }}
  113.                     <strong><a href="{{ path('frontend_salesrooms') }}" title="">{{ 'frontend.landing.visit-vehicle.content.item04.link01'|trans({}, 'landing') }}</a></strong>
  114.                 </p>
  115.                 <p class="marginT10 paddingB20">{{ 'frontend.landing.visit-vehicle.content.item04.desc'|trans({}, 'landing') }}</p>
  116.                 <div class="grid-container">
  117.                     <div class="grid-60 tab-l-100 tab-p-100 m-100 m-100 paddingB20">
  118.                         <ul class="liste02 marginT20">
  119.                             <li>
  120.                                 <img src="{{ asset('bundles/vpauto/frontend/images/icone-localisation.svg') }}" alt="salle de Lorient" width="20" class="marginR10" />
  121.                                 <a href="{{ path('frontend_room_lorient') }}" title="">VPAUTO LORIENT</a>
  122.                             </li>
  123.                             <li>
  124.                                 <img src="{{ asset('bundles/vpauto/frontend/images/icone-localisation.svg') }}" alt="salle de Nantes" width="20" class="marginR10" />
  125.                                 <a href="{{ path('frontend_room_nantes') }}" title="">VPAUTO NANTES</a>
  126.                             </li>
  127.                             <li>
  128.                                 <img src="{{ asset('bundles/vpauto/frontend/images/icone-localisation.svg') }}" alt="salle de Rouen" width="20" class="marginR10" />
  129.                                 <a href="{{ path('frontend_room_rouen') }}" title="">VPAUTO ROUEN</a>
  130.                             </li>
  131.                             <li>
  132.                                 <img src="{{ asset('bundles/vpauto/frontend/images/icone-localisation.svg') }}" alt="salle de Lyon" width="20" class="marginR10" />
  133.                                 <a href="{{ path('frontend_room_lyon') }}" title="">VPAUTO LYON</a>
  134.                             </li>
  135.                             <li>
  136.                                 <img src="{{ asset('bundles/vpauto/frontend/images/icone-localisation.svg') }}" alt="salle de Paris" width="20" class="marginR10" />
  137.                                 <a href="{{ path('frontend_room_paris') }}" title="">VPAUTO PARIS</a>
  138.                             </li>
  139.                             <li>
  140.                                 <img src="{{ asset('bundles/vpauto/frontend/images/icone-localisation.svg') }}" alt="salle de Bordeaux" width="20" class="marginR10" />
  141.                                 <a href="{{ path('frontend_room_bordeaux') }}" title="">VPAUTO BORDEAUX</a>
  142.                             </li>
  143.                             <li>
  144.                                 <img src="{{ asset('bundles/vpauto/frontend/images/icone-localisation.svg') }}" alt="salle de Marseille" width="20" class="marginR10" />
  145.                                 <a href="{{ path('frontend_room_marseille') }}" title="">VPAUTO MARSEILLE</a>
  146.                             </li>
  147.                             <li>
  148.                                 <img src="{{ asset('bundles/vpauto/frontend/images/icone-localisation.svg') }}" alt="salle de Lille" width="20" class="marginR10" />
  149.                                 <a href="{{ path('frontend_room_lille') }}" title="">VPAUTO LILLE</a>
  150.                             </li>
  151.                         </ul>
  152.                         <p><a href="https://devices.minutpass.com/iframe.html?header=1&context=VPAUTO&configuration=2940" class="lien09" title="" target="_blank">{{ 'frontend.landing.visit-vehicle.content.item04.link02'|trans({}, 'landing') }}</a></p>
  153.                     </div>
  154.                     <div class="grid-40 tab-l-100 tab-p-100 m-100 txtcenter">
  155.                         <img src="{{ asset('bundles/vpauto/frontend/images/visiter-vehicule04.webp') }}" alt="Points de vente" />
  156.                     </div>
  157.                 </div>
  158.             </div>
  160.         </div>
  161.     </div>
  162. </div>
  163. <!--Footer -->
  164. {% include 'frontend/footer.html.twig' %}
  165. <!-- FIN Footer -->
  166. {% endblock body_content %}