{% extends 'frontend/frontend.html.twig' %}
{% block meta_robot %}
{{ parent() }}
<link rel="canonical" href="{{ url('frontend_delivery') }}"/>
{{ source('stubs/seo/robots_index_follow.html.twig') }}
{% endblock %}
{% block meta_title %}{{ 'seo.landing.delivery.title'|trans({}, "seo") }}{% endblock %}
{% block meta_desc %}{{ 'seo.landing.delivery.desc'|trans({}, "seo") }}{% endblock %}
{% block body_content %}
<div class="offre-livraison">
<div class="landing-header">
<h1 class="titre05">
{{ 'frontend.landing.delivery.header.title'|trans({}, 'landing') }}
</h1>
</div>
<div class="landing-content bg-color01">
<div>
<h2 class="titre01 txtnormal txtcenter"><strong>{{ 'frontend.landing.delivery.content.title'|trans({}, 'landing') }}</strong></h2>
<div class="txtcenter padding5-10">{{ 'frontend.landing.delivery.content.subtitle'|trans({}, 'landing') }}</div>
<div class="block01 flex marginT30">
<div class="grid-container block-box-shadow">
<div class="height-180">
<img src="{{ asset('bundles/vpauto/frontend/images/offre-livraison01.webp') }}" class="img-cover" alt="" />
</div>
<div class="marginT20 marginR20 marginB20 marginL20">
<h3 class="titre03"><strong>{{ 'frontend.landing.delivery.content.item01.title01'|trans({}, 'landing') }}</strong></h3>
<p class="marginT10 marginB10">{{ 'frontend.landing.delivery.content.item01.desc01'|trans({}, 'landing')|raw }}</p>
</div>
</div>
<div class="grid-container block-box-shadow">
<div class="height-180">
<img src="{{ asset('bundles/vpauto/frontend/images/offre-livraison02.webp') }}" class="img-cover" alt="" />
</div>
<div class="marginT20 marginR20 marginB20 marginL20">
<h3 class="titre03"><strong>{{ 'frontend.landing.delivery.content.item01.title02'|trans({}, 'landing') }}</strong></h3>
<p class="marginT10 marginB10">{{ 'frontend.landing.delivery.content.item01.desc02'|trans({}, 'landing')|raw }}</p>
</div>
</div>
</div>
<div class="grid-container block-box-shadow block-flex01 marginT60">
<div class="grid-35 tab-l-30 tab-p-100 m-100">
<div class="carte txtcenter"><img src="{{ asset('bundles/vpauto/frontend/images/visiter-vehicule04.webp') }}" alt="" /></div>
</div>
<div class="grid-65 tab-l-70 tab-p-100 m-100 ">
<div class="marginT20 paddingR20 marginB20 marginL30">
<h3 class="titre03 color11"><strong>{{ 'frontend.landing.delivery.content.item02.title01'|trans({}, 'landing') }}</strong></h3>
<p class="marginT10 marginB10 italic">{{ 'frontend.landing.delivery.content.item02.desc01'|trans({}, 'landing')|raw }}</p>
<ul class="liste01">
<li>{{ 'frontend.landing.delivery.content.item02.text01'|trans({}, 'landing')|raw }}</li>
<li>{{ 'frontend.landing.delivery.content.item02.text02'|trans({}, 'landing')|raw }}</li>
<li>{{ 'frontend.landing.delivery.content.item02.text03'|trans({}, 'landing')|raw }}</li>
<li>{{ 'frontend.landing.delivery.content.item02.text04'|trans({}, 'landing')|raw }}</li>
</ul>
<h3 class="titre03 color11"><strong>{{ 'frontend.landing.delivery.content.item02.title02'|trans({}, 'landing') }}</strong></h3>
<p class="marginT10 marginB10">{{ 'frontend.landing.delivery.content.item02.desc02'|trans({}, 'landing')|raw }}</p>
<p>
<span><i class="icon-visiter-vehicule"></i></span>
<span>
<span class="txt-decoration">{{ 'frontend.vehicle.view.delivery_estimation'|trans|raw }}</span>
</span>
</p>
</div>
</div>
</div>
<div class="block02 flex marginT60">
<div class="grid-container block-box-shadow">
<div class="marginT10 padding10 txtcenter">
<img src="{{ asset('bundles/vpauto/frontend/images/icone11.svg') }}" class="height-100" alt="" />
</div>
<div class="marginT10 marginR20 marginB20 marginL20">
<h3 class="titre03"><strong>{{ 'frontend.landing.delivery.content.item03.title01'|trans({}, 'landing') }}</strong></h3>
<p class="marginT10 marginB10">{{ 'frontend.landing.delivery.content.item03.desc01'|trans({}, 'landing')|raw }}</p>
</div>
</div>
<div class="grid-container block-box-shadow">
<div class="marginT10 padding10 txtcenter">
<img src="{{ asset('bundles/vpauto/frontend/images/icone12.svg') }}" class="height-100" alt="" />
</div>
<div class="marginT10 marginR20 marginB20 marginL20">
<h3 class="titre03"><strong>{{ 'frontend.landing.delivery.content.item03.title02'|trans({}, 'landing') }}</strong></h3>
<p class="marginT10 marginB10">{{ 'frontend.landing.delivery.content.item03.desc02'|trans({}, 'landing')|raw }}</p>
</div>
</div>
<div class="grid-container block-box-shadow">
<div class="marginT10 padding10 txtcenter">
<img src="{{ asset('bundles/vpauto/frontend/images/icone13.svg') }}" class="height-100" alt="" />
</div>
<div class="marginT10 marginR20 marginB20 marginL20">
<h3 class="titre03"><strong>{{ 'frontend.landing.delivery.content.item03.title03'|trans({}, 'landing') }}</strong></h3>
<p class="marginT10 marginB10">{{ 'frontend.landing.delivery.content.item03.desc03'|trans({}, 'landing')|raw }}</p>
</div>
</div>
</div>
<div class="grid-container block-flex block-box-shadow marginT60">
<div class="grid-70 tab-l-70 tab-p-70 m-100 order-2">
<div class="marginT20 paddingR20 marginB20 marginL30">
<h3 class="titre03 color11"><strong>{{ 'frontend.landing.delivery.content.item04.title01'|trans({}, 'landing') }}</strong></h3>
<div class="marginT20 marginB10">
<p class="flex">
<span class="marginR10"><i class="icon-radio01"></i></span>
<span>{{ 'frontend.landing.delivery.content.item04.desc01'|trans({}, 'landing')|raw }}</span>
</p>
<p class="flex marginT20">
<span class="marginR10"><i class="icon-radio01"></i></span>
<span>{{ 'frontend.landing.delivery.content.item04.desc02'|trans({}, 'landing')|raw }}</span>
</p>
<p class="flex marginT20">
<span class="marginR10"><i class="icon-radio01"></i></span>
<span>{{ 'frontend.landing.delivery.content.item04.desc03'|trans({}, 'landing')|raw }}</span>
</p>
</div>
</div>
</div>
<div class="grid-30 tab-l-30 tab-p-30 m-100 height-180-m">
<img src="{{ asset('bundles/vpauto/frontend/images/offre-livraison03.webp') }}" class="img-cover" alt="" />
</div>
</div>
<div class="grid-container block-flex block-box-shadow block-flex01 marginT60">
<div class="grid-30 tab-l-30 tab-p-40 m-100 height-180-m">
<img src="{{ asset('bundles/vpauto/frontend/images/offre-livraison04.webp') }}" class="img-cover" alt="" />
</div>
<div class="grid-70 tab-l-70 tab-p-60 m-100">
<div class="marginT20 paddingR20 marginB20 marginL30">
<h3 class="titre03 color11"><strong>{{ 'frontend.landing.delivery.content.item05.title01'|trans({}, 'landing') }}</strong></h3>
<p class="marginT10">{{ 'frontend.landing.delivery.content.item05.desc01'|trans({}, 'landing')|raw }}</p>
<p class="titre03 bold">
<span class="m-hide">09 74 19 83 15</span>
<a href="tel:0974198315" title="" class="lien-tel-m grid-hide tab-l-hide tab-p-hide m-visible">09 74 19 83 15</a>
<span class="tab-p-hide m-hide">|</span> <br class="grid-hide tab-l-hide tab-p-visible m-visible">devistransport@vpauto.eu
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Footer -->
{% include 'frontend/footer.html.twig' %}
<!-- FIN Footer -->
{% endblock body_content %}