templates/front/accueil/index2.html.twig line 1

Open in your IDE?
  1. {% set productCarte = getProductByType(constant('App\\Entity\\Product::CARTE'))  %}
  2.  {% set productFlyer = getProductByType(constant('App\\Entity\\Product::FLYERS'))  %}
  3.  {% set productAffiche = getProductByType(constant('App\\Entity\\Product::AFFICHE'))  %}
  4.  {% set productDEPLIANT2 = getProductByType(constant('App\\Entity\\Product::DEPLIANT2'))  %}
  5.     {% include 'front/header2.html.twig' %}
  6.     <div class="gabarretGlobal">
  7.         <div id="carouselAccueil"class=" slide" data-ride="carousel"  style="position: relative">
  8.             <div class="blockGlobalNewAccueil">
  9.                 <div class="blockAdresseHeaderNew">
  10.                     <p>Tous vos produits d’impression
livrés chez vous le jour même</p>
  11.                     <div class="inputAdresseNew">
  12.                         <input type="text" id="addressLivNew" placeholder="{{ 'Saisissez votre adresse'|trans }}" >
  13.                         <button id="spanSearchBtnNew" class="btnRechercheLivraisonNew" type="submit">{{ 'Je me fais livrer'|trans }}</button>
  14.                         <input type="hidden" id="latLiv" name="latLiv" value="">
  15.                         <input type="hidden" id="longLiv" name="longLiv" value="">
  16.                         <input type="hidden" id="codePostalLiv" name="codePostalLiv" value="">
  17.                         <input type="hidden" id="countryLiv" name="countryLiv" value="">
  18.                         <input type="hidden" id="countryCodeLiv" name="countryCodeLiv" value="">
  19.                         <input type="hidden" id="cityLiv" name="cityLiv" value="">
  20.                     </div>
  21.                 </div>
  22.                 <div style="display: none"  class="blockDispoHeaderNew">
  23.                     <p>Disponibilité</p>
  24.                     <div class="blockDispoHeaderNewIcon">
  25.                         <div>
  26.                             <p><img src="{{ asset('images/bike.svg') }}"> </p>
  27.                             <p><span class="livStatusNewRed"></span><span>30 min</span> </p>
  28.                         </div>
  29.                         <div>
  30.                             <p><img src="{{ asset('images/bag.svg') }}"> </p>
  31.                             <p><span class="livStatusNewGreen"></span><span>Retrait</span> </p>
  32.                         </div>
  33.                         <div>
  34.                             <p><img src="{{ asset('images/truck.svg') }}"> </p>
  35.                             <p><span class="livStatusNewRed"></span><span>Livraison</span> </p>
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.                 <div style="display: none"  class="blockProductChoiceHeaderNew">
  40.                     <p>Que souhaitez-vous vous faire livrer pour aujourd'hui ?</p>
  41.                     <div class="row blockProductChoiceHeaderNewContent ">
  43.                     </div>
  44.                 </div>
  45.                 <div style="display: none;position: relative"  class="blockbtnLiseuseHeaderNew" style="">
  46.                     <p><a href="#" style="color:#007bff;margin-right: 10px;" class="prevSelectionBlockAccueil"><i class="fa fa-arrow-left" aria-hidden="true"></i></a> Chargez vos fichiers</p>
  47.                     <div class="col-12 blockbtnLiseuseHeaderNewBtn" style="" >
  48.                         <a href="#"class="blockbtnLiseuseHeaderNewBtnA" id="blockbtnLiseuseHeaderNewBtnNavigue">
  49.                             <span class="iconePlusBoutton">
  50.                                 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
  51.                                     <g clip-path="url(#clip0_3_834)">
  52.                                     <path class="firstPath" d="M10.496 20.992C16.2928 20.992 20.992 16.2928 20.992 10.496C20.992 4.69922 16.2928 0 10.496 0C4.69922 0 0 4.69922 0 10.496C0 16.2928 4.69922 20.992 10.496 20.992Z" fill="#5667F6"/>
  53.                                     <path class="secondPath" d="M7.3736 10.8323V10.536H10.512V7.20551H10.8242V10.536H13.9466V10.8323H10.8242V14.1708H10.512V10.8323H7.3736Z" fill="white"/>
  54.                                     </g>
  55.                                     <defs>
  56.                                     <clipPath id="clip0_3_834">
  57.                                     <rect width="21" height="21" fill="white"/>
  58.                                     </clipPath>
  59.                                     </defs>
  60.                                 </svg>
  61.                                 </span>
  62.                             <span style="vertical-align: middle;">Depuis votre navigateur</span>
  63.                         </a>
  64.                     </div>
  65.                     <div style="display: none" class="tooltipblockbtnLiseuseHeaderNewNavigue">
  66.                         <h2>Depuis votre navigateur</h2>
  67.                         <p>
  68.                             Livraison le jour même sur créneau de 30mn
  69.                         </p>
  70.                         <p>
  71.                             Plus de 100 combinaisons de reliures
  72.                         </p>
  73.                         <p>
  74.                             Prix instantané avec la technologie auto detect
  75.                         </p>
  76.                         <p>
  77.                             Livraison gratuite dès 29€
  78.                         </p>
  79.                     </div>
  80.                     <div class="col-12 blockbtnLiseuseHeaderNewBtn" style="" >
  81.                         <a  href="{% if checkAbonnementToCartOrOrder(app.user) %}{{ path('file_user_page_b2b') }}{% else %}{{ path('abonnementPro_adresse_facture') }}?typeAbonnement={{ constant('App\\Entity\\AbonnementPro::TYPE_PRO') }}&typeComptePaiement=1&isFree=1{% endif %}" class="blockbtnLiseuseHeaderNewBtnA" id="blockbtnLiseuseHeaderNewBtnCopeesPlus">
  82.                             <span class="iconePlusBoutton">
  83.                                 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
  84.                                     <g clip-path="url(#clip0_3_834)">
  85.                                     <path  class="firstPath"  d="M10.496 20.992C16.2928 20.992 20.992 16.2928 20.992 10.496C20.992 4.69922 16.2928 0 10.496 0C4.69922 0 0 4.69922 0 10.496C0 16.2928 4.69922 20.992 10.496 20.992Z" fill="#5667F6"/>
  86.                                     <path  class="secondPath" d="M7.3736 10.8323V10.536H10.512V7.20551H10.8242V10.536H13.9466V10.8323H10.8242V14.1708H10.512V10.8323H7.3736Z" fill="white"/>
  87.                                     </g>
  88.                                     <defs>
  89.                                     <clipPath id="clip0_3_834">
  90.                                     <rect width="21" height="21" fill="white"/>
  91.                                     </clipPath>
  92.                                     </defs>
  93.                                 </svg>
  94.                             </span>
  95.                             <span style="vertical-align: middle;">Depuis votre espace abonné</span>
  96.                         </a>
  97.                     </div>
  99.                     <div style="display: none" class="tooltipblockbtnLiseuseHeaderNewCopeesPlus">
  100.                         <h2>Depuis Copees +</h2>
  101.                         <p>
  102.                             5,99€/mois sans engagement et résiliable à tout moment
  103.                         </p>
  104.                         <p>
  105.                             Livraison gratuite illimitée
  106.                         </p>
  107.                         <p>
  108.                             Paiement automatique à J+30 dès la 2eme commande
  109.                         </p>
  110.                         <p>
  111.                             Jusqu'à 30% de réduction sur tous les produits
  112.                         </p>
  113.                         <a href="{% if checkAbonnementToCartOrOrder(app.user) %}{{ path('file_user_page_b2b') }}{% else %}{{ path('offre_B2B_2') }}{% endif %}">En savoir +</a>
  114.                     </div>
  115.                 </div>
  116.                 <div style="display: none"  class="blockProductSearchHeaderNew">
  117.                     <p>Trouvez votre produit </p>
  118.                     <div class="row  ">
  119.                         <div class="user userbb_prof1" style="position: relative">
  120.                             <div class="searchProductMenuBloc" style="position: relative;">
  121.                                 <input class="inputstyletop" type="text" id="searchProductMenu" style="cursor: pointer;" placeholder="Rechercher votre produit">
  122.                                 <div class="close_result_head" id="close_result_product" style="cursor: pointer;position: absolute;right: 17px;top: 3px;display: none">
  123.                                     <img src="/images/bg_closeh.png">
  124.                                 </div>
  125.                             </div>
  126.                             <div class="ipstresl collapse show" id="collapseProductMenu" style="">
  127.                                 <div class="divSearchProductMenu">
  128.                                     <div id="divSearchProductMenu" style="min-height: 300px; display: none;max-height: 355px;overflow: auto;">
  130.                                     </div>
  131.                                 </div>
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                 </div>
  136.                 <div style="display: none"  class="blockProductChoice2HeaderNew">
  137.                     <a href="#" style="margin-bottom: 10px;display: block;color:#007bff;margin-right: 10px;" class="prevSelectionBlockAccueil"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
  138.                     <div class="row">
  139.                         <div class="col-6 blockImageGlobalAccueilNew mb-3" style="margin-right: 10px" >
  140.                             <a href="{{ path('product_option') }}?product={% if productFlyer %}{{ productFlyer.id }}{% endif %}"  class="btnChoiceAcceuilNew">
  141.                                 <div class="blockImageAccueilNew">
  142.                                     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21 27">
  143.                                         <defs>
  144.                                             <style>
  145.                                                 .cls-1 {
  146.                                                     fill: none;
  147.                                                     stroke: #4d4d4d;
  148.                                                     stroke-linecap: round;
  149.                                                     stroke-miterlimit: 10;
  150.                                                     stroke-width: .5px;
  151.                                                 }
  152.                                             </style>
  153.                                         </defs>
  154.                                         <!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142)  -->
  155.                                         <g>
  156.                                             <g id="Calque_1">
  157.                                                 <path class="cls-1" d="M19.2,1.1H1.9c-.7,0-1.2.6-1.2,1.2v22.8c0,.7.5,1.2,1.2,1.2h17.4c.7,0,1.2-.6,1.2-1.2V2.4c0-.7-.5-1.2-1.2-1.2Z"/>
  158.                                                 <path class="cls-1" d="M2.4,4.8h15.7"/>
  159.                                                 <path class="cls-1" d="M2.4,6.6h15.7"/>
  160.                                                 <path class="cls-1" d="M2.4,8.4h15.7"/>
  161.                                                 <path class="cls-1" d="M9.9,10.8H3.6c-.7,0-1.2.6-1.2,1.2v2.3c0,.7.5,1.2,1.2,1.2h6.3c.7,0,1.2-.6,1.2-1.2v-2.3c0-.7-.5-1.2-1.2-1.2Z"/>
  162.                                                 <path class="cls-1" d="M9.9,17.4H3.6c-.7,0-1.2.6-1.2,1.2v2.3c0,.7.5,1.2,1.2,1.2h6.3c.7,0,1.2-.6,1.2-1.2v-2.3c0-.7-.5-1.2-1.2-1.2Z"/>
  163.                                             </g>
  164.                                         </g>
  165.                                     </svg>
  166.                                 </div>
  167.                                 <span class="textBlockImageAccueilNew">Fyers</span>
  168.                             </a>
  169.                         </div>
  170.                         <div class="col-6 blockImageGlobalAccueilNew mb-3">
  171.                             <a href="{{ path('product_option') }}?product={% if productCarte %}{{ productCarte.id }}{% endif %}" class="btnChoiceAcceuilNew">
  172.                                 <div class="blockImageAccueilNew">
  173.                                     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 17" style="margin-top: 15px;margin-bottom: 11px;">
  174.                                         <defs>
  175.                                             <style>
  176.                                                 .cls-1 {
  177.                                                     fill: none;
  178.                                                     stroke: #4d4d4d;
  179.                                                     stroke-linecap: round;
  180.                                                     stroke-miterlimit: 10;
  181.                                                     stroke-width: .5px;
  182.                                                 }
  183.                                             </style>
  184.                                         </defs>
  185.                                         <!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142)  -->
  186.                                         <g>
  187.                                             <g id="Calque_1">
  188.                                                 <g>
  189.                                                     <path class="cls-1" d="M4.6,11.5V3.9h-2.2c-.7,0-1.2.6-1.2,1.2v9.8c0,.7.5,1.2,1.2,1.2h16.4c.7,0,1.2-.6,1.2-1.2v-2.3H5.8c-.7,0-1.2-.6-1.2-1.2Z"/>
  190.                                                     <path class="cls-1" d="M20.1,12.8h2.2c.7,0,1.2-.6,1.2-1.2V1.7c0-.7-.5-1.2-1.2-1.2H5.8c-.7,0-1.2.6-1.2,1.2v2.3"/>
  191.                                                     <path class="cls-1" d="M4.6,3.9v7.6c0,.7.5,1.2,1.2,1.2h14.2"/>
  192.                                                 </g>
  193.                                                 <path class="cls-1" d="M13,4.8h8.4"/>
  194.                                                 <path class="cls-1" d="M13,6.6h8.4"/>
  195.                                                 <path class="cls-1" d="M13,8.4h8.4"/>
  196.                                             </g>
  197.                                         </g>
  198.                                     </svg>
  199.                                 </div>
  200.                                 <span class="textBlockImageAccueilNew">Cartes de visite</span>
  201.                             </a>
  202.                         </div>
  203.                         <div class="col-6 blockImageGlobalAccueilNew mb-3" style="margin-right: 10px" >
  204.                             <a href="{{ path('product_option') }}?product={% if productAffiche %}{{ productAffiche.id }}{% endif %}"  class="btnChoiceAcceuilNew">
  205.                                 <div class="blockImageAccueilNew">
  206.                                     <svg xmlns="http://www.w3.org/2000/svg" width="60" height="80" viewBox="0 0 23 28" fill="none">
  207.                                         <path d="M18.554 4.17035H2.33293C1.7126 4.17035 1.20972 4.69036 1.20972 5.33183V26.5966C1.20972 27.238 1.7126 27.758 2.33293 27.758H18.554C19.1743 27.758 19.6772 27.238 19.6772 26.5966V5.33183C19.6772 4.69036 19.1743 4.17035 18.554 4.17035Z" stroke="#4D4D4D" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round"/>
  208.                                         <path d="M21.3058 0.763351H5.08476C4.46443 0.763351 3.96155 1.28336 3.96155 1.92483V23.1896C3.96155 23.831 4.46443 24.351 5.08476 24.351H21.3058C21.9262 24.351 22.429 23.831 22.429 23.1896V1.92483C22.429 1.28336 21.9262 0.763351 21.3058 0.763351Z" stroke="#4D4D4D" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round"/>
  209.                                     </svg>
  210.                                 </div>
  211.                                 <span class="textBlockImageAccueilNew">Affiches</span>
  212.                             </a>
  213.                         </div>
  214.                         <div class="col-6 blockImageGlobalAccueilNew mb-3">
  215.                             <a href="{{ path('product_option') }}?product={% if productDEPLIANT2 %}{{ productDEPLIANT2.id }}{% endif %}" class="btnChoiceAcceuilNew">
  216.                                 <div class="blockImageAccueilNew">
  217.                                     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 27">
  218.                                         <defs>
  219.                                             <style>
  220.                                                 .cls-1, .cls-2 {
  221.                                                     fill: none;
  222.                                                     stroke: #4d4d4d;
  223.                                                     stroke-miterlimit: 10;
  224.                                                     stroke-width: .5px;
  225.                                                 }
  227.                                                 .cls-2 {
  228.                                                     stroke-linecap: round;
  229.                                                 }
  230.                                             </style>
  231.                                         </defs>
  232.                                         <!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142)  -->
  233.                                         <g>
  234.                                             <g id="Calque_1">
  235.                                                 <g>
  236.                                                     <path class="cls-2" d="M4.9,1.1v2.4h12.6"/>
  237.                                                     <path class="cls-2" d="M21.7.2H5.9c-.4,0-.7.2-.9.6l12.5,2.7h.5c.6,0,1.1.5,1.1,1.1v18.5h2.6c.6,0,1.1-.5,1.1-1.1V1.4c0-.6-.5-1.1-1.1-1.1Z"/>
  238.                                                     <path class="cls-1" d="M4.9,3.5h-2.6c-.6,0-1.1.5-1.1,1.1v20.6c0,.6.5,1.1,1.1,1.1h15.7c.6,0,1.1-.5,1.1-1.1v-2.1"/>
  239.                                                     <path class="cls-2" d="M19.1,23.1V4.6c0-.6-.5-1.1-1.1-1.1H4.9"/>
  240.                                                 </g>
  241.                                             </g>
  242.                                         </g>
  243.                                     </svg>
  244.                                 </div>
  245.                                 <span class="textBlockImageAccueilNew">Dépliants</span>
  246.                             </a>
  247.                         </div>
  248.                         <div class="col-12">
  249.                             <a href="{{ path('besoin_produits') }}" class="blockProductChoice2HeaderNewSearch">Voir nos 300 produits</a>
  250.                         </div>
  251.                     </div>
  252.                 </div>
  253.             </div>
  254.             <div class="carousel-inner" style="overflow: visible;">
  255.                 {% set elements = getAccueilElement() %}
  256.                 {% for element in elements %}
  257.                     <div class="imgBanniereBesoinProduct carousel-item {% if loop.first %}active{% endif %}" data-interval="{{ element.intervalSpeed }}">
  258.                         <div class="row">
  259.                             <div class="imgBanniereBesoinProductDiv1">
  261.                             </div>
  262.                             <div class="imgBanniereBesoinProductDiv2 row">
  263.                                 <div class="col-4">
  264.                                     {% if element.positionBlocDescription ==1 %}
  265.                                         {% include 'front/accueil/block_description_new_accueil.html.twig' %}
  266.                                     {% endif %}
  267.                                 </div>
  268.                                 <div class="col-4">
  269.                                     {% if element.positionBlocDescription ==2 %}
  270.                                         {% include 'front/accueil/block_description_new_accueil.html.twig' %}
  271.                                     {% endif %}
  272.                                 </div>
  273.                                 <div class="col-4">
  274.                                     {% if element.positionBlocDescription == 3 %}
  275.                                         {% include 'front/accueil/block_description_new_accueil.html.twig' %}
  276.                                     {% endif %}
  277.                                 </div>
  278.                             </div>
  280.                         </div>
  281.                         <img style="{% if element.imageBrightness %}filter: brightness({{ element.imageBrightness }});{% endif %}" class="bannierImageNewAccueil d-block w-100" src="{{ asset('imageSite/'~element.image) }}" alt="First slide">
  282.                     </div>
  283.                 {% endfor %}
  285.             </div>
  286.         </div>
  287.     </div>
  288.     {{ render(controller('App\\Controller\\Front\\ProductController::productBlock',{ 'showWidthoutPapier': 0 })) }}
  289.     <script src="https://maps.googleapis.com/maps/api/js?key={{ key_google_map }}&libraries=places"></script>
  291. <div class="part_slide_txt desctop_accueil_header" style="display: none;">
  292.     <div  class="" >
  293.         <div class="barProducts">
  295.             <div class="homej1">
  296.                 <h2 id="HBesoinProductHome" style="min-height: 70px;position:relative;">
  297.                     <span style="{#position: absolute#}">{{ 'Besoin'|trans }} &nbsp;&nbsp;</span>
  298.                     <span class="spanAnime" style="{#margin-left: 165px;#}">
  299.                         <span id="mainLoop">
  300.                             <span class="tripLoop" style="display: inline ">{{ "D\'IMPRESSIONS ?"|trans }}</span>
  301.                             <span class="tripLoop"> {{ 'DE COPIES ?'|trans }}</span>
  302.                             <span class="tripLoop">{{ 'DE BROCHURES ?'|trans }}</span>
  303.                             <span class="tripLoop">{{ 'DE FLYERS ?'|trans }}</span>
  304.                             <span class="tripLoop">{{ 'DE POSTERS & AFFICHES ?'|trans }}</span>
  305.                             <span class="tripLoop">{{ 'DE DEPLIANTS ?'|trans }}</span>
  306.                             <span class="tripLoop">{{ 'DE CARTES DE VISITE ?'|trans }}</span>
  307.                             <span class="tripLoop">{{ "D\'INVITATIONS ?"|trans }}</span>
  308.                             <span class="tripLoop">{{ 'DE LIVRETS ?'|trans }}</span>
  309.                             <span class="tripLoop">{{ 'DE STICKERS ?'|trans }}</span>
  310.                             <span class="tripLoop">{{ 'DE CARTES POSTALES ?'|trans }}</span>
  311.                             <span class="tripLoop">{{ 'DE ROLL UP ?'|trans }}</span>
  312.                             <span class="tripLoop">{{ 'DE PHOTOS ?'|trans }}</span>
  313.                             <span class="tripLoop">{{ 'DE T-SHIRTS ?'|trans }}</span>
  314.                             <span class="tripLoop">{{ 'DE SWEAT ?'|trans }}</span>
  315.                             <span class="tripLoop">{{ 'DE TOTE BAGS ?'|trans }}</span>
  317.                         </span>
  318.                     </span>
  319.                 </h2>
  320.                 {#                  <h2>Besoin de cartes de visite ?</h2>#}
  321.                 <h3 style=" text-align: center">{{ "Souriez, vous êtes déjà livré(e)s !"|trans|raw}}</h3>
  322.                 <div>
  323.                     <div>{{ "Tous vos documents imprimés & reliés, et produits d’impressions personnalisés,"|trans}}</div>
  324.                     <div  style="    padding-left: 31px;"> {{ 'livrés chez vous'|trans }}  <div class="pbgt1"> {{ 'LE JOUR MÊME'|trans }} </div><div class="pbgt2"> {{ 'sur créneaux de'|trans }}  <strong>{{ '30 mn'|trans }}</strong></div></div>
  325.                 </div>
  327.             </div>
  328.         </div>
  329.     </div>
  330.     <div class="" id="input_home_top_mobile">
  331.         <div class="close_btn_home_top_mobile">
  332.             <div class="text-right" id="close_btn_home_top_mobile"><img src="{{ asset('images/btn_closex.png') }}"></div>
  333.             <h4> {{ 'On vous livre où ?'|trans }}</h4>
  334.         </div>
  335.         <div class="input_top_local input_top_local_home">
  336.             <div class="input_top_local_home11">
  337.                 <input type="text" id="addressLiv" placeholder="{{ 'Saisissez l’adresse de livraison'|trans }}">
  338.                 <button id="spanSearchBtn" class="btnRechercheLivraison" type="submit">{{ 'Voir nos produits & services'|trans }}</button>
  339.                 <input type="hidden" id="latLiv" name="latLiv" value="">
  340.                 <input type="hidden" id="longLiv" name="longLiv" value="">
  341.                 <input type="hidden" id="codePostalLiv" name="codePostalLiv" value="">
  342.             </div>
  343.         </div>
  344.     </div>
  345.     <div class="img_input_home_top">
  346.         {% if countrySelect.languageCode == 'Es' %}
  347.             <img src="{{ asset('images/b0t4_es.jpeg') }}" style="max-width: 330px;">
  348.         {% else %}
  349.             <img src="{{ asset('images/b0t4.png') }}">
  350.         {% endif %}
  352.     </div>
  353. </div>
  354. <div class="part_slide_txt mobile_accueil_header"  style="display: none;" >
  355.     <h2 class="titre_accueil_header1" style="font-family: Arimo;font-size: 30px !important;line-height: 32px;font-weight: bold !important;text-align: left;">{{ 'Vos documents imprimés & reliés, et tous vos produits d’impressions, livrés chez vous'|trans }}.</h2>
  356.     <h3 class="titre_accueil_header2" style="font-family: Arimo;font-size: 24px !important;line-height: 24px;text-align: left;">{{ 'Recevez les aujourd`hui sur créneaux de 30 mn!'|trans }}</h3>
  357.     <div class="bloc_livraison_mobile">
  358.         <h2>{{ 'Tous vos produits d’impression livrés chez vous le jour même'|trans }}</h2>
  359.         <input type="text" id="addressLivMobile" placeholder="{{ 'Saisissez votre adresse de livraison'|trans }}">
  360.         <button  id="submitAdresseLivraison" type="submit">{{ 'Je me fais livrer'|trans }}</button>
  361.         {% if app.user %}
  363.         {% else %}
  364.             <h3><strong><a href="#" class="connect_header_bar_adresse">Connectez-vous</a> </strong> pour vos adresses enregistrées</h3>
  365.         {% endif %}
  366.     </div>
  367.     {#<div class="img_input_home_top">#}
  368.     {#<img src="{{ asset('images/bg_mobile_accueil.png') }}">#}
  369.     {#</div>#}
  370. </div>
  371. <div class="part_box10service" style="display: none"  style="display: none;">
  372.     <div class="row">
  373.         <div class="col-lg col-md-4 col1">
  374.             <a href="#" class="linkPapierProductAcueil"><img src="{{ asset('images/ser1.png') }}"></a>
  375.             <h4><a href="#" class="linkPapierProductAcueil">Imprimer & relier A5/A4/A3</a></h4>
  376.         </div>
  377.         <div class="col-lg col-md-4 col2">
  378.             <a href="#" class="linkPapierAfficheEditAcueil"><img src="{{ asset('images/ser2.png') }}"></a>
  379.             <h4><a href="#" class="linkPapierAfficheEditAcueil">Posters & affiches (de A0 à A4)</a></h4>
  380.         </div>
  381.         <div class="col-lg col-md-4 col3">
  382.             <a href="#" class="linkPapierFlyerAcueil"><img src="{{ asset('images/ser3.png') }}"></a>
  383.             <h4> <a href="#" class="linkPapierFlyerAcueil">Flyers A3/A4/A5</a></h4>
  384.         </div>
  385.         <div class="col-lg col-md-4 col4">
  386.             <a href="#" class="linkPapierFairePartAcueil"> <img src="{{ asset('images/ser4.png') }}"></a>
  387.             <h4><a href="#" class="linkPapierFairePartAcueil">Faire part</a></h4>
  388.         </div>
  389.         <div class="col-lg col-md-4 col5">
  390.             <a href="#" class="linkPapierCarteAcueil"><img src="{{ asset('images/ser5.png') }}"></a>
  391.             <h4><a href="#" class="linkPapierCarteAcueil">Cartes de visite</a></h4>
  392.         </div>
  393.         <div class="col-lg col-md-4 col6">
  394.             <a href="#" class="linkPapierMenuAcueil"><img src="{{ asset('images/ser6.png') }}"></a>
  395.             <h4><a href="#" class="linkPapierMenuAcueil">Menus</a></h4>
  396.         </div>
  397.         <div class="col-lg col-md-4 col7">
  398.             <a href="{{ path('index_top_100') }}"> <img src="{{ asset('images/ser7.png') }}"></a>
  399.             <h4><a href="{{ path('index_top_100') }}">TOP 100 essentiel</a></h4>
  400.         </div>
  401.         <div class="col-lg col-md-4 col8">
  402.             <a href="#" class="linkPapierProductEditAcueil"><img src="{{ asset('images/ser8.png') }}"></a>
  403.             <h4><a href="#" class="linkPapierProductEditAcueil">Modification de PDF</a></h4>
  404.         </div>
  405.         <div class="col-lg col-md-4 col9">
  406.             <a href="{{ path('distribue') }}"><img src="{{ asset('images/ser9.png') }}"></a>
  407.             <h4><a href="{{ path('distribution_calcule') }}">Distribution de flyers</a></h4>
  408.         </div>
  409.         <div class="col-lg col-md-4 col10">
  410.             <a href="{{ path('poste_page') }}"><img src="{{ asset('images/ser10.png') }}"></a>
  411.             <h4><a href="{{ path('poste_page') }}">Envoi de courrier simple ou recommandé</a></h4>
  412.         </div>
  413.     </div>
  414. </div>
  415. <section class="content_home_hd"  style="">
  416.     <div class="part_hd8" style="margin-top: 10px !important;">
  417.         <div class="container">
  418.             <h2>{{ 'Pourquoi choisir Copees ?'|trans }}</h2>
  419.             <p class="txtcp01"><strong>{{ 'Plus de 3000 entreprises'|trans }}</strong> {{ 'de toutes tailles, des start-ups aux grandes entreprises, et'|trans }} <strong>{{ 'des milliers d’indépendants'|trans }} </strong>{{ 'font confiance à Copees pour'|trans }} <strong>{{ 'leurs produits d’impression'|trans }}</strong></p>
  420.             <div class="row mob_txt_hom">
  421.                 <div class="col-md-4 col-12">
  422.                     <a href="{{ path('copees30mn') }}" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="LIVRÉ EN 30 MINUTES"><img src="{{ asset('images/hd32.png')}}"></a>
  423.                     <h3><a href="{{ path('copees30mn') }}" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="LIVRÉ EN 30 MINUTES">{{ 'LIVRÉ EN 30 MINUTES'|trans }}</a></h3>
  424.                     <p>{{ "À partir de 29€ d\'achat, la livraison le jour même sur créneaux de 30 mn dans plus de 10 villes éligibles, est offerte. Imprimer tous vos documents, flyers, cartes de visite, et tous vos supports de communication n\'a jamais été aussi simple."|trans }}</p>
  425.                 </div>
  426.                 <div class="col-md-4 col-12">
  427.                     <a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="MAGIQUE !"><img src="{{ asset('images/hd33.png')}}"></a>
  428.                     <h3><a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="MAGIQUE !">{{ "MAGIQUE !"|trans|raw }}</a></h3>
  429.                     <p>{{ "Après avoir uploadé vos documents, vous pouvez modifier vos pdf gratuitement avec notre incroyable logiciel d’édition de PDF. Modifier, fusionner, supprimer des pages, ajouter du texte ou encore signer en ligne devient un jeu d’enfant !"|trans|raw }}</p>
  430.                 </div>
  431.                 <div class="col-md-4 col-12">
  432.                     <a href="{{ path('simple_savjm') }}"  class="selectTagLinkPromotionMenuGoogle" data-link-clicked="SATISFAIT OU RÉIMPRIMÉ"><img src="{{ asset('images/hd34.png')}}"></a>
  433.                     <h3><a href="{{ path('simple_savjm') }}"   class="selectTagLinkPromotionMenuGoogle" data-link-clicked="SATISFAIT OU RÉIMPRIMÉ">{{ 'SATISFAIT OU RÉIMPRIMÉ'|trans }}</a></h3>
  434.                     <p>{{ 'Vos documents et vos créas sont l’aboutissement de votre travail. Si un défaut nous incombant est constaté, nous nous engageons à une réimpression et livraison gratuite.'|trans }}</p>
  435.                 </div>
  436.                 <div class="col-md-4 col-12">
  437.                     <a href="#"   class="selectTagLinkPromotionMenuGoogle" data-link-clicked="POINT RELAIS EXPRESS 1H"><img src="{{ asset('images/hd35.png')}}"></a>
  438.                     <h3><a href="#"   class="selectTagLinkPromotionMenuGoogle" data-link-clicked="POINT RELAIS EXPRESS 1H">{{ 'POINT RELAIS EXPRESS 1H'|trans }}</a></h3>
  439.                     <p>{{ "Avec l’option Point Retrait express 1H, vous pouvez récupérer  sans frais de livraison votre commande chez nos partenaires juste 1H après avoir passé votre commande. Vérifiez simplement dans la barre de recherche de l’accueil à quelle livraison vous êtes éligible en rentrant votre adresse !"|trans|raw }}</p>
  440.                 </div>
  441.                 <div class="col-md-4 col-12">
  442.                     <a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="ÉCONOMIQUE"><img src="{{ asset('images/hd36.png')}}"></a>
  443.                     <h3><a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="ÉCONOMIQUE">{{ 'ÉCONOMIQUE'|trans }}</a></h3>
  444.                     <p>{{ 'Les prix les plus économiques du marché avec une production et une livraison le jour même. Livraison gratuite dès 29€ HT, ou en livraison gratuite illimitée avec Copees Plus. Jusqu\'à 50% de réduction sur notre catalogue de 300 produits avec Copees premium sans engagement et résiliable à tous moments.'|trans }}</p>
  445.                 </div>
  446.                 <div class="col-md-4 col-12">
  447.                     <a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="SÉCURITÉ & CONFIDENTALITÉ"><img src="{{ asset('images/hd37.png')}}"></a>
  448.                     <h3><a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="SÉCURITÉ & CONFIDENTALITÉ">{{ 'SÉCURITÉ & CONFIDENTALITÉ'|trans }}</a></h3>
  449.                     <p>{{ "Nous ne conservons aucun fichier sur nos serveurs. Une fois que vous aurez reçu vos documents ou vos produits d\'impression, ils seront immédiatement détruits."|trans }}</p>
  450.                 </div>
  451.             </div>
  452.             <div class="mob_txt_hom row justify-content-center">
  453.                 <div class="col-md-4 col-12">
  454.                     <a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="Votre créa comme un pro"><img src="{{ asset('images/imgb1_4.png')}}"></a>
  455.                     <h3><a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="Votre créa comme un pro">{{ 'Votre créa comme un pro'|trans }}</a></h3>
  456.                     <p>{{ 'Utilisez gratuitement les 20 000 templates de notre partenaire'|trans }} <img class="m-0" width="130px" src="/images/ininfoselect.svg"> {{ "pour mettre en formes vos flyers, cartes de visite, affiches, présentations, invitations et plein d’autres produits… Puis faites-vous livrer en 30mn le jour même !"|trans|raw }}</p>
  457.                 </div>
  458.                 <div class="col-md-4 col-12">
  459.                     <a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="PRODUIT LOCALEMENT"><img src="{{ asset('images/imgb1_5.png')}}"></a>
  460.                     <h3><a href="#" class="selectTagLinkPromotionMenuGoogle" data-link-clicked="PRODUIT LOCALEMENT">{{ 'PRODUIT LOCALEMENT'|trans }}</a></h3>
  461.                     <p>{{ 'Nous assurons une production locale durable. Les distances d’expédition et les émissions de carbone sont réduites, puisque votre commande est directement produite par un imprimeur le plus près de chez vous.'|trans }}</p>
  462.                 </div>
  463.             </div>
  464.         </div>
  465.     </div>
  466.     <div class="part_hd7">
  467.         <div class="container">
  468.             <h2>{{ 'Nous livrons bien plus que vos documents et vos produits d’impressions'|trans }} </h2>
  469.             <div class="box_hd7 row p-0">
  470.                 <div class="d-flex justify-content-center justify-content-md-start col-md-6 col-12 p-0">
  471.                     <div class="txt_home align-self-center">
  472.                         <h2 class="bef1">{{ 'Ou voulez-vous être livré(e) ?'|trans }}</h2>
  473.                         <p>{{ 'Vous avez juste à renseigner votre adresse de livraison, et nos algorithmes vous diront instantanément si vous êtes éligibles à la livraison'|trans }} <a href="{{ path('copees30mn') }}" >{{ '30 mn'|trans }}</a>, <a href="{{ path('copeesj1') }}" >{{ '48H'|trans }}</a>, {{ 'ou'|trans }} <a href="#" >{{ 'point retrait en 1H'|trans }}</a>. </p>
  474.                     </div>
  475.                 </div>
  476.                 <div class="col-md-6 col-12 p-0">
  477.                     <div class="img_home text-center text-md-right">
  478.                         <img src="{{ asset('images/hd29.png')}}">
  479.                     </div>
  480.                 </div>
  481.             </div>
  482.             <div class="box_hd7 row p-0">
  483.                 <div class="d-flex justify-content-center justify-content-md-end col-md-6 col-12 p-0 order-md-2">
  484.                     <div class="txt_home align-self-center">
  485.                         <h2 class="bef2">{{ 'Uploadez vos documents et créas'|trans }}</h2>
  486.                         <p>{{ 'Uploadez vos documents ou créas en 1 clic, afin de connaitre instantanément le prix, en fonction de vos options et des quantités détectées.'|trans }}
  488.                             <br> <br> {{ 'Editez, modifiez vos documents comme bon vous semble…'|trans }}
  490.                             <br> <br> {{ 'Utilisez aussi nos 20 000 modèles by'|trans }}  <img class="m-0" width="130px" src="/images/ininfoselect.svg"> {{ 'pour faire une incroyable créa comme un professionnel.'|trans }}</p>
  491.                     </div>
  492.                 </div>
  493.                 <div class="col-md-6 col-12 p-0">
  494.                     <div class="img_home text-center text-md-left">
  495.                         <img src="{{ asset('images/hd30.png')}}">
  496.                     </div>
  497.                 </div>
  498.             </div>
  499.             <div class="box_hd7 row p-0">
  500.                 <div class="d-flex justify-content-center justify-content-md-start col-md-6 col-12 p-0">
  501.                     <div class="txt_home align-self-center">
  502.                         <h2 class="bef3">{{ "Réceptionnez le jour même !"|trans|raw }}</h2>
  503.                         <p>
  504.                             {{ 'Vous programmez votre livraison ultra rapide à Paris & petite couronne, Toulouse, Montpellier, Rennes et plus de 10 autres villes éligibles, le jour même,'|trans }}
  505.                             <a href="{{ path('copees30mn') }}">{{ 'sur des créneaux de 30 mn'|trans }}</a>
  506.                             {{ '(dimanche inclus) où vous voulez, à l’heure souhaitée. La livraison est gratuite des 29€ HT et en dessous facturée en fonction de la distance à partir de 1,99€. La livraison est gratuite de manière illimitée avec l’abonnement Copees Plus résiliable en 1 clic.'|trans }}
  507.                             <br><br>{{ 'Copees livre partout en France avec UPS,'|trans }} <a href="{{ path('copeesj1') }}">{{ 'sous 48H'|trans }}</a>
  508.                             , {{ 'jour ouvré, à partir de 7,50€ HT et gratuitement dès 29€ HT de commande. Des points retrait express gratuits en boutique (commande prête en 1H) sont aussi à votre disposition sur'|trans }} <a href="{{ path('imprimerie_paris') }}">{{ 'Paris'|trans }}</a>, <a href="{{ path('imprimerie_toulouse') }}">{{ 'Toulouse'|trans }}</a>,
  509.                             <a href="{{ path('imprimerie_montpellier') }}">{{ 'Montpellier'|trans }}</a>, {{ "Nice et plus de 10 villes éligibles en France !"|trans|raw }}</p>
  510.                     </div>
  511.                 </div>
  512.                 <div class="col-md-6 col-12 p-0">
  513.                     <div class="img_home text-center text-md-right">
  514.                         <img src="{{ asset('images/hd31.png')}}">
  515.                     </div>
  516.                 </div>
  517.             </div>
  518.         </div>
  519.     </div>
  520. </section>
  521. {% include 'front/footer.html.twig' %}