{% extends 'front/layout.html.twig' %}
{% block title %}
{% if page %}{{ page.metaTitle | trans({}, "pageCmsTranslate") }}{% endif %}
{% endblock %}
{% block metaDescription %}
{% if page %}<meta name="description" content="{{ page.metaDescription | trans({}, "pageCmsTranslate") }}">{% endif %}
{% endblock %}
{% block googleTagManagerDataLayer %}
{% include 'google_tag.html.twig' with {'titlePage':page.googleTagNamePage,'categoryPage':'about-us','navigation_category1':page.googleTagcat1,'navigation_category2':page.googleTagcat2,'navigation_category3':page.googleTagcat3 } %}
{% endblock %}
{% block stylesheets %}
{{ parent() }}
{{ encore_entry_link_tags('page_cms') }}
{% endblock %}
{% block body %}
{% include 'front/header.html.twig' %}
{% if page and page.isDeleted %}
<div class="container mt-5 mb-5">
<div class="d-flex justify-content-center">
<div class="col-7"><img src="{{ asset('images/404_img.png') }}" style=""></div>
</div>
<p class="text-center page404Titre">{{ 'Oooops nous sommes désolés' | trans({}, "pageCmsTranslate") }}</p>
<p class="text-center page404SousTitre mb-1">{{ 'Nous ne pouvons plus vous proposer cette page' | trans({}, "pageCmsTranslate") }}</p>
<p class="text-center page404SousTitre">{{ 'Retournez sur Copees en cliquant sur le bouton en dessous afin de télécharger à nouveau vos fichiers.' | trans({}, "pageCmsTranslate") }}</p>
<p class="text-center page404SousTitre mt-5"><a href="{{ path('accueil') }}">{{ 'Retourner sur Copees' | trans({}, "pageCmsTranslate") }}</a></p>
</div>
{% else %}
<div class="section_cps1">
<div class="box1_cps">
<h2>{{page.titre| trans({}, "pageCmsTranslate")}}</h2>
{% if page.sousTitre %}
<h3>{{ page.sousTitre | trans({}, "pageCmsTranslate") }}</h3>
{% endif %}
<div class="box_link_cps1">
{% if page.btn1Name %} <a href="{{ page.btn1Link }}" style="color:{{ page.btn1color }};background-color: {{ page.btn1Background }}">{{ page.btn1Name | trans({}, "pageCmsTranslate") }}</a> {% endif %}
{% if page.btn2Name %} <a href="{{ page.btn2Link }}" style="color:{{ page.btn2color }};background-color: {{ page.btn2Background }}">{{ page.btn2Name | trans({}, "pageCmsTranslate") }}</a> {% endif %}
</div>
</div>
</div>
<div class="section_cps2">
<div class="box2_cps row">
<div class="col-md-7">
{% if page.pageBlock1 %}
<div class="box_cps_row1">
<h3>{{page.pageBlock1.titre| trans({}, "pageCmsTranslate")}} </h3>
<p>{{page.pageBlock1.description| trans({}, "pageCmsTranslate")}}</p>
{% if page.pageBlock1.pageSousBlock|length > 0 %}
<div class="row">
{% for item in page.pageBlock1.pageSousBlock %}
<div class="col-md-6">
<div class="box_cps_row1">
<h4 class="ic_cps1" style="background-image: url({{ asset('imageSite/'~item.image) }});">{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
{{ item.description | trans({}, "pageCmsTranslate")|raw }}
</div>
</div>
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
</div>
<div class="col-md-5">
<div class="img_box_cps2">
<img src="{{ asset('images/i2_cpsb.png') }}">
</div>
</div>
</div>
<div class="box3_cps row">
{% if page.pageBlock2 %}
<div class="col-md-5">
<div class="img_box_cps3">
<img src="{{ asset('imageSite/'~page.pageBlock2.image) }}">
</div>
</div>
<div class="col-md-7">
<div class="box_cps_row2">
<h3>{{page.pageBlock2.titre | trans({}, "pageCmsTranslate")}} </h3>
<p>{{page.pageBlock2.description | trans({}, "pageCmsTranslate")}}</p>
{% if page.pageBlock2.pageSousBlock|length > 0 %}
{% for item in page.pageBlock2.pageSousBlock %}
<div class="box_cps_sec2">
<img src="{{ asset('imageSite/'~item.image) }}">
<h4>{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
{{ item.description | trans({}, "pageCmsTranslate")|raw }}
</div>
{% endfor %}
{% endif %}
</div>
</div>
{% endif %}
</div>
<div class="box4_cps row">
{% if page.pageBlock3 %}
<div class="col-md-6">
<div class="box_img_box_cps4">
<h3>{{page.pageBlock3.titre | trans({}, "pageCmsTranslate")}}</h3>
{% if page.pageBlock3.pageSousBlock|length > 0 %}
{% for item in page.pageBlock3.pageSousBlock %}
<div class="box_cps_sec4">
<img src="{{ asset('imageSite/'~item.image) }}">
<h4>{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
{{ item.description | trans({}, "pageCmsTranslate")|raw }}
</div>
{% endfor %}
{% endif %}
</div>
</div>
<div class="col-md-6">
<div class="box_img_box_cps5">
<img src="{{ asset('images/i4_cpsb.png') }}">
<div class="box_cps_sec5_tab">
<div class="row row_jaune_tab">
<div class="col-7">
<h4>{{ 'Horaire de commande' | trans({}, "pageCmsTranslate") }}</h4>
</div>
<div class="col-5">
<h4>{{ 'Livraison' | trans({}, "pageCmsTranslate") }}</h4>
</div>
</div>
{% if page.livraisonBlock|length > 0 %}
{% for item in page.livraisonBlock %}
<div class="row row_repeat_tab">
<div class="col-7">
{{ item.titre1 | trans({}, "pageCmsTranslate") }}
</div>
<div class="col-5">
{{ item.titre2 | trans({}, "pageCmsTranslate") }}
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
{% endif %}
</div>
</div>
<div class="section_cps3">
<div class="box1_cps3 row">
<div class="col-md-7">
<div class="box_cps3_row1">
{% if page.pageBlock4 %}
<h3>{{page.pageBlock4.titre | trans({}, "pageCmsTranslate")}} </h3>
<p>{{page.pageBlock4.description | trans({}, "pageCmsTranslate")}}</p>
{% if page.pageBlock4.pageSousBlock|length > 0 %}
<div class="row">
{% for item in page.pageBlock4.pageSousBlock %}
<div class="col-md-6">
<div class="box_cps3_row1">
<img src="{{ asset('imageSite/'~item.image) }}">
<h4>{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
{{ item.description | trans({}, "pageCmsTranslate")|raw }}
</div>
</div>
{% endfor %}
</div>
{% endif %}
{% endif %}
</div>
</div>
<div class="col-md-5">
<div class="img_box_cps2 ecron_design">
<div class="" style="position: relative; padding-bottom:56%; height: 0;">
{#<iframe src="https://supademo.com/embed/ycfxVR7su14SkJfnpek5Q" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>#}
<video width="400" controls style="width: 100%;background-color: #000000;padding: 2px;">
<source src="{{ asset('images/video_pages_cms_produit.mp4') }}" type="video/mp4">
</video>
</div>
</div>
<div class="img_box_cps2 ecron_design_mobile" style="display: none">
<video width="400" controls style="width: 100%;background-color: #000000;padding: 2px;">
<source src="{{ asset('images/video_pages_cms_produit.mp4') }}" type="video/mp4">
</video>
</div>
</div>
<div class="col-md-12">
<div class="link_cps3">
{% if page.pageBlock4 %}
<a href="{{ page.pageBlock4.btn1Link }}" style="color:{{ page.pageBlock4.btn1color }};background-color: {{ page.pageBlock4.btn1Background }}">{{ page.pageBlock4.btn1Name | trans({}, "pageCmsTranslate") }}</a>
{% endif %}
</div>
</div>
</div>
</div>
<div class="section_cps4">
<div class="box1_cps4">
{% if page.pageBlock5 %}
<h3>{{page.pageBlock5.titre | trans({}, "pageCmsTranslate")}}</h3>
<p>{{page.pageBlock5.description | trans({}, "pageCmsTranslate")}}</p>
<a href="{{ page.pageBlock5.btn1Link }}" style="color:{{ page.pageBlock5.btn1color }};background-color: {{ page.pageBlock5.btn1Background }}">{{ page.pageBlock5.btn1Name | trans({}, "pageCmsTranslate") }}</a>
{% endif %}
</div>
</div>
{% if page.isBandeau %}
<div class="part_hd9 part_hd_ass4" style="">
<div class="container-fluid part7" style="padding-bottom: 10px;">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="text-center">{{ 'Nos clients en parlent mieux que nous' | trans({}, "pageCmsTranslate") }}</h2>
</div>
<div class="clear"></div>
<script src="https://static.elfsight.com/platform/platform.js" async></script> <div class="elfsight-app-2eb16dd1-c686-4d7e-9abf-d006da716293" data-elfsight-app-lazy></div>
</div>
</div>
</div>
</div>
{% endif %}
<div class="section_cps5">
<div class="box1_cps5">
{% if page.pageBlock6 %}
<h2>{{page.pageBlock6.titre | trans({}, "pageCmsTranslate")}} </h2>
<p>{{page.pageBlock6.description | trans({}, "pageCmsTranslate")}}</p>
<div class="box1_cps5_row row">
{% if page.pageBlock6.pageSousBlock|length > 0 %}
{% for item in page.pageBlock6.pageSousBlock %}
<div class="col-md-4">
<div class="box_cps5_glob">
<img src="{{ asset('imageSite/'~item.image) }}">
<div class="txt_cps5">
<h4>{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
<h3>{{ item.description | trans({}, "pageCmsTranslate") }}</h3>
<a href="{{ item.btnLink }}" >{{ item.btnName | trans({}, "pageCmsTranslate") }}</a>
</div>
</div>
</div>
{% endfor %}
{% endif %}
</div>
{% endif %}
</div>
</div>
{% endif %}
{% include 'front/footer.html.twig' %}
<style>
.ecron_design{
background-image: url(/images/ecron_design0.png) !important;
background-repeat: no-repeat;
background-size: 100% !important;
height: 100%;
padding-left: 1.3%!important;
padding-right: 1%! important;
padding-top: 1%!important;
}
@media (min-width: 900px) and (max-width: 992px) { .ecron_design{ height: 734px;} }
@media (min-width: 800px) and (max-width: 900px) { .ecron_design{ height: 665px;} }
@media (min-width: 700px) and (max-width: 800px) { .ecron_design{ height: 587px;} }
@media (max-width: 767px) {
.ecron_design_mobile {
display: block!important;
}
.ecron_design{
display: none;
}
}
@media (min-width: 1280px) {
.ecron_design{
width: 500px!important;
}
}
</style>
{% endblock %}
{% block javascripts %}
{{ parent() }}
{{ encore_entry_script_tags('page_cms') }}
{% endblock %}