src/Resources/views/Frontend/landing/sale-auto-pro.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/frontend_pro.html.twig' %}
  3. {% block meta_robot %}
  4.     {{ parent() }}
  5.     <link rel="canonical" href="{{ url('frontend_sale_auto_pro') }}"/>
  6.     {{ source('stubs/seo/robots_index_follow.html.twig') }}
  7. {% endblock %}
  9. {% block tawkto '' %}
  11. {% block meta_title %}{{ 'seo.landing.sale-auto-pro.title'|trans({}, "seo") }}{% endblock %}
  12. {% block meta_desc %}{{ 'seo.landing.sale-auto-pro.desc'|trans({}, "seo") }}{% endblock %}
  14. {% block body_content %}
  15. <div class="vendre-auto-pro">
  16.     <div class="landing-header">
  17.         <h1 class="titre05">
  18.             {{ 'frontend.landing.sale-auto-pro.header.title'|trans({}, 'landing') }}
  19.         </h1>
  20.     </div>
  21.     <div class="landing-content bg-color01 marginLR100">
  22.         <div>
  23.             <div class="block-flex01 justify-content-space-between">
  24.                 <div class="grid-70 m-100 bold marginR20">
  25.                     <h2 class="titre01 txtnormal bold marginB20">{{ 'frontend.landing.sale-auto-pro.content.section01.title'|trans({}, 'landing') }}</h2>
  26.                     <p>{{ 'frontend.landing.sale-auto-pro.content.section01.text01'|trans({}, 'landing') }}</p>
  27.                 </div>
  28.                 <div class="grid-30 m-100 txtcenter">
  29.                     <div class="horaires">
  30.                         <div><img src="{{ asset('bundles/vpauto/frontend/images/optimvo01.webp') }}" alt="" /></div>
  31.                         <div class="font16 block-box-shadow">
  32.                             <span class="block bold">{{ 'frontend.landing.sale-auto-pro.content.section01.text02'|trans({}, 'landing')|raw }}</span>
  33.                             <span class="m-hide">02 52 42 01 02</span>
  34.                             <a href="tel:0252420102" title="" class="lien-tel-m grid-hide tab-l-hide tab-p-hide m-visible">02 52 42 01 02</a>
  35.                         </div>
  36.                     </div>
  37.                 </div>
  38.             </div>
  40.             <div class="block01 marginT60">
  41.                 <div>
  42.                     <div><img src="{{ asset('bundles/vpauto/frontend/images/icone26.webp') }}" width="147" alt="" /></div>
  43.                     <p>{{ 'frontend.landing.sale-auto-pro.content.section02.text01'|trans({}, 'landing') }}</p>
  44.                 </div>
  45.                 <div >
  46.                     <div><img src="{{ asset('bundles/vpauto/frontend/images/icone28.webp') }}" width="172" alt="" /></div>
  47.                     <p>{{ 'frontend.landing.sale-auto-pro.content.section02.text02'|trans({}, 'landing') }}</p>
  48.                 </div>
  49.                 <div>
  50.                     <div><img src="{{ asset('bundles/vpauto/frontend/images/icone27.webp') }}" width="135" alt="" /></div>
  51.                     <p>
  52.                         {{ 'frontend.landing.sale-auto-pro.content.section02.text03'|trans({}, 'landing') }}
  53.                         <span class="bubule bubule-desktop">DMS*<span class="bul-cont">
  54.                             {{ 'Reynolds and Reynolds - Bee2link - Autobiz - Planet VO² (pvo / pvo)'|trans|raw }}
  55.                         </span></span>
  56.                         <span class="bubule-mobile">
  57.                             <a class="fancybox-popup" href="#bubule-mobile-cont01" >DMS*</a>
  58.                             <span id="bubule-mobile-cont01" class="bubule-mobile-cont" style="display: none">
  59.                                 {{ 'Reynolds and Reynolds - Bee2link - Autobiz - Planet VO² (pvo / pvo)'|trans|raw }}
  60.                             </span>
  61.                         </span>
  62.                     </p>
  63.                 </div>
  64.             </div>
  66.             <div class="grid-container block-box-shadow marginT60">
  67.                 <div class="padding20">
  68.                     <h3 class="titre03 color16 bold">{{ 'frontend.landing.sale-auto-pro.content.section03.title'|trans({}, 'landing') }}</h3>
  69.                     <p class="marginT20">{{ 'frontend.landing.sale-auto-pro.content.section03.text01'|trans({}, 'landing') }}</p>
  70.                 </div>
  71.             </div>
  73.             <div class="grid-container block-box-shadow marginT60">
  74.                 <div class="padding20">
  75.                     <h3 class="titre03 color16 bold">{{ 'frontend.landing.sale-auto-pro.content.section04.title'|trans({}, 'landing') }}</h3>
  76.                     <ul class="liste01 marginT20">
  77.                         <li>
  78.                             <span><img src="{{ asset('bundles/vpauto/frontend/images/plus01.png') }}" width="20" alt="" /></span>
  79.                             <span>{{ 'frontend.landing.sale-auto-pro.content.section04.list.item01'|trans({}, 'landing') }}</span>
  80.                         </li>
  81.                         <li>
  82.                             <span><img src="{{ asset('bundles/vpauto/frontend/images/plus01.png') }}" width="20" alt="" /></span>
  83.                             <span>{{ 'frontend.landing.sale-auto-pro.content.section04.list.item02'|trans({}, 'landing') }}</span>
  84.                         </li>
  85.                         <li>
  86.                             <span><img src="{{ asset('bundles/vpauto/frontend/images/plus01.png') }}" width="20" alt="" /></span>
  87.                             <span>{{ 'frontend.landing.sale-auto-pro.content.section04.list.item03'|trans({}, 'landing') }}</span>
  88.                         </li>
  89.                         <li>
  90.                             <span><img src="{{ asset('bundles/vpauto/frontend/images/plus01.png') }}" width="20" alt="" /></span>
  91.                             <span>{{ 'frontend.landing.sale-auto-pro.content.section04.list.item04'|trans({}, 'landing') }}</span>
  92.                         </li>
  93.                         <li>
  94.                             <span><img src="{{ asset('bundles/vpauto/frontend/images/plus01.png') }}" width="20" alt="" /></span>
  95.                             <span>{{ 'frontend.landing.sale-auto-pro.content.section04.list.item05'|trans({}, 'landing') }}</span>
  96.                         </li>
  97.                     </ul>
  98.                 </div>
  99.             </div>
  101.             <div class="block02 block-box-shadow marginT60">
  102.                 <div class="prelative padding20">
  103.                     <div class="logo-optimvo"><img src="{{ asset('bundles/vpauto/frontend/images/logo-optimvo.webp') }}" width="130" alt="Optim'VO" /></div>
  104.                     <h3 class="titre03 bold">{{ 'frontend.landing.sale-auto-pro.content.section05.title'|trans({}, 'landing') }}</h3>
  105.                     <p class="marginT20">{{ 'frontend.landing.sale-auto-pro.content.section05.text01'|trans({}, 'landing') }}</p>
  106.                     <ul class="liste01 marginT20">
  107.                         <li>
  108.                             <span><img src="{{ asset('bundles/vpauto/frontend/images/check02.svg') }}" width="20" alt="" /></span>
  109.                             <span>{{ 'frontend.landing.sale-auto-pro.content.section05.list.item01'|trans({}, 'landing') }}</span>
  110.                         </li>
  111.                         <li>
  112.                             <span><img src="{{ asset('bundles/vpauto/frontend/images/check02.svg') }}" width="20" alt="" /></span>
  113.                             <span>{{ 'frontend.landing.sale-auto-pro.content.section05.list.item02'|trans({}, 'landing') }}</span>
  114.                         </li>
  115.                         <li>
  116.                             <span><img src="{{ asset('bundles/vpauto/frontend/images/check02.svg') }}" width="20" alt="" /></span>
  117.                             <span>{{ 'frontend.landing.sale-auto-pro.content.section05.list.item03'|trans({}, 'landing') }}</span>
  118.                         </li>
  119.                     </ul>
  120.                     <div class="block-lien">
  121.                         <a href="http://optimvo.fr" class="lien14 bg05" title="" target="_blank">{{ 'frontend.landing.sale-auto-pro.content.section05.link'|trans({}, 'landing') }}</a>
  122.                     </div>
  123.                 </div>
  124.             </div>
  126.             <div class="marginT60">
  127.                 <h2 class="titre01 txtnormal bold marginB20">{{ 'frontend.landing.sale-auto-pro.content.section06.title'|trans({}, 'landing') }}</h2>
  128.                 <p class="marginB20">{{ 'frontend.landing.sale-auto-pro.content.section06.text01'|trans({}, 'landing')|raw }}</p>
  129.                 <div class="form">
  130.                     <form action="{{ path('frontend_sale_auto_pro') }}" method="post" novalidate="novalidate">
  131.                         <div class="flex">
  132.                             <div>
  133.                                 <p>
  134.                                     {{ form_label(form.companyName) }}
  135.                                     {{ form_widget(form.companyName) }}
  136.                                     {{ form_errors(form.companyName) }}
  137.                                 </p>
  138.                             </div>
  139.                             <div>
  140.                                 <p>
  141.                                     {{ form_label(form.lastname) }}
  142.                                     {{ form_widget(form.lastname) }}
  143.                                     {{ form_errors(form.lastname) }}
  144.                                 </p>
  145.                             </div>
  146.                         </div>
  147.                         <div class="flex">
  148.                             <div>
  149.                                 <p>
  150.                                     {{ form_label(form.function) }}
  151.                                     {{ form_widget(form.function) }}
  152.                                     {{ form_errors(form.function) }}
  153.                                 </p>
  154.                             </div>
  155.                             <div>
  156.                                 <p>
  157.                                     {{ form_label(form.tel) }}
  158.                                     {{ form_widget(form.tel) }}
  159.                                     {{ form_errors(form.tel) }}
  160.                                 </p>
  161.                             </div>
  162.                         </div>
  163.                         <div class="flex">
  164.                             <div>
  165.                                 <p>
  166.                                     {{ form_label(form.email) }}
  167.                                     {{ form_widget(form.email) }}
  168.                                     {{ form_errors(form.email) }}
  169.                                 </p>
  170.                             </div>
  171.                             <div>
  172.                                 <p>
  173.                                     {{ form_label(form.message) }}
  174.                                     {{ form_widget(form.message) }}
  175.                                     {{ form_errors(form.message) }}
  176.                                 </p>
  177.                             </div>
  178.                         </div>
  179.                         <div class="captcha marginT30">{{ form_widget(form.recaptcha) }}</div>
  180.                         <div class="captcha-error">{{ form_errors(form.recaptcha) }}</div>
  181.                         <p class="btn-pro">
  182.                             {{ form_widget(form.send) }}
  183.                         </p>
  184.                         <p>{{ 'frontend.landing.newsletter-registration.content.text03'|trans({}, 'landing') }}</p>
  185.                         {{ form_rest(form) }}
  186.                     </form>
  187.                 </div>
  188.             </div>
  189.         </div>
  190.     </div>
  191. </div>
  192. {% endblock body_content %}