{% extends 'frontend/frontend.html.twig' %}
{% block meta_robot %}
{{ parent() }}
<link rel="canonical" href="{{ url('frontend_registration_card') }}"/>
{{ source('stubs/seo/robots_index_follow.html.twig') }}
{% endblock %}
{% block meta_title %}{{ 'seo.landing.registrationCard.title'|trans({}, "seo") }}{% endblock %}
{% block meta_desc %}{{ 'seo.landing.registrationCard.desc'|trans({}, "seo") }}{% endblock %}
{% block body_content %}
<div class="carte-grise">
<div class="landing-header">
<h1 class="titre05">
{{ 'frontend.landing.registration_card.header.title'|trans({}, 'landing') }}
<span>{{ 'frontend.landing.registration_card.header.subtitle'|trans({}, 'landing') }}</span>
</h1>
</div>
<div class="landing-content">
<div>
<h2 class="titre01 txtcenter">{{ 'frontend.landing.registration_card.content.title'|trans({}, 'landing') }}</h2>
<div class="txtcenter">
<ul class="marginT20 inbl txtleft">
<li class="titre03 bold color09"><span class="color05">></span> {{ 'frontend.landing.registration_card.content.block01.text02'|trans({}, 'landing') }}</li>
<li class="titre03 bold color09 marginT10"><span class="color05">></span> {{ 'frontend.landing.registration_card.content.block01.text03'|trans({}, 'landing')|raw }}</li>
<li class="titre03 bold color09 marginT10"><span class="color05">></span> {{ 'frontend.landing.registration_card.content.block01.text04'|trans({}, 'landing')|raw }}</li>
<li class="color09 marginT10">{{ 'frontend.landing.registration_card.content.block01.text05'|trans({}, 'landing')|raw }}</li>
</ul>
</div>
<div class="block-bg padding10 marginT20 txtcenter">
<h3 class="titre02 bold marginT10">{{ 'frontend.landing.registration_card.content.block02.title'|trans({}, 'landing')|raw }}</h3>
<ul class="liste01 marginT10">
{{ 'frontend.landing.registration_card.content.block02.text01'|trans({}, 'landing')|raw }}
</ul>
<p class="titre02 color05 marginT20 marginB10 bold">
<img src="{{ asset('bundles/vpauto/frontend/images/carte-grise06.png') }}" alt="picto info" />
<span>{{ 'frontend.landing.registration_card.content.block02.text02'|trans({}, 'landing')|raw }}</span>
</p>
</div>
<ul class="liste02 marginT30">
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/carte-grise01.png') }}" alt="rapide" />
<h2 class="titre04 color05 bold">{{ 'frontend.landing.registration_card.content.block03.title01'|trans({}, 'landing') }}</strong></h2>
<span class="txttransform">{{ 'frontend.landing.registration_card.content.block03.desc01'|trans({}, 'landing') }}</span>
</li>
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/carte-grise02.png') }}" alt="simple" />
<h2 class="titre04 color05 bold">{{ 'frontend.landing.registration_card.content.block03.title02'|trans({}, 'landing') }}</strong></h2>
<span class="txttransform">{{ 'frontend.landing.registration_card.content.block03.desc02'|trans({}, 'landing')|raw }}</span>
</li>
<li>
<img src="{{ asset('bundles/vpauto/frontend/images/carte-grise03.png') }}" alt="pratique" />
<h2 class="titre04 color05 bold">{{ 'frontend.landing.registration_card.content.block03.title03'|trans({}, 'landing') }}</strong></h2>
<span class="txttransform">{{ 'frontend.landing.registration_card.content.block03.desc03'|trans({}, 'landing') }}</span>
</li>
</ul>
<div class="block-bg padding10 marginT30 txtcenter">
<p class="titre04 txtnormal">
{{ 'frontend.landing.registration_card.content.block04.text01'|trans({}, 'landing')|raw }}
<a href="mailto:cartegrise@vpauto.fr" title="" class="lien03">cartegrise@vpauto.fr</a>
</p>
</div>
<div class="grid-container marginT40">
<h3 class="titre02 bold">{{ 'frontend.landing.registration_card.content.block05.title'|trans({}, 'landing')|raw }}</h3>
<p class="marginT10 paddingB10">
{{ 'frontend.landing.registration_card.content.block05.text01'|trans({}, 'landing')|raw }}
</p>
<p class="txtcenter"><a href="https://www.service-public.fr/simulateur/calcul/cout-certificat-immatriculation" title="" class="lien07" target="_blank">{{ 'frontend.landing.registration_card.content.block05.link01'|trans({}, 'landing')|raw }}</a></p>
</div>
<div class="grid-container block-bg marginT40">
<div class="block01">
<h3 class="titre02 bold">{{ 'frontend.landing.registration_card.content.block06.title'|trans({}, 'landing')|raw }}</h3>
<ul>
<li class="titre02">
<img src="{{ asset('bundles/vpauto/frontend/images/carte-grise07.png') }}" alt="picto achat" />
<span>{{ 'frontend.landing.registration_card.content.block06.text01'|trans({}, 'landing')|raw }}</span>
</li>
<li class="titre02">
<img src="{{ asset('bundles/vpauto/frontend/images/carte-grise08.png') }}" alt="picto carte grise" />
<span>{{ 'frontend.landing.registration_card.content.block06.text02'|trans({}, 'landing')|raw }}</span>
</li>
<li class="titre02">
<img src="{{ asset('bundles/vpauto/frontend/images/carte-grise09.png') }}" alt="picto domicile" />
<span>{{ 'frontend.landing.registration_card.content.block06.text03'|trans({}, 'landing')|raw }}</span>
</li>
<li class="titre02">
<img src="{{ asset('bundles/vpauto/frontend/images/carte-grise10.png') }}" alt="picto statut matrimonial" />
<span>{{ 'frontend.landing.registration_card.content.block06.text04'|trans({}, 'landing')|raw }}</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Footer -->
{% include 'frontend/footer.html.twig' %}
<!-- FIN Footer -->
{% endblock body_content %}