templates/page/tarif-abonnement.html.twig line 7

Open in your IDE?
  1. {% extends 'front/layout.html.twig' %}
  2. {% block googleTagManagerDataLayer %}
  3.     {% include 'google_tag.html.twig' with {'titlePage':'Comparateur d\'abonnement','categoryPage':'our offers','navigation_category1':'Nos abonnements','navigation_category2':'','navigation_category3':'' }   %}
  4. {% endblock %}
  5. {% block body %}
  7.     {% include 'front/header.html.twig' %}
  9.     <div class="container-fluid part4 gif_img concept tarif">
  10.         <div class="container-fluid part4 gif_img concept tarif">
  11.             <div class="container space-top-medium">
  12.                 <div class="">
  13.                     <h1 style="text-align: center; font-family: 'Open Sans', sans-serif; color: white; font-size: 20px; font-weight: 700; padding-top: 31px; padding-bottom: 31px">{{ "Simulez vos impressions avec nos incroyables abonnements!"|trans }}</h1>
  14.                 </div>
  15.                 <div class="block_to_use">
  16.                     <div class="titre_tarif block_white radius_d">
  17.                         <div class="vc_row wpb_row vc_row-fluid">
  18.                             <div class="wpb_column vc_column_container vc_col-sm-12">
  19.                                 <div class="vc_column-inner ">
  20.                                     <div class="wpb_wrapper">
  21.                                         <div class="vc_empty_space" style="height: 25px"><span class="vc_empty_space_inner"></span></div>
  22.                                         <div class="wpb_text_column wpb_content_element ">
  23.                                             <div class="wpb_wrapper">
  24.                                                 <h3 style="text-align: center;"><strong><span style="color: #000000; font-family: 'Open Sans', sans-serif; font-size: 14px;">{{ "Faites des économies et passez à la vitesse supérieure avec les abonnements Copees"|trans }}</span></strong></h3>
  25.                                             </div>
  26.                                         </div>
  27.                                     </div>
  28.                                 </div>
  29.                             </div>
  30.                         </div>
  31.                     </div>
  32.                     <div class="block_white input_bloc_tarif">
  33.                         <form id="formTarif">
  34.                         <div class="container ">
  35.                             <div class="row space-top-medium">
  36.                                 <div class="col-xs-12 col-md-4 col-lg-4 ">
  37.                                     <p style="font-family: 'Open Sans', sans-serif; font-weight: 600 !important; font-size: 13px; max-width: 121px; text-align: center; color: black; display: block; margin-right: auto; margin-left: auto;">{{ "Nombre de page(s) en noir et blanc ?"|trans }}</p>
  38.                                     <input id="inputnombrepagenoir" type="number" name="nbrBlackWhite" class="devis_number_pages_nb toRs" min="0" value="50">
  39.                                 </div>
  40.                                 <div class="col-xs-12 col-md-4 col-lg-4 ">
  41.                                     <p style="font-family: 'Open Sans', sans-serif; font-weight: 600 !important; font-size: 13px; max-width: 121px; text-align: center; color: black; display: block; margin-right: auto; margin-left: auto;">{{ "Nombre de page(s) en couleur ?"|trans }}</p>
  42.                                     <input id="inputnombrepagecouleur" type="number" name="nbrColor" class="devis_number_pages_couleur toRs" min="0" value="100">
  43.                                 </div>
  44.                                 <div class="col-xs-12 col-md-4 col-lg-4 ">
  45.                                     <p style="font-family: 'Open Sans', sans-serif; font-weight: 600 !important; font-size: 13px; max-width: 121px; text-align: center; color: black; display: block; margin-right: auto; margin-left: auto;">{{ "Nombre de <br> reliure"|trans |raw}}</p>
  46.                                     <input id="reluire" type="number" name="is_reluire"  class=" toRs" min="0"  value="3">
  47.                                 </div>
  48.                             </div>
  49.                         </div>
  50.                         </form>
  51.                     </div>
  52.                     <div class="second_block">
  53.                         <div class="container ">
  54.                             <div class="row space-top-medium">
  55.                                 <div class="col-xs-12 col-md-12 col-lg-5 pt-4">
  56.                                     <p style="font-family: 'Open Sans', sans-serif; font-size: 16px;    padding-bottom: 28px;    font-weight: 700;text-align:center">{{ "Sans Abonnement"|trans }}</p>
  57.                                     <div>
  58.                                         <p style="font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700;    margin-bottom: 0;text-align:center">{{ "Prix total"|trans }}</p>
  59.                                         <p style="font-family: 'Open Sans', sans-serif; font-size: 26px;font-weight: 700;text-align:center"><span id="prixCopees">14.21</span><span>€</span></p>
  60.                                     </div>
  61.                                     <div class="txt_top_tarif">
  62.                                         <div style="    padding-left: 28px;">
  63.                                             <ul>
  64.                                                 <li class="li_sp">{{ "Livraison en 30 mn payante sous 29€"|trans }}</li>
  65.                                                 <li class="li_sp">{{ "Coûts d'impression qui ne sont pas fixes"|trans }}</li>
  66.                                                 <li class="li_sp">{{ "Paiement à la commande"|trans }}</li>
  67.                                                 <li class="li_sp">{{ "Pas d'escompte"|trans }}</li>
  68.                                                 <li class="li_sp">{{ "Pas de dashboard partagé ni de graphiste dédié(e)"|trans }}</li>
  69.                                             </ul>
  70.                                         </div>
  71.                                     </div>
  72.                                 </div>
  73.                                 <div class="col-lg-1 d-none d-lg-block">
  74.                                     <div class="sep_v">
  75.                                         <h1 style="position: absolute; right: -19px; top: 77px; background-color: #f6f6f6; font-size: 33px; padding-top: 10px; padding-bottom: 10px;;">VS</h1>
  76.                                     </div>
  77.                                 </div>
  78.                                 <div class="col-xs-12 col-md-12 col-lg-6 " style="padding-top: 24px;">
  79.                                     <div class="row" style="font-family: 'Open Sans', sans-serif; font-size: 16px;    padding-bottom: 14px;    font-weight: 700;text-align:center">
  80.                                         <div class="col-5 pr-0"><p style="padding-top: 6px;"> {{ "Avec abonnement"|trans }}</p></div>
  81.                                         <div class="col-5 pl-0">
  82.                                             <div class="bx_select_nb_designer">
  83.                                                 <div class="d-flex">
  84.                                                     <div class="f_family qtyBlock">
  85.                                                         <a class="btn btn-primary" data-toggle="collapse" href="#collapseAbonnementSimulator" role="button" aria-expanded="true" aria-controls="collapseAbonnementSimulator" id="abonnementTitreSimulator">
  86.                                                             {{ "Business"|trans }}
  87.                                                         </a>
  88.                                                         <input type="hidden" name="typeAbonnenemt" value="{{ constant('App\\Entity\\AbonnementPro::TYPE_TEAM') }}" data-type="abonnementPro" id="typeAbonnenemt">
  89.                                                         <div class="collapse" id="collapseAbonnementSimulator" style="right: 0;max-width: 100%;left: auto;top: 30px;">
  90.                                                             <div class="abs_box">
  91. {#                                                                <span data-type="abonnementPlus" data-value="copeesplus" data-name="Copees +">Copees +</span>#}
  92.                                                                 <span data-type="abonnementPro" data-value="{{ constant('App\\Entity\\AbonnementPro::TYPE_PRO') }}" data-name="Plus">{{ "Plus"|trans }}</span>
  93.                                                                 <span data-type="abonnementPro"data-value="{{ constant('App\\Entity\\AbonnementPro::TYPE_TEAM') }}" data-name="Business">{{ "Business"|trans }}</span>
  94.                                                             </div>
  95.                                                         </div>
  96.                                                     </div>
  97.                                                 </div>
  98.                                             </div>
  99.                                         </div>
  100.                                     </div>
  101.                                     <div class="round_cadre">
  102.                                         <p style="font-family: 'Open Sans', sans-serif;
  103.                            font-size: 15px;
  104.                            font-weight: 700;
  105.                            margin-bottom: 0;
  106.                            text-align: center;
  107.                            color: #5f85ec;
  108.                            padding-top: 5px;
  109.                            padding-bottom: 8px;" id="titrePrixSimulator">{{ "Abonnement Business"|trans }}</p>
  110.                                         <p style="text-align:center;font-family: 'Open Sans', sans-serif; font-size: 26px;font-weight: 700;text-align:center;color:#5f85ec;"><span id="prixAbonnement">6.46</span><span>€</span></p>
  111.                                         <form class="posR" id="dropfile" action="" enctype="multipart/form-data">
  112.                                             <input id="fileinput" name="pdf_file" type="file" accept="application/pdf" class="hide">
  113.                                             <a style="width: 67%; background-image: linear-gradient(to right, #07bee4, #00b3ec, #00a6f2, #3097f2, #5f85ec); border: 0; color: white; padding: 10px 28px 10px 28px; display: block; margin-right: auto; margin-left: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;" class="btn  full-width" id="btn-uploader" href="{{ path('abonnementPro_index') }}">
  114.                                                 {{ "J\'y vais"|trans }}                            <i class="spinner"></i>
  115.                                             </a>
  116.                                             <div id="mbar" style="margin: 20px; width: 200px; height: 200px; position: relative; display: none; margin-right: auto; margin-left: auto;"></div>
  117.                                             <span id="myBar">
  118.                            <span class="indic"></span>
  119.                            </span>
  120.                                         </form>
  121.                                         <div class="clear"></div>
  122.                                     </div>
  123.                                     <div class="" style="padding-top: 41px;">
  124.                                         <div>
  125.                                             <ul id="ulAbonnementPlus" style="display: none">
  126.                                                 <li class="li_sp">{{ "Livraison en 30 mn chez vous à votre bureau"|trans }}</li>
  127.                                                 <li class="li_sp">{{ "Aucun engagement lié à un leasing d'une multifonction"|trans }}</li>
  128.                                                 <li class="li_sp">{{ "Aucune main d'oeuvre en interne"|trans }}</li>
  129.                                                 <li class="li_sp">{{ "Pour 4,99€/mois résiliable à tout moment en 1 clic"|trans }}</li>
  130.                                                 <li class="li_sp">{{ "10% d’économie sur tous vos achats"|trans }}</li>
  131.                                                 <li class="li_sp">{{ "livraison gratuite illimitée"|trans }}</li>
  132.                                             </ul>
  133.                                             <ul id='ulAbonnementPro'>
  134.                                                 <li class="li_sp">{{ "Des coûts d’impressions fixes (0,05€ la page n&b et 0,09€ la page couleur) quel que soit le grammage et le format, vous faisant économiser en moyenne 50% sur vos commandes."|trans }}</li>
  135.                                                 <li class="li_sp">{{ "Livraison illimitée gratuite et prélèvement à 30 jours."|trans }}</li>
  136.                                                 <li class="li_sp">{{ "Un Dashboard partagé avec vos salariés et un(e) graphiste dédié(e)."|trans }}</li>
  137.                                                 <li class="li_sp">{{ "Plein d’autres options incroyables détaillées dans «nos supers abonnements»."|trans }}</li>
  138.                                                 <li class="li_sp">{{ "Abonnements résiliables à tout moment en 1 clic."|trans }}</li>
  139.                                             </ul>
  140.                                         </div>
  141.                                     </div>
  142.                                 </div>
  143.                             </div>
  144.                         </div>
  145.                     </div>
  146.                 </div>
  147.             </div>
  148.         </div>
  149.     </div>
  151.     {% include 'front/footer.html.twig' %}
  153. {% endblock %}
  155. {% block javascripts %}
  156.     {{ parent() }}
  157.     {{ encore_entry_script_tags('page_tarif_abonnement') }}
  158. {% endblock %}