templates/front/page-cms/page-ville.html.twig line 1

Open in your IDE?
  1. {% extends 'front/layout.html.twig' %}
  2. {% block title %}
  3.     {% if page  %}{{ page.metaTitle | trans({}, "pageCmsTranslate") }}{% endif %}
  4. {% endblock %}
  5. {% block metaDescription %}
  6.     {% if page  %}<meta name="description" content="{{ page.metaDescription | trans({}, "pageCmsTranslate") }}">{% endif %}
  7. {% endblock %}
  8. {% block googleTagManagerDataLayer %}
  9.     {% include 'google_tag.html.twig' with {'titlePage':page.googleTagNamePage,'categoryPage':'about-us','navigation_category1':page.googleTagcat1,'navigation_category2':page.googleTagcat2,'navigation_category3':page.googleTagcat3 }   %}
  10. {% endblock %}
  11.     {% block stylesheets %}
  12.         {{ parent() }}
  13.         {{ encore_entry_link_tags('page_cms') }}
  14.     {% endblock %}
  15. {% block body %}
  16.     {% include 'front/header.html.twig' %}
  17.     {% if page and page.isDeleted %}
  18.         <div class="container mt-5 mb-5">
  19.             <div class="d-flex justify-content-center">
  20.                 <div class="col-7"><img src="{{ asset('images/404_img.png') }}" style=""></div>
  21.             </div>
  22.             <p class="text-center page404Titre">{{ 'Oooops nous sommes désolés' | trans({}, "pageCmsTranslate") }}</p>
  23.             <p class="text-center page404SousTitre mb-1">{{ 'Nous ne pouvons plus vous proposer cette page' | trans({}, "pageCmsTranslate") }}</p>
  24.             <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>
  25.             <p class="text-center page404SousTitre mt-5"><a  href="{{ path('accueil') }}">{{ 'Retourner sur Copees' | trans({}, "pageCmsTranslate") }}</a></p>
  26.         </div>
  27.     {% else %}
  28.         <div class="section_cps1">
  29.             <div class="box1_cps">
  30.                 <h2>{{page.titre| trans({}, "pageCmsTranslate")}}</h2>
  31.                 {% if page.sousTitre %}
  32.                    <h3>{{ page.sousTitre | trans({}, "pageCmsTranslate") }}</h3>
  33.                 {% endif %}
  34.                 <div class="box_link_cps1">
  35.                      {% if page.btn1Name %} <a href="{{ page.btn1Link }}" style="color:{{ page.btn1color }};background-color: {{ page.btn1Background }}">{{ page.btn1Name | trans({}, "pageCmsTranslate") }}</a> {% endif %}
  36.                      {% if page.btn2Name %} <a href="{{ page.btn2Link }}" style="color:{{ page.btn2color }};background-color: {{ page.btn2Background }}">{{ page.btn2Name | trans({}, "pageCmsTranslate") }}</a> {% endif %}
  37.                 </div>
  38.             </div>
  39.         </div>
  40.         <div class="section_cps2">
  41.             <div class="box2_cps row">
  42.                 <div class="col-md-7">
  43.                     {% if page.pageBlock1 %}
  44.                         <div class="box_cps_row1">
  45.                             <h3>{{page.pageBlock1.titre| trans({}, "pageCmsTranslate")}} </h3>
  46.                             <p>{{page.pageBlock1.description| trans({}, "pageCmsTranslate")}}</p>
  47.                             {% if page.pageBlock1.pageSousBlock|length > 0 %}
  48.                                 <div class="row">
  49.                                     {% for item in page.pageBlock1.pageSousBlock %}
  50.                                         <div class="col-md-6">
  51.                                             <div class="box_cps_row1">
  52.                                                 <h4 class="ic_cps1" style="background-image: url({{ asset('imageSite/'~item.image) }});">{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
  53.                                                 {{ item.description | trans({}, "pageCmsTranslate")|raw }}
  54.                                             </div>
  55.                                         </div>
  56.                                     {% endfor %}
  57.                                 </div>
  58.                             {% endif %}
  59.                         </div>
  60.                     {% endif %}
  61.                 </div>
  62.                 <div class="col-md-5">
  63.                     <div class="img_box_cps2">
  64.                         <img src="{{ asset('images/i2_cpsb.png') }}">
  65.                     </div>
  66.                 </div>
  67.             </div>
  68.             <div class="box3_cps row">
  69.                 {% if page.pageBlock2 %}
  70.                     <div class="col-md-5">
  71.                         <div class="img_box_cps3">
  72.                             <img src="{{ asset('imageSite/'~page.pageBlock2.image) }}">
  73.                         </div>
  74.                     </div>
  75.                     <div class="col-md-7">
  76.                         <div class="box_cps_row2">
  77.                             <h3>{{page.pageBlock2.titre | trans({}, "pageCmsTranslate")}} </h3>
  78.                             <p>{{page.pageBlock2.description | trans({}, "pageCmsTranslate")}}</p>
  79.                              {% if page.pageBlock2.pageSousBlock|length > 0 %}
  80.                                 {% for item in page.pageBlock2.pageSousBlock %}
  81.                                     <div class="box_cps_sec2">
  82.                                         <img src="{{ asset('imageSite/'~item.image) }}">
  83.                                         <h4>{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
  84.                                         {{ item.description | trans({}, "pageCmsTranslate")|raw }}
  85.                                     </div>
  86.                                 {% endfor %}
  87.                              {% endif %}
  88.                         </div>
  89.                     </div>
  90.                 {% endif %}
  91.             </div>
  92.             <div class="box4_cps row">
  93.                 {% if page.pageBlock3 %}
  94.                     <div class="col-md-6">
  95.                         <div class="box_img_box_cps4">
  96.                             <h3>{{page.pageBlock3.titre | trans({}, "pageCmsTranslate")}}</h3>
  97.                             {% if page.pageBlock3.pageSousBlock|length > 0 %}
  98.                                 {% for item in page.pageBlock3.pageSousBlock %}
  99.                                     <div class="box_cps_sec4">
  100.                                         <img src="{{ asset('imageSite/'~item.image) }}">
  101.                                         <h4>{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
  102.                                         {{ item.description | trans({}, "pageCmsTranslate")|raw }}
  103.                                     </div>
  104.                                 {% endfor %}
  105.                             {% endif %}
  106.                         </div>
  107.                     </div>
  108.                     <div class="col-md-6">
  109.                         <div class="box_img_box_cps5">
  110.                             <img src="{{ asset('images/i4_cpsb.png') }}">
  111.                             <div class="box_cps_sec5_tab">
  112.                                 <div class="row row_jaune_tab">
  113.                                     <div class="col-7">
  114.                                         <h4>{{ 'Horaire de commande' | trans({}, "pageCmsTranslate") }}</h4>
  115.                                     </div>
  116.                                     <div class="col-5">
  117.                                         <h4>{{ 'Livraison' | trans({}, "pageCmsTranslate") }}</h4>
  118.                                     </div>
  119.                                 </div>
  120.                                 {% if page.livraisonBlock|length > 0 %}
  121.                                     {% for item in page.livraisonBlock %}
  122.                                         <div class="row row_repeat_tab">
  123.                                             <div class="col-7">
  124.                                                 {{ item.titre1 | trans({}, "pageCmsTranslate") }}
  125.                                             </div>
  126.                                             <div class="col-5">
  127.                                                 {{ item.titre2 | trans({}, "pageCmsTranslate") }}
  128.                                             </div>
  129.                                         </div>
  130.                                     {% endfor %}
  131.                                 {% endif %}
  132.                             </div>
  133.                         </div>
  134.                     </div>
  135.                 {% endif %}
  136.             </div>
  137.         </div>
  138.         <div class="section_cps3">
  139.             <div class="box1_cps3 row">
  140.                 <div class="col-md-7">
  141.                     <div class="box_cps3_row1">
  142.                       {% if page.pageBlock4 %}
  143.                           <h3>{{page.pageBlock4.titre | trans({}, "pageCmsTranslate")}} </h3>
  144.                           <p>{{page.pageBlock4.description | trans({}, "pageCmsTranslate")}}</p>
  145.                           {% if page.pageBlock4.pageSousBlock|length > 0 %}
  146.                               <div class="row">
  147.                                   {% for item in page.pageBlock4.pageSousBlock %}
  148.                                       <div class="col-md-6">
  149.                                           <div class="box_cps3_row1">
  150.                                               <img src="{{ asset('imageSite/'~item.image) }}">
  151.                                               <h4>{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
  152.                                               {{ item.description | trans({}, "pageCmsTranslate")|raw }}
  153.                                           </div>
  154.                                       </div>
  155.                                   {% endfor %}
  156.                               </div>
  157.                           {% endif %}
  158.                       {% endif %}
  159.                     </div>
  160.                 </div>
  161.                 <div class="col-md-5">
  162.                     <div class="img_box_cps2 ecron_design">
  163.                         <div class="" style="position: relative; padding-bottom:56%; height: 0;">
  164.                             {#<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>#}
  165.                             <video width="400" controls style="width: 100%;background-color: #000000;padding: 2px;">
  166.                                 <source src="{{ asset('images/video_pages_cms_produit.mp4') }}" type="video/mp4">
  167.                             </video>
  168.                         </div>
  169.                     </div>
  170.                     <div class="img_box_cps2 ecron_design_mobile" style="display: none">
  171.                         <video width="400" controls style="width: 100%;background-color: #000000;padding: 2px;">
  172.                             <source src="{{ asset('images/video_pages_cms_produit.mp4') }}" type="video/mp4">
  173.                         </video>
  174.                     </div>
  175.                 </div>
  176.                 <div class="col-md-12">
  177.                     <div class="link_cps3">
  178.                          {% if page.pageBlock4 %}
  179.                             <a href="{{ page.pageBlock4.btn1Link }}" style="color:{{ page.pageBlock4.btn1color }};background-color: {{ page.pageBlock4.btn1Background }}">{{ page.pageBlock4.btn1Name | trans({}, "pageCmsTranslate") }}</a>
  180.                         {% endif %}
  181.                     </div>
  182.                 </div>
  183.             </div>
  184.         </div>
  185.         <div class="section_cps4">
  186.             <div class="box1_cps4">
  187.                 {% if page.pageBlock5 %}
  188.                     <h3>{{page.pageBlock5.titre | trans({}, "pageCmsTranslate")}}</h3>
  189.                     <p>{{page.pageBlock5.description | trans({}, "pageCmsTranslate")}}</p>
  190.                     <a href="{{ page.pageBlock5.btn1Link }}" style="color:{{ page.pageBlock5.btn1color }};background-color: {{ page.pageBlock5.btn1Background }}">{{ page.pageBlock5.btn1Name | trans({}, "pageCmsTranslate") }}</a>
  191.                 {% endif %}
  192.             </div>
  193.         </div>
  194.         {% if page.isBandeau %}
  195.              <div class="part_hd9 part_hd_ass4" style="">
  196.                 <div class="container-fluid part7" style="padding-bottom: 10px;">
  197.                     <div class="container">
  198.                         <div class="row">
  199.                             <div class="col-lg-12 text-center">
  200.                                 <h2 class="text-center">{{ 'Nos clients en parlent mieux que nous' | trans({}, "pageCmsTranslate") }}</h2>
  201.                             </div>
  202.                             <div class="clear"></div>
  203.                             <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>
  204.                         </div>
  205.                     </div>
  206.                 </div>
  207.              </div>
  208.         {% endif %}
  209.         <div class="section_cps5">
  210.             <div class="box1_cps5">
  211.                 {% if page.pageBlock6 %}
  212.                     <h2>{{page.pageBlock6.titre | trans({}, "pageCmsTranslate")}} </h2>
  213.                     <p>{{page.pageBlock6.description | trans({}, "pageCmsTranslate")}}</p>
  214.                     <div class="box1_cps5_row row">
  215.                         {% if page.pageBlock6.pageSousBlock|length > 0 %}
  216.                             {% for item in page.pageBlock6.pageSousBlock %}
  217.                                 <div class="col-md-4">
  218.                                     <div class="box_cps5_glob">
  219.                                         <img src="{{ asset('imageSite/'~item.image) }}">
  220.                                         <div class="txt_cps5">
  221.                                             <h4>{{ item.titre | trans({}, "pageCmsTranslate") }}</h4>
  222.                                             <h3>{{ item.description | trans({}, "pageCmsTranslate") }}</h3>
  223.                                             <a href="{{ item.btnLink }}" >{{ item.btnName | trans({}, "pageCmsTranslate") }}</a>
  224.                                         </div>
  225.                                     </div>
  226.                                 </div>
  227.                             {% endfor %}
  228.                         {% endif %}
  229.                     </div>
  230.                 {% endif %}
  231.             </div>
  232.         </div>
  233.     {% endif %}
  234.     {% include 'front/footer.html.twig' %}
  235.     <style>
  236.         .ecron_design{
  237.             background-image: url(/images/ecron_design0.png) !important;
  238.             background-repeat: no-repeat;
  239.             background-size: 100% !important;
  240.             height: 100%;
  241.             padding-left: 1.3%!important;
  242.             padding-right: 1%! important;
  243.             padding-top: 1%!important;
  244.         }
  245.         @media (min-width: 900px) and (max-width: 992px) {  .ecron_design{ height: 734px;}  }
  246.         @media (min-width: 800px) and (max-width: 900px) {  .ecron_design{ height: 665px;}  }
  247.         @media (min-width: 700px) and (max-width: 800px) {  .ecron_design{ height: 587px;}  }
  248.         @media (max-width: 767px) {
  249.             .ecron_design_mobile {
  250.                 display: block!important;
  251.             }
  252.             .ecron_design{
  253.                 display: none;
  254.             }
  255.         }
  256.         @media (min-width: 1280px) {
  257.             .ecron_design{
  258.                 width: 500px!important;
  259.             }
  260.         }
  261.     </style>
  262. {% endblock %}
  263. {% block javascripts %}
  264.     {{ parent() }}
  265.     {{ encore_entry_script_tags('page_cms') }}
  266. {% endblock %}