templates/front/cmp/cmp-vivog.html.twig line 1

Open in your IDE?
  1. <div class="cmp-wrapper">
  2.     <div class="cmp-popup">
  3.         <div class="intro" style="display: none;">
  4.             <p class="decline"><a class="deny-all">{% trans %}Continuer sans accepter{% endtrans %}</a></p>
  5.             <p class="center">
  6.                 <img src="{{ asset('img/logo-top.svg') }}" alt="Vivog" width="230" height="80">
  7.             </p>
  8.             <p>{% trans %}Pour améliorer votre expérience de navigation, nous utilisons des cookies.{% endtrans %}</p>
  9.             <p class="title">{% trans %}A quoi servent les cookies ?{% endtrans %}</p>
  10.             <p>{% trans %}Les cookies sont des petits fichiers stockés sur votre appareil lorsque vous visitez un site web. Les cookies permettent d’activer des fonctions essentielles du site, de réaliser des statistiques d’audience et d’études pour améliorer nos offres, de personnaliser votre expérience et de prévenir les risques de fraude.{% endtrans %}</p>
  11.             <p class="title">{% trans %}Est-ce indispensable ?{% endtrans %}</p>
  12.             <p>{% trans %}Certains cookies sont indispensables et d’autres le sont moins. Mais tous participent à rendre votre navigation plus harmonieuse et à votre goût.{% endtrans %}</p>
  13.             <p class="title">{% trans %}Si j’accepte, est-ce que je peux encore changer d’avis ?{% endtrans %}</p>
  14.             <p>{% trans %}Oui, votre choix sera appliqué et conservé au maximum pendant 13 mois. Vous pouvez à tout moment modifier vos choix en utilisant le lien "Gestion des cookies" figurant en bas de page.{% endtrans %}</p>
  15.             <div class="cmp-navigation">
  16.                 <a class="bt bt-perso bt-white">{% trans %}Personnaliser{% endtrans %}</a>
  17.                 <a class="bt accept-all">{% trans %}Accepter et fermer{% endtrans %}</a>
  18.             </div>
  19.         </div>
  20.         <div class="perso" style="display: block;">
  21.             <a class="bt-back">X</a>
  22.             <p>{% trans %}Vous pouvez à tout moment revoir vos choix en utilisant le lien <a href="/professionnel/pages.php?pID=115&amp;language=fr" rel="nofollow">“Gestion des cookies”</a> en bas de page du site.{% endtrans %}</p>
  23.             <p>{% trans %}Cliquez sur chaque catégorie pour accepter ou refuser l’utilisation des cookies.{% endtrans %}</p>
  24.             <p>{% trans %}VOUS AUTORISEZ :{% endtrans %}</p>
  25.             <div class="choices">
  26.                 <div class="choice">
  27.                     <p class="title"><a class="more">-</a> {% trans %}Fonctionnels (Nécessaire){% endtrans %}</p>
  28.                     <div class="bts">
  29.                         <a class="bt locked enabled" data-name="site">
  30.                             <svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  31.                                 <path d="M3.84663 7.69319C3.70844 7.69319 3.57024 7.6403 3.46496 7.53502L0.158361 4.22832C-0.052787 4.01727 -0.052787 3.67604 0.158361 3.46499C0.36941 3.25394 0.710549 3.25394 0.921697 3.46499L3.84663 6.38992L10.0784 0.158287C10.2894 -0.0527623 10.6306 -0.0527623 10.8417 0.158287C11.0527 0.369435 11.0527 0.710573 10.8417 0.921721L4.2284 7.53502C4.12312 7.6403 3.98483 7.69319 3.84663 7.69319Z" fill="white"></path>
  32.                             </svg>
  33.                             {% trans %}Requis{% endtrans %}
  34.                         </a>
  35.                     </div>
  36.                     <div class="details" style="display: block;">
  37.                         <p>{% trans %}Ces cookies nécessaires contribuent à rendre un site web utilisable en activant des fonctions de base comme la navigation de page et l'accès à votre compte. Le site web ne peut pas fonctionner correctement sans ces cookies. Ils ne sont pas désactivables.{% endtrans %}  <!--<a class="bt-details" href="#details-analytics">Détails des cookies</a>--></p>
  38.                     </div>
  39.                 </div>
  40.                 <div class="choice">
  41.                     <p class="title"><a class="more">-</a> {% trans %}Mesure d’audience{% endtrans %}</p>
  42.                     <div class="bts">
  43.                         <a class="bt bt-green bt-decline enabled" data-name="analytics">
  44.                             <svg width="7" height="7" viewBox="0 0 7 7" fill="none" xmlns="http://www.w3.org/2000/svg">
  45.                                 <path d="M4.14131 3.50572L6.86697 0.779975C7.04435 0.602676 7.04435 0.316009 6.86697 0.138711C6.68967 -0.0385873 6.403 -0.0385873 6.2257 0.138711L3.49996 2.86446L0.7743 0.138711C0.596918 -0.0385873 0.310334 -0.0385873 0.133036 0.138711C-0.0443453 0.316009 -0.0443453 0.602676 0.133036 0.779975L2.8587 3.50572L0.133036 6.23146C-0.0443453 6.40876 -0.0443453 6.69543 0.133036 6.87273C0.221395 6.96117 0.337573 7.0056 0.453668 7.0056C0.569763 7.0056 0.685858 6.96117 0.7743 6.87273L3.49996 4.14698L6.2257 6.87273C6.31415 6.96117 6.43024 7.0056 6.54634 7.0056C6.66243 7.0056 6.77853 6.96117 6.86697 6.87273C7.04435 6.69543 7.04435 6.40876 6.86697 6.23146L4.14131 3.50572Z" fill="white"></path>
  46.                             </svg>
  47.                             {% trans %}Refuser{% endtrans %}
  48.                         </a>
  49.                         <a class="bt bt-accept" data-name="analytics">
  50.                             <svg width="11" height="8" viewBox="0 0 11 8" fill="none" xmlns="http://www.w3.org/2000/svg">
  51.                                 <path d="M3.84663 7.69319C3.70844 7.69319 3.57024 7.6403 3.46496 7.53502L0.158361 4.22832C-0.052787 4.01727 -0.052787 3.67604 0.158361 3.46499C0.36941 3.25394 0.710549 3.25394 0.921697 3.46499L3.84663 6.38992L10.0784 0.158287C10.2894 -0.0527623 10.6306 -0.0527623 10.8417 0.158287C11.0527 0.369435 11.0527 0.710573 10.8417 0.921721L4.2284 7.53502C4.12312 7.6403 3.98483 7.69319 3.84663 7.69319Z" fill="white"></path>
  52.                             </svg>
  53.                             {% trans %}Accepter{% endtrans %}
  54.                         </a>
  55.                     </div>
  56.                     <div class="details" style="display: block;">
  57.                         <p>{% trans %}Ces cookies nous permettent de mesurer l’audience du site (nombre et fréquence des visites, pages vues, origine du trafic...) pour améliorer l’expérience globale et perfectionner nos offres ou nos services.{% endtrans %} <!--<a class="bt-details" href="#details-analytics">Détails des cookies</a>--></p>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.             <div class="cmp-navigation">
  62.                 <a class="bt save-choices">{% trans %}Enregistrer{% endtrans %}</a>
  63.             </div>
  64.         </div>
  65.     </div>
  66. </div>
  67. <script>
  68. $(document).ready(function(){
  69.     vivogCmp.initPopup();
  70. });
  71. </script>