{% extends 'frontend/frontend.html.twig' %}
{% block meta_robot %}
{{ parent() }}
<link rel="canonical" href="{{ url('frontend_roole_insurance') }}"/>
{{ source('stubs/seo/robots_index_follow.html.twig') }}
{% endblock %}
{% block meta_title %}{{ 'seo.landing.rooleInsurance.title'|trans({}, "seo") }}{% endblock %}
{% block meta_desc %}{{ 'seo.landing.rooleInsurance.desc'|trans({}, "seo") }}{% endblock %}
{% block body_content %}
<div class="assurance-roole">
<div class="landing-header">
<h1 class="titre05">
{{ 'frontend.landing.roole-insurance.header.title'|trans({}, 'landing')|raw }}
</h1>
</div>
<div class="landing-content bg-color01">
<div>
<h2 class="titre01 txtnormal bold">{{ 'frontend.landing.roole-insurance.content.title01'|trans({}, 'landing') }}</h2>
<p class="marginT20">{{ 'frontend.landing.roole-insurance.content.text01'|trans({}, 'landing')|raw }}</p>
<div class="marginT60 clearfix">
<div class="grid-45 tab-l-40 tab-p-hide m-hide">
<div class="paddingR20 txtcenter">
<img src="{{ asset('bundles/vpauto/frontend/images/img-iphone.webp') }}" alt="" />
</div>
</div>
<div class="grid-55 tab-l-60 tab-p-100 m-100">
<div class="block-box-shadow padding20">
<img src="{{ asset('bundles/vpauto/frontend/images/logo-roole.svg') }}" alt="Roole">
<div>
<div class="block-prix bold inbl">
<span>129€</span>
<span class="titre01 txtnormal">{{ 'frontend.landing.roole-insurance.content.item01.title'|trans({}, 'landing') }}</span>
</div>
</div>
<p class="marginT10">{{ 'frontend.landing.roole-insurance.content.item01.desc01'|trans({}, 'landing')|raw }}</p>
<div class="liste01 marginT20">
<div>
<div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item01'|trans({}, 'landing') }}</div>
<div><div> </div></div>
</div>
<div>600 €</div>
</div>
<div>
<div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item02'|trans({}, 'landing') }}</div>
<div><div> </div></div>
</div>
<div>1000 € - 3 000 €</div>
</div>
<div>
<div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item03'|trans({}, 'landing') }}</div>
<div><div> </div></div>
</div>
<div>300 €</div>
</div>
<div>
<div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item04'|trans({}, 'landing') }}</div>
<div><div> </div></div>
</div>
<div>250 €</div>
</div>
<div>
<div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item05'|trans({}, 'landing') }}</div>
<div><div> </div></div>
</div>
<div>300 €</div>
</div>
<div>
<div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item06'|trans({}, 'landing') }}</div>
<div><div> </div></div>
</div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item06.price'|trans({}, 'landing') }}</div>
</div>
<div>
<div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item07'|trans({}, 'landing') }}</div>
<div><div> </div></div>
</div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item07.price'|trans({}, 'landing') }}</div>
</div>
<div>
<div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item08'|trans({}, 'landing')|raw }}</div>
<div><div> </div></div>
</div>
<div>{{ 'frontend.landing.roole-insurance.content.item01.list.item08.price'|trans({}, 'landing') }}</div>
</div>
</div>
</div>
<div class="txtright marginT10">{{ 'frontend.landing.roole-insurance.content.item01.list.item09'|trans({}, 'landing') }}</div>
</div>
</div>
<div class="block02 flex align-items-center marginT60">
<div>
<h2 class="titre01 txtnormal bold titre-balise-rx">{{ 'frontend.landing.roole-insurance.content.item02.title01'|trans({}, 'landing')|raw }}</h2>
<p class="marginT20">{{ 'frontend.landing.roole-insurance.content.item02.desc'|trans({}, 'landing')|raw }}</p>
<ul class="marginT20 marginL30">
<li class="flex">
<span class="img-check marginR10">
<img src="{{ asset('bundles/vpauto/frontend/images/check01.svg') }}" alt="">
</span>
<span>{{ 'frontend.landing.roole-insurance.content.item02.list.item01'|trans({}, 'landing') }}</span>
</li>
<li class="flex marginT10">
<span class="img-check marginR10">
<img src="{{ asset('bundles/vpauto/frontend/images/check01.svg') }}" alt="">
</span>
<span>{{ 'frontend.landing.roole-insurance.content.item02.list.item02'|trans({}, 'landing') }}</span>
</li>
</ul>
</div>
<div>
<div class="img-boitier txtcenter">
<img src="{{ asset('bundles/vpauto/frontend/images/img-boitier.webp') }}" alt="" />
</div>
</div>
</div>
<div class="marginT60">
<div class="titre04 txtnormal bold">{{ 'frontend.landing.roole-insurance.content.item04.title'|trans({}, 'landing') }}</div>
<div class="marginT40 txtcenter">
<a href="{{ path('frontend_temporary_insurance') }}" class="lien14 bg02" title="">{{ 'frontend.landing.roole-insurance.content.item04.link01'|trans({}, 'landing') }}</a>
</div>
</div>
<div class="block01 marginT60">
<img src="{{ asset('bundles/vpauto/frontend/images/comprendre-encheres05.webp') }}" class="img03" alt="Contactez nous" />
<div>
<h3 class="titre03 bold">{{ 'frontend.landing.temporary-insurance.content.item03.title'|trans({}, 'landing') }}</h3>
<p class="marginT20 paddingB20">{{ 'frontend.landing.temporary-insurance.content.item03.desc'|trans({}, 'landing')|raw }}</p>
<p class="titre03 bold">
info@vpauto.eu
<span class="tab-p-hide m-hide">|</span>
<br class="grid-hide tab-l-hide tab-p-visible m-visible">
<span class="m-hide">02 97 76 62 00</span>
<a href="tel:0297766200" title="" class="lien-tel-m bold grid-hide tab-l-hide tab-p-hide m-visible">02 97 76 62 00</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!--Footer -->
{% include 'frontend/footer.html.twig' %}
<!-- FIN Footer -->
{% endblock body_content %}