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

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="carousel slide" data-ride="carousel" data-pause="false" style="position: relative" data-interval="false">
  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="{{ 'Entrez votre adresse de livraison'|trans }}" style="background-color: #fff !important;background-image: none !important; border-radius: 34px;border: 1px solid #D9D9D9;padding: 10px 12px;line-height: normal;color: #6F6F6F;" >
  13.                         <button id="spanSearchBtnNew" class="btnRechercheLivraisonNew" type="submit">{{ 'Voir les disponibilités près de moi'|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 class="blocIaCopees">
  22.                         <p class="blocIaCopeesP1">
  23.                             <a href="https://copees.ai/" target="_blank" class="blocIaCopeesA">🎨 Créer un design avec l’IA</a>
  24.                         </p>
  25.                         <p class="blocIaCopeesP2">
  26.                             Pas encore de fichier ? Laissez notre IA créer votre design
  27.                         </p>
  28.                     </div>
  29.                 </div>
  31.                 <div style="display: none"  class="blockDispoHeaderNew">
  32.                     <p>Disponibilité</p>
  33.                     <div class="blockDispoHeaderNewIcon">
  34.                         <div>
  35.                             <p><img src="{{ asset('images/bike.svg') }}"> </p>
  36.                             <p><span class="livStatusNewRed"></span><span>30 min</span> </p>
  37.                         </div>
  38.                         <div>
  39.                             <p><img src="{{ asset('images/bag.svg') }}"> </p>
  40.                             <p><span class="livStatusNewGreen"></span><span>Retrait</span> </p>
  41.                         </div>
  42.                         <div>
  43.                             <p><img src="{{ asset('images/truck.svg') }}"> </p>
  44.                             <p><span class="livStatusNewRed"></span><span>Livraison</span> </p>
  45.                         </div>
  46.                     </div>
  47.                 </div>
  48.                 <div style="display: none"  class="blockProductChoiceHeaderNew">
  49.                     <p>Que souhaitez-vous vous faire livrer pour aujourd'hui ?</p>
  50.                     <div class="row blockProductChoiceHeaderNewContent ">
  52.                     </div>
  53.                 </div>
  54.                 <div style="display: none;position: relative"  class="blockbtnLiseuseHeaderNew" style="">
  55.                     <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>
  56.                     <div class="col-12 blockbtnLiseuseHeaderNewBtn" style="" >
  57.                         <a href="#"class="blockbtnLiseuseHeaderNewBtnA" id="blockbtnLiseuseHeaderNewBtnNavigue">
  58.                             <span class="iconePlusBoutton">
  59.                                 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
  60.                                     <g clip-path="url(#clip0_3_834)">
  61.                                     <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"/>
  62.                                     <path class="secondPath" d="M7.3736 10.8323V10.536H10.512V7.20551H10.8242V10.536H13.9466V10.8323H10.8242V14.1708H10.512V10.8323H7.3736Z" fill="white"/>
  63.                                     </g>
  64.                                     <defs>
  65.                                     <clipPath id="clip0_3_834">
  66.                                     <rect width="21" height="21" fill="white"/>
  67.                                     </clipPath>
  68.                                     </defs>
  69.                                 </svg>
  70.                                 </span>
  71.                             <span style="vertical-align: middle;">Depuis votre navigateur</span>
  72.                         </a>
  73.                     </div>
  74.                     <div style="display: none" class="tooltipblockbtnLiseuseHeaderNewNavigue">
  75.                         <h2>Depuis votre navigateur</h2>
  76.                         <p>
  77.                             Livraison le jour même sur créneau de 30mn
  78.                         </p>
  79.                         <p>
  80.                             Plus de 100 combinaisons de reliures
  81.                         </p>
  82.                         <p>
  83.                             Prix instantané avec la technologie auto detect
  84.                         </p>
  85.                         <p>
  86.                             Livraison gratuite dès 29€
  87.                         </p>
  88.                     </div>
  89.                     <div class="col-12 blockbtnLiseuseHeaderNewBtn" style="" >
  90.                         <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">
  91.                             <span class="iconePlusBoutton">
  92.                                 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
  93.                                     <g clip-path="url(#clip0_3_834)">
  94.                                     <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"/>
  95.                                     <path  class="secondPath" d="M7.3736 10.8323V10.536H10.512V7.20551H10.8242V10.536H13.9466V10.8323H10.8242V14.1708H10.512V10.8323H7.3736Z" fill="white"/>
  96.                                     </g>
  97.                                     <defs>
  98.                                     <clipPath id="clip0_3_834">
  99.                                     <rect width="21" height="21" fill="white"/>
  100.                                     </clipPath>
  101.                                     </defs>
  102.                                 </svg>
  103.                             </span>
  104.                             <span style="vertical-align: middle;">Depuis votre espace abonné</span>
  105.                         </a>
  106.                     </div>
  108.                     <div style="display: none" class="tooltipblockbtnLiseuseHeaderNewCopeesPlus">
  109.                         <h2>Depuis Copees +</h2>
  110.                         <p>
  111.                             5,99€/mois sans engagement et résiliable à tout moment
  112.                         </p>
  113.                         <p>
  114.                             Livraison gratuite illimitée
  115.                         </p>
  116.                         <p>
  117.                             Paiement automatique à J+30 dès la 2eme commande
  118.                         </p>
  119.                         <p>
  120.                             Jusqu'à 30% de réduction sur tous les produits
  121.                         </p>
  122.                         <a href="{% if checkAbonnementToCartOrOrder(app.user) %}{{ path('file_user_page_b2b') }}{% else %}{{ path('offre_B2B_2') }}{% endif %}">En savoir +</a>
  123.                     </div>
  124.                 </div>
  125.                 <div style="display: none"  class="blockProductSearchHeaderNew">
  126.                     <p>Trouvez votre produit </p>
  127.                     <div class="row  ">
  128.                         <div class="user userbb_prof1" style="position: relative">
  129.                             <div class="searchProductMenuBloc" style="position: relative;">
  130.                                 <input class="inputstyletop" type="text" id="searchProductMenu" style="cursor: pointer;" placeholder="Rechercher votre produit">
  131.                                 <div class="close_result_head" id="close_result_product" style="cursor: pointer;position: absolute;right: 17px;top: 3px;display: none">
  132.                                     <img src="/images/bg_closeh.png">
  133.                                 </div>
  134.                             </div>
  135.                             <div class="ipstresl collapse show" id="collapseProductMenu" style="">
  136.                                 <div class="divSearchProductMenu">
  137.                                     <div id="divSearchProductMenu" style="min-height: 300px; display: none;max-height: 355px;overflow: auto;">
  139.                                     </div>
  140.                                 </div>
  141.                             </div>
  142.                         </div>
  143.                     </div>
  144.                 </div>
  145.                 <div style="display: none"  class="blockProductChoice2HeaderNew">
  146.                     <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>
  147.                     <div class="row">
  148.                         <div class="col-6 blockImageGlobalAccueilNew mb-3" style="margin-right: 10px" >
  149.                             <a href="{{ path('product_option') }}?product={% if productFlyer %}{{ productFlyer.id }}{% endif %}"  class="btnChoiceAcceuilNew">
  150.                                 <div class="blockImageAccueilNew">
  151.                                     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21 27">
  152.                                         <defs>
  153.                                             <style>
  154.                                                 .cls-1 {
  155.                                                     fill: none;
  156.                                                     stroke: #4d4d4d;
  157.                                                     stroke-linecap: round;
  158.                                                     stroke-miterlimit: 10;
  159.                                                     stroke-width: .5px;
  160.                                                 }
  161.                                             </style>
  162.                                         </defs>
  163.                                         <!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142)  -->
  164.                                         <g>
  165.                                             <g id="Calque_1">
  166.                                                 <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"/>
  167.                                                 <path class="cls-1" d="M2.4,4.8h15.7"/>
  168.                                                 <path class="cls-1" d="M2.4,6.6h15.7"/>
  169.                                                 <path class="cls-1" d="M2.4,8.4h15.7"/>
  170.                                                 <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"/>
  171.                                                 <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"/>
  172.                                             </g>
  173.                                         </g>
  174.                                     </svg>
  175.                                 </div>
  176.                                 <span class="textBlockImageAccueilNew">Fyers</span>
  177.                             </a>
  178.                         </div>
  179.                         <div class="col-6 blockImageGlobalAccueilNew mb-3">
  180.                             <a href="{{ path('product_option') }}?product={% if productCarte %}{{ productCarte.id }}{% endif %}" class="btnChoiceAcceuilNew">
  181.                                 <div class="blockImageAccueilNew">
  182.                                     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 17" style="margin-top: 15px;margin-bottom: 11px;">
  183.                                         <defs>
  184.                                             <style>
  185.                                                 .cls-1 {
  186.                                                     fill: none;
  187.                                                     stroke: #4d4d4d;
  188.                                                     stroke-linecap: round;
  189.                                                     stroke-miterlimit: 10;
  190.                                                     stroke-width: .5px;
  191.                                                 }
  192.                                             </style>
  193.                                         </defs>
  194.                                         <!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142)  -->
  195.                                         <g>
  196.                                             <g id="Calque_1">
  197.                                                 <g>
  198.                                                     <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"/>
  199.                                                     <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"/>
  200.                                                     <path class="cls-1" d="M4.6,3.9v7.6c0,.7.5,1.2,1.2,1.2h14.2"/>
  201.                                                 </g>
  202.                                                 <path class="cls-1" d="M13,4.8h8.4"/>
  203.                                                 <path class="cls-1" d="M13,6.6h8.4"/>
  204.                                                 <path class="cls-1" d="M13,8.4h8.4"/>
  205.                                             </g>
  206.                                         </g>
  207.                                     </svg>
  208.                                 </div>
  209.                                 <span class="textBlockImageAccueilNew">Cartes de visite</span>
  210.                             </a>
  211.                         </div>
  212.                         <div class="col-6 blockImageGlobalAccueilNew mb-3" style="margin-right: 10px" >
  213.                             <a href="{{ path('product_option') }}?product={% if productAffiche %}{{ productAffiche.id }}{% endif %}"  class="btnChoiceAcceuilNew">
  214.                                 <div class="blockImageAccueilNew">
  215.                                     <svg xmlns="http://www.w3.org/2000/svg" width="60" height="80" viewBox="0 0 23 28" fill="none">
  216.                                         <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"/>
  217.                                         <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"/>
  218.                                     </svg>
  219.                                 </div>
  220.                                 <span class="textBlockImageAccueilNew">Affiches</span>
  221.                             </a>
  222.                         </div>
  223.                         <div class="col-6 blockImageGlobalAccueilNew mb-3">
  224.                             <a href="{{ path('product_option') }}?product={% if productDEPLIANT2 %}{{ productDEPLIANT2.id }}{% endif %}" class="btnChoiceAcceuilNew">
  225.                                 <div class="blockImageAccueilNew">
  226.                                     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 27">
  227.                                         <defs>
  228.                                             <style>
  229.                                                 .cls-1, .cls-2 {
  230.                                                     fill: none;
  231.                                                     stroke: #4d4d4d;
  232.                                                     stroke-miterlimit: 10;
  233.                                                     stroke-width: .5px;
  234.                                                 }
  236.                                                 .cls-2 {
  237.                                                     stroke-linecap: round;
  238.                                                 }
  239.                                             </style>
  240.                                         </defs>
  241.                                         <!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142)  -->
  242.                                         <g>
  243.                                             <g id="Calque_1">
  244.                                                 <g>
  245.                                                     <path class="cls-2" d="M4.9,1.1v2.4h12.6"/>
  246.                                                     <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"/>
  247.                                                     <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"/>
  248.                                                     <path class="cls-2" d="M19.1,23.1V4.6c0-.6-.5-1.1-1.1-1.1H4.9"/>
  249.                                                 </g>
  250.                                             </g>
  251.                                         </g>
  252.                                     </svg>
  253.                                 </div>
  254.                                 <span class="textBlockImageAccueilNew">Dépliants</span>
  255.                             </a>
  256.                         </div>
  257.                         <div class="col-12">
  258.                             <a href="{{ path('besoin_produits') }}" class="blockProductChoice2HeaderNewSearch">Voir nos 300 produits</a>
  259.                         </div>
  260.                     </div>
  261.                 </div>
  262.             </div>
  263.             <div class="carousel-inner" style="overflow: visible;">
  264.                 {% set elements = getAccueilElement() %}
  265.                 {% for element in elements %}
  266.                     <div class="imgBanniereBesoinProduct carousel-item {% if loop.first %}active{% endif %}" data-interval="{{ element.intervalSpeed }}">
  267.                         <div class="row">
  268.                             <div class="imgBanniereBesoinProductDiv1">
  270.                             </div>
  271.                             <div class="imgBanniereBesoinProductDiv2 row">
  272.                                 <div class="col-4">
  273.                                     {% if element.positionBlocDescription ==1 %}
  274.                                         {% include 'front/accueil/block_description_new_accueil.html.twig' %}
  275.                                     {% endif %}
  276.                                 </div>
  277.                                 <div class="col-4">
  278.                                     {% if element.positionBlocDescription ==2 %}
  279.                                         {% include 'front/accueil/block_description_new_accueil.html.twig' %}
  280.                                     {% endif %}
  281.                                 </div>
  282.                                 <div class="col-4">
  283.                                     {% if element.positionBlocDescription == 3 %}
  284.                                         {% include 'front/accueil/block_description_new_accueil.html.twig' %}
  285.                                     {% endif %}
  286.                                 </div>
  287.                             </div>
  289.                         </div>
  290.                         <img style="{% if element.imageBrightness %}filter: brightness({{ element.imageBrightness }});{% endif %}" class="bannierImageNewAccueil d-block w-100" src="{{ asset('imageSite/'~element.image) }}" alt="First slide">
  291.                     </div>
  292.                 {% endfor %}
  294.             </div>
  295.         </div>
  296.     </div>
  297.     {{ render(controller('App\\Controller\\Front\\ProductController::productBlock',{ 'showWidthoutPapier': 0 })) }}
  298.     <script src="https://maps.googleapis.com/maps/api/js?key={{ key_google_map }}&libraries=places"></script>
  300. <div class="part_slide_txt desctop_accueil_header" style="display: none;">
  301.     <div  class="" >
  302.         <div class="barProducts">
  304.             <div class="homej1">
  305.                 <h2 id="HBesoinProductHome" style="min-height: 70px;position:relative;">
  306.                     <span style="{#position: absolute#}">{{ 'Besoin'|trans }} &nbsp;&nbsp;</span>
  307.                     <span class="spanAnime" style="{#margin-left: 165px;#}">
  308.                         <span id="mainLoop">
  309.                             <span class="tripLoop" style="display: inline ">{{ "D\'IMPRESSIONS ?"|trans }}</span>
  310.                             <span class="tripLoop"> {{ 'DE COPIES ?'|trans }}</span>
  311.                             <span class="tripLoop">{{ 'DE BROCHURES ?'|trans }}</span>
  312.                             <span class="tripLoop">{{ 'DE FLYERS ?'|trans }}</span>
  313.                             <span class="tripLoop">{{ 'DE POSTERS & AFFICHES ?'|trans }}</span>
  314.                             <span class="tripLoop">{{ 'DE DEPLIANTS ?'|trans }}</span>
  315.                             <span class="tripLoop">{{ 'DE CARTES DE VISITE ?'|trans }}</span>
  316.                             <span class="tripLoop">{{ "D\'INVITATIONS ?"|trans }}</span>
  317.                             <span class="tripLoop">{{ 'DE LIVRETS ?'|trans }}</span>
  318.                             <span class="tripLoop">{{ 'DE STICKERS ?'|trans }}</span>
  319.                             <span class="tripLoop">{{ 'DE CARTES POSTALES ?'|trans }}</span>
  320.                             <span class="tripLoop">{{ 'DE ROLL UP ?'|trans }}</span>
  321.                             <span class="tripLoop">{{ 'DE PHOTOS ?'|trans }}</span>
  322.                             <span class="tripLoop">{{ 'DE T-SHIRTS ?'|trans }}</span>
  323.                             <span class="tripLoop">{{ 'DE SWEAT ?'|trans }}</span>
  324.                             <span class="tripLoop">{{ 'DE TOTE BAGS ?'|trans }}</span>
  326.                         </span>
  327.                     </span>
  328.                 </h2>
  329.                 {#                  <h2>Besoin de cartes de visite ?</h2>#}
  330.                 <h3 style=" text-align: center">{{ "Souriez, vous êtes déjà livré(e)s !"|trans|raw}}</h3>
  331.                 <div>
  332.                     <div>{{ "Tous vos documents imprimés & reliés, et produits d’impressions personnalisés,"|trans}}</div>
  333.                     <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>
  334.                 </div>
  336.             </div>
  337.         </div>
  338.     </div>
  339.     <div class="" id="input_home_top_mobile">
  340.         <div class="close_btn_home_top_mobile">
  341.             <div class="text-right" id="close_btn_home_top_mobile"><img src="{{ asset('images/btn_closex.png') }}"></div>
  342.             <h4> {{ 'On vous livre où ?'|trans }}</h4>
  343.         </div>
  344.         <div class="input_top_local input_top_local_home">
  345.             <div class="input_top_local_home11">
  346.                 <input type="text" id="addressLiv" placeholder="{{ 'Saisissez l’adresse de livraison'|trans }}">
  347.                 <button id="spanSearchBtn" class="btnRechercheLivraison" type="submit">{{ 'Voir nos produits & services'|trans }}</button>
  348.                 <input type="hidden" id="latLiv" name="latLiv" value="">
  349.                 <input type="hidden" id="longLiv" name="longLiv" value="">
  350.                 <input type="hidden" id="codePostalLiv" name="codePostalLiv" value="">
  351.             </div>
  352.         </div>
  353.     </div>
  354.     <div class="img_input_home_top">
  355.         {% if countrySelect.languageCode == 'Es' %}
  356.             <img src="{{ asset('images/b0t4_es.jpeg') }}" style="max-width: 330px;">
  357.         {% else %}
  358.             <img src="{{ asset('images/b0t4.png') }}">
  359.         {% endif %}
  361.     </div>
  362. </div>
  363. <div class="part_slide_txt mobile_accueil_header"  style="display: none;" >
  364.     <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 + de 300 produits d’impressions (flyers, cartes de visites, tee-shirt, photos,ect...) livrés aujourd’hui'|trans }}.</h2>
  365.     <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>
  366.     <div class="bloc_livraison_mobile">
  367.         <h2>{{ 'Tous vos produits d’impression livrés chez vous le jour même'|trans }}</h2>
  368.         <input type="text" id="addressLivMobile" placeholder="{{ 'Saisissez votre adresse de livraison'|trans }}">
  369.         <button  id="submitAdresseLivraison" type="submit">{{ 'Je me fais livrer'|trans }}</button>
  370.         {% if app.user %}
  372.         {% else %}
  373.             <h3><strong><a href="#" class="connect_header_bar_adresse">Connectez-vous</a> </strong> pour vos adresses enregistrées</h3>
  374.         {% endif %}
  375.     </div>
  376.     {#<div class="img_input_home_top">#}
  377.     {#<img src="{{ asset('images/bg_mobile_accueil.png') }}">#}
  378.     {#</div>#}
  379. </div>
  380. <div class="part_box10service" style="display: none"  style="display: none;">
  381.     <div class="row">
  382.         <div class="col-lg col-md-4 col1">
  383.             <a href="#" class="linkPapierProductAcueil"><img src="{{ asset('images/ser1.png') }}"></a>
  384.             <h4><a href="#" class="linkPapierProductAcueil">Imprimer & relier A5/A4/A3</a></h4>
  385.         </div>
  386.         <div class="col-lg col-md-4 col2">
  387.             <a href="#" class="linkPapierAfficheEditAcueil"><img src="{{ asset('images/ser2.png') }}"></a>
  388.             <h4><a href="#" class="linkPapierAfficheEditAcueil">Posters & affiches (de A0 à A4)</a></h4>
  389.         </div>
  390.         <div class="col-lg col-md-4 col3">
  391.             <a href="#" class="linkPapierFlyerAcueil"><img src="{{ asset('images/ser3.png') }}"></a>
  392.             <h4> <a href="#" class="linkPapierFlyerAcueil">Flyers A3/A4/A5</a></h4>
  393.         </div>
  394.         <div class="col-lg col-md-4 col4">
  395.             <a href="#" class="linkPapierFairePartAcueil"> <img src="{{ asset('images/ser4.png') }}"></a>
  396.             <h4><a href="#" class="linkPapierFairePartAcueil">Faire part</a></h4>
  397.         </div>
  398.         <div class="col-lg col-md-4 col5">
  399.             <a href="#" class="linkPapierCarteAcueil"><img src="{{ asset('images/ser5.png') }}"></a>
  400.             <h4><a href="#" class="linkPapierCarteAcueil">Cartes de visite</a></h4>
  401.         </div>
  402.         <div class="col-lg col-md-4 col6">
  403.             <a href="#" class="linkPapierMenuAcueil"><img src="{{ asset('images/ser6.png') }}"></a>
  404.             <h4><a href="#" class="linkPapierMenuAcueil">Menus</a></h4>
  405.         </div>
  406.         <div class="col-lg col-md-4 col7">
  407.             <a href="{{ path('index_top_100') }}"> <img src="{{ asset('images/ser7.png') }}"></a>
  408.             <h4><a href="{{ path('index_top_100') }}">TOP 100 essentiel</a></h4>
  409.         </div>
  410.         <div class="col-lg col-md-4 col8">
  411.             <a href="#" class="linkPapierProductEditAcueil"><img src="{{ asset('images/ser8.png') }}"></a>
  412.             <h4><a href="#" class="linkPapierProductEditAcueil">Modification de PDF</a></h4>
  413.         </div>
  414.         <div class="col-lg col-md-4 col9">
  415.             <a href="{{ path('distribue') }}"><img src="{{ asset('images/ser9.png') }}"></a>
  416.             <h4><a href="{{ path('distribution_calcule') }}">Distribution de flyers</a></h4>
  417.         </div>
  418.         <div class="col-lg col-md-4 col10">
  419.             <a href="{{ path('poste_page') }}"><img src="{{ asset('images/ser10.png') }}"></a>
  420.             <h4><a href="{{ path('poste_page') }}">Envoi de courrier simple ou recommandé</a></h4>
  421.         </div>
  422.     </div>
  423. </div>
  425. {% include 'front/accueil/index-content.html.twig' %}
  426. {% include 'front/footer.html.twig' %}