templates/Front/linkedin-client/linkedin-prospect.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ title }}{% endblock %}
  5. {% block meta_noindex %}
  6.     <meta name="robots" content="noindex, nofollow">
  7. {% endblock %}
  10. {% block stylesheets %}
  11.     {{ encore_entry_link_tags('linkedin-client') }}
  13.     <style>
  15.         .custom-list {
  16.             list-style-type: none;
  17.             padding: 0;
  18.         }
  20.         .custom-list li {
  21.             margin-bottom: 10px;
  22.             list-style: url('/assets/images/linkedin-client/plus.png') inside;
  24.         }
  26.         .custom-list img.plus {
  27.             vertical-align: middle;
  28.             margin-right: 10px;
  29.         }
  31.         .thm-btn {
  32.             overflow: visible;
  33.         }
  35.         .notificationAudit {
  36.             position: absolute !important;
  37.             top: -12px !important;
  38.             right: -12px !important;
  39.             background-color: var(--green-agence) !important;
  40.             color: #ffffff !important;
  41.             font-size: 12px !important;
  42.             font-weight: 600 !important;
  43.             border-radius: 50% !important;
  44.             z-index: 2 !important;
  45.             display: flex !important;
  46.             align-items: center !important;
  47.             width: 25px !important;
  48.             height: 25px !important;
  49.             justify-content: center !important;
  50.         }
  52.         .section-offre-special p {
  53.             padding-top: 15px;
  54.             padding-bottom: 15px
  55.         }
  57.         @media (max-width: 1200px) {
  58.             .visuel-offre-special {
  59.                 max-width: 70%;
  61.             }
  62.         }
  64.         .section-offre-special .row {
  65.             padding: 0px !important;
  66.         }
  68.         @media (max-width: 1450px) {
  69.             .section-offre-special p {
  70.                 font-size: 30px;
  71.             }
  72.         }
  74.         @media (max-width: 1350px) {
  75.             .section-offre-special p {
  76.                 font-size: 25px;
  77.             }
  78.         }
  79.     </style>
  80. {% endblock %}
  82. {% block body %}
  83.     <section class="hero-area">
  84.         <div class="container">
  85.             <div class="row">
  86.                 <div class="col-12">
  87.                     <div class="container-content d-flex flex-column justify-content-center align-items-center" data-aos="zoom-in">
  88.                         <span class="tagline line-none text-center d-block pb-0">Développez vos réseaux sociaux</span>
  89.                         <h1 class="main-title text-center">
  90.                             Animez votre profil
  91.                             <span class="text-secondary">
  92.                                 Linkedin
  93.                             </span><br> avec des posts à forte valeur ajoutée
  95.                         </h1>
  96.                         <p class="text-center">
  97.                             Êtes-vous prêt à enrichir et dynamiser votre profil avec expertise et efficacité ?
  99.                         </p>
  100.                         <div class="container-btns">
  101.                             <a href="#form__contact" class="btn secondary regular">
  102.                                 <span>
  103.                                     Je découvre l'offre
  104.                                     <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
  105.                                          xmlns="http://www.w3.org/2000/svg">
  106.                                         <path d="M5.88477 1.88086L10.2001 6.00007L5.88477 10.1193" stroke="white"
  107.                                               stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  108.                                         <path d="M10.1998 6L1.7998 6" stroke="white" stroke-width="1.5"
  109.                                               stroke-linecap="round" stroke-linejoin="round"/>
  110.                                     </svg>
  111.                                 </span>
  112.                             </a>
  113.                         </div>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.     </section>
  120.     <section class="logo-area bg-secondary-light">
  121.         <div class="container">
  122.             <span class="section-title__tagline">
  123.                 <span class="text-body">Ils nous font</span> confiance
  124.             </span>
  125.         </div>
  126.         <div class="owl-carousel owl-custom" id="client-logos">
  128.         </div>
  129.     </section>
  130.     <section class="advantages-area bg-white mt-0 pt-5">
  131.         <div class="container">
  132.             <div class="advantages-header" data-aos="zoom-in">
  133.                 <div class="advantages-overline">Enrichissez votre réseau professionnel
  134.                 </div>
  135.                 <h2 class="advantages-title">
  136.                     L’offre comprend <br class="d-none d-xl-block">
  138.                     <span class="cabinet-highlight">1 post/semaine
  139.                         <svg width="209" height="13" viewBox="0 0 209 13" fill="none"
  140.                              xmlns="http://www.w3.org/2000/svg">
  141.                             <path d="M2.09961 10.0781C86.0996 2.07812 129.695 3.3367 206.9 2.07812" stroke="#7CD325"
  142.                                   stroke-width="4" stroke-linecap="round"/>
  143.                         </svg>
  144.                     </span>
  145.                 </h2>
  146.                 <p class="advantages-subtitle">
  147.                     Un post par semaine sur votre profil LinkedIn, avec un contenu pertinent et engageant, pour
  148.                     renforcer votre présence en ligne et attirer de nouveaux clients.
  149.                 </p>
  150.             </div>
  152.             <div class="advantages-grid">
  153.                 <div class="advantage-card" data-aos="fade-up">
  154.                     <div class="advantage-icon">
  155.                         <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  156.                             <path d="M1.5 18.1107L6.48285 16.9383L17.3782 6.04298C17.836 5.58511 17.836 4.84277 17.3782 4.3849L15.2258 2.23256C14.768 1.77469 14.0256 1.77469 13.5678 2.23256L2.67244 13.1279L1.5 18.1107Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  157.                             <path d="M18.4999 18.1108H12.0515" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  158.                         </svg>
  159.                     </div>
  160.                     <h3 class="advantage-title">Un <span class="text-orange">texte de présentation</span> pour linkedin</h3>
  161.                 </div>
  162.                 <div class="advantage-card" data-aos="fade-up" data-aos-delay="200">
  163.                     <div class="advantage-icon">
  164.                         <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  165.                             <path d="M1.8103 14.6897L5.02997 10.5941C5.94294 9.43267 7.68941 9.39468 8.65204 10.5153L11.4827 13.8103M9.03823 10.9649C10.2543 9.41813 11.9485 7.22671 12.0588 7.08414C12.0627 7.07904 12.0665 7.07422 12.0704 7.06916C12.9852 5.91529 14.726 5.87992 15.6865 6.998L18.5172 10.2931M4.15513 18.5H16.4655C17.7605 18.5 18.8103 17.4502 18.8103 16.1552V3.84483C18.8103 2.54981 17.7605 1.5 16.4655 1.5H4.15513C2.86012 1.5 1.8103 2.54981 1.8103 3.84483V16.1552C1.8103 17.4502 2.86012 18.5 4.15513 18.5Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  166.                         </svg>
  168.                     </div>
  169.                     <h3 class="advantage-title"><span class="text-orange">Un visuel en marque blanche</span> pour chacun des posts</h3>
  170.                 </div>
  171.                 <div class="advantage-card" data-aos="fade-up" data-aos-delay="400">
  172.                     <div class="advantage-icon">
  173.                         <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  174.                             <path d="M10.0001 9.06897C12.2283 9.06897 14.0346 7.26267 14.0346 5.03448C14.0346 2.8063 12.2283 1 10.0001 1C7.77188 1 5.96558 2.8063 5.96558 5.03448C5.96558 7.26267 7.77188 9.06897 10.0001 9.06897Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  175.                             <path d="M3.60392 18.9999H16.3964C17.8139 18.9999 18.9058 17.781 18.2439 16.5276C17.2701 14.6838 15.0501 12.4827 10.0002 12.4827C4.95021 12.4827 2.73019 14.6838 1.75641 16.5276C1.09442 17.781 2.18636 18.9999 3.60392 18.9999Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  176.                         </svg>
  178.                     </div>
  179.                     <h3 class="advantage-title"><span class="text-orange">La programmation</span> sur votre profil</h3>
  180.                 </div>
  181.             </div>
  182.         </div>
  183.     </section>
  186.     <section class="section-desktop pt-5">
  188.                 <picture>
  189.           <source srcset="{{ asset('/assets/images/linkedin-client/desktop.webp') }}" type="image/webp">
  190.           <img src="{{ asset('/assets/images/linkedin-client/desktop.png') }}"/>
  191.         </picture>
  193.     </section>
  195.     <section class="section-title center">
  196.         <span class="sub-title text-green">
  197.             retrouvez également sur votre linkedin
  198.         </span>
  199.         <h2 class="title">
  200.             + 1 post sur la
  201.             <span class="text-green text-underline big-word">
  202.                 Citation de motivation
  203.                 <svg class="stroke" width="529" height="24" viewBox="0 0 529 24" fill="none"
  204.                      xmlns="http://www.w3.org/2000/svg">
  205.                     <path d="M2.5 22C212.5 2 333.488 5.14643 526.5 2" stroke="#7CD325" stroke-width="4"
  206.                           stroke-linecap="round"/>
  207.                 </svg>
  210.             </span>
  211.             du mois <br>
  212.             1 post sur le
  213.             <span class="text-green text-underline">
  214.                 Chiffre Clé
  215.                 <svg class="stroke" width="261" height="14" viewBox="0 0 261 14" fill="none"
  216.                      xmlns="http://www.w3.org/2000/svg">
  217.                     <path d="M2.5 12C107.5 2 161.994 3.57321 258.5 2" stroke="#7CD325" stroke-width="4"
  218.                           stroke-linecap="round"/>
  219.                 </svg>
  221.             </span>
  222.             du mois
  223.         </h2>
  224.         <div class="container-btns">
  225.             <a href="#form__contact" class="btn primary regular">
  226.                 <span>Contactez-nous</span>
  227.             </a>
  228.         </div>
  229.     </section>
  231.     <section class="why-section-area no-top bg-secondary-light">
  232.         <div class="container">
  233.             <div class="why-content macaron-container top-right">
  234.                 <div class="macaron secondary">
  235.                     <span class="price">
  236.                             39€
  237.                         </span>
  238.                     <p class="light">HT PAR MOIS</p>
  239.                     <span class="bg-white">
  240.                         Sans engagement
  241.                     </span>
  242.                 </div>
  243.                 <!-- Colonne de gauche -->
  244.                 <div class="why-left">
  245.                     <div class="section-overline">découvrez notre offre</div>
  246.                     <h2 class="why-main-title">
  247.                         L’animation de votre profil
  248.                         <span class="green-highlight">
  249.                             LinkedIn
  250.                             <svg width="235" height="14" viewBox="0 0 235 14" fill="none"
  251.                                  xmlns="http://www.w3.org/2000/svg">
  252.                                 <path d="M2.30078 11.3325C96.8008 2.33252 145.846 3.74841 232.701 2.33252"
  253.                                       stroke="#7CD325" stroke-width="4" stroke-linecap="round"/>
  254.                             </svg>
  255.                         </span>
  256.                         <br>
  257.                         Quels sont les avantages pour ce service ?
  258.                     </h2>
  259.                     <div class="container-btns">
  260.                         <a href="#form__contact" class="btn primary regular">
  261.                             <span>Je souhaite une démo</span>
  262.                         </a>
  263.                     </div>
  264.                     <div class="decorative-curve">
  265.                         <svg width="103" height="63" viewBox="0 0 103 63" fill="none"
  266.                              xmlns="http://www.w3.org/2000/svg">
  267.                             <path d="M2.29506 2.15207C5.60714 23.6058 19.4725 63.7809 48.7298 53.6929C69.5543 46.5126 59.9888 -4.67702 40.5038 5.35219C21.0188 15.3814 39.3944 76.2168 96.96 49.0376M85.7564 46.0411L99.1396 47.8131L90.8582 60.8388"
  268.                                   stroke="#FC6F1F" stroke-width="4" stroke-linecap="round"/>
  269.                         </svg>
  270.                     </div>
  271.                 </div>
  273.                 <!-- Colonne de droite -->
  274.                 <div class="why-right">
  275.                     <ul class="reasons-container">
  276.                         <li class="reason-item step-1" data-aos="fade-left">
  277.                             <div class="reason-number">01</div>
  278.                             <div class="reason-content">Renforcement de votre <strong class="text-orange">visibilité/réputation</strong>
  279.                             </div>
  280.                         </li>
  281.                         <li class="reason-item step-2" data-aos="fade-left" data-aos-delay="200">
  282.                             <div class="reason-number">02</div>
  283.                             <div class="reason-content">Développement de <strong class="text-orange">votre réseau</strong></div>
  284.                         </li>
  285.                         <li class="reason-item step-3" data-aos="fade-left" data-aos-delay="400">
  286.                             <div class="reason-number">03</div>
  287.                             <div class="reason-content"><strong class="text-orange">Expansion d’opportunités professionnelles</strong></div>
  288.                         </li>
  289.                         <li class="reason-item step-4" data-aos="fade-left" data-aos-delay="600">
  290.                             <div class="reason-number">04</div>
  291.                             <div class="reason-content"><strong class="text-orange">Acquisition</strong> de nouveaux clients</div>
  292.                         </li>
  293.                     </ul>
  294.                 </div>
  295.             </div>
  296.         </div>
  297.     </section>
  298.     <div id="form__contact"></div>
  299.     <section class="contact-area">
  300.         <div class="container">
  301.             <div class="row align-items-center">
  302.                 <div class="col-xl-6 col-lg-7">
  303.                     <div class="section-title left">
  304.                         <span class="sub-title text-green">
  305.                             PRENONS RENDEZ-VOUS !
  306.                         </span>
  307.                         <h2 class="title container-shape">
  308.                             <svg class="shape arrow" width="113" height="57" viewBox="0 0 113 57" fill="none"
  309.                                  xmlns="http://www.w3.org/2000/svg">
  310.                                 <path d="M2.90483 40.1211C13.7262 21.3028 41.1389 -11.1755 64.7944 8.77893C81.6316 22.9818 54.2602 67.284 39.6992 50.9064C25.1381 34.5288 64.2039 -15.5958 108.106 30.5035M96.5749 29.2609L109.697 32.4313L106.667 17.2963"
  311.                                       stroke="#FC6F1F" stroke-width="4" stroke-linecap="round"/>
  312.                             </svg>
  313.                             Vous avez des questions pour développer la communication de votre cabinet ?
  314.                         </h2>
  315.                         <p>
  316.                             Rudy votre interlocuteur privilégié vous accompagne et vous conseille
  317.                         </p>
  318.                     </div>
  319.                 </div>
  320.                 <div class="col-xl-6 col-lg-5" data-aos="fade-left">
  321.                     <div class="contact-form">
  322.                         <h2 class="title">
  323.                             Votre audit est
  324.                             <span class="text-green text-underline">
  325.                             offert !
  326.                             <svg width="121" height="13" viewBox="0 0 121 13" fill="none"
  327.                                  xmlns="http://www.w3.org/2000/svg">
  328.                                 <path d="M2.2998 10.07C52.459 2.41211 78.8787 2.41211 118.7 2.41211" stroke="#7CD325"
  329.                                       stroke-width="4" stroke-linecap="round"/>
  330.                             </svg>
  331.                         </span>
  332.                         </h2>
  333.                         {{ form_start(form_audit) }}
  334.                         {{ form_row(form_audit.page, { "value" : title }) }}
  336.                         {{ form_widget(form_audit) }}
  338.                         <button type="submit" class="btn regular primary">
  339.                             <span>
  340.                                 Envoyer votre demande
  341.                                 <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
  342.                                      xmlns="http://www.w3.org/2000/svg">
  343.                                     <path d="M5.88477 2.7334L10.2001 6.85261L5.88477 10.9718" stroke="white"
  344.                                           stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  345.                                     <path d="M10.1998 6.85266L1.7998 6.85266" stroke="white" stroke-width="1.5"
  346.                                           stroke-linecap="round" stroke-linejoin="round"/>
  347.                                 </svg>
  348.                             </span>
  349.                         </button>
  351.                         {{ form_end(form_audit) }}
  352.                     </div>
  353.                 </div>
  354.             </div>
  355.         </div>
  356.     </section>
  358.     <section class="newsletter-area">
  359.         <div class="shape-agency">
  360.                         <picture>
  361.               <source srcset="{{ asset('assets/images/agexv4/shapes/logo3D.webp') }}" type="image/webp">
  362.               <img src="{{ asset('assets/images/agexv4/shapes/logo3D.png') }}" alt="logo agence">
  363.             </picture>
  364.         </div>
  365.         <div class="container">
  366.             <div class="form-container">
  367.                 <h2 class="main-title">Abonnez-vous à <br> notre newsletter</h2>
  368.                 <p>Un support indispensable pour les Experts-comptables !</p>
  369.                 {{ form_start(form_news2) }}
  370.                 <div class="input-newsletter">
  371.                     <div class="icon">
  372.                         <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  373.                             <g clip-path="url(#clip0_434_9342)">
  374.                                 <path d="M8.75 10.1904C10.1562 10.1644 11.3411 9.68262 12.3047 8.74512C13.2422 7.78158 13.724 6.59668 13.75 5.19043C13.724 3.78418 13.2422 2.59928 12.3047 1.63574C11.3411 0.698242 10.1562 0.216471 8.75 0.19043C7.34375 0.216471 6.15885 0.698242 5.19531 1.63574C4.25781 2.59928 3.77604 3.78418 3.75 5.19043C3.77604 6.59668 4.25781 7.78158 5.19531 8.74512C6.15885 9.68262 7.34375 10.1644 8.75 10.1904ZM8.75 1.44043C9.81771 1.46647 10.7031 1.83105 11.4062 2.53418C12.1094 3.2373 12.474 4.12272 12.5 5.19043C12.474 6.25814 12.1094 7.14355 11.4062 7.84668C10.7031 8.5498 9.81771 8.91439 8.75 8.94043C7.68229 8.91439 6.79688 8.5498 6.09375 7.84668C5.39062 7.14355 5.02604 6.25814 5 5.19043C5.02604 4.12272 5.39062 3.2373 6.09375 2.53418C6.79688 1.83105 7.68229 1.46647 8.75 1.44043ZM10.7422 12.0654H6.75781C4.85677 12.1175 3.26823 12.7816 1.99219 14.0576C0.716146 15.3337 0.0520833 16.9222 0 18.8232C0 19.2139 0.130208 19.5394 0.390625 19.7998C0.651042 20.0602 0.976562 20.1904 1.36719 20.1904H16.1328C16.5234 20.1904 16.849 20.0602 17.1094 19.7998C17.3698 19.5394 17.5 19.2139 17.5 18.8232C17.4479 16.9222 16.7839 15.3337 15.5078 14.0576C14.2318 12.7816 12.6432 12.1175 10.7422 12.0654ZM16.1328 18.9404H1.36719C1.28906 18.9404 1.25 18.9014 1.25 18.8232C1.30208 17.2607 1.83594 15.9587 2.85156 14.917C3.89323 13.9014 5.19531 13.3675 6.75781 13.3154H10.7422C12.3047 13.3675 13.6068 13.9014 14.6484 14.917C15.6641 15.9587 16.1979 17.2607 16.25 18.8232C16.25 18.9014 16.2109 18.9404 16.1328 18.9404Z"
  375.                                       fill="#042F35"/>
  376.                             </g>
  377.                             <defs>
  378.                                 <clipPath id="clip0_434_9342">
  379.                                     <rect width="17.5" height="20" fill="white" transform="matrix(1 0 0 -1 0 20.1904)"/>
  380.                                 </clipPath>
  381.                             </defs>
  382.                         </svg>
  383.                     </div>
  384.                     {{ form_row(form_news2.name) }}
  385.                 </div>
  386.                 <div class="input-newsletter">
  387.                     <div class="icon">
  388.                         <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  389.                             <path d="M18.125 3.44043H1.875C1.35417 3.44043 0.911458 3.62272 0.546875 3.9873C0.182292 4.35189 0 4.7946 0 5.31543V16.5654C0 17.0863 0.182292 17.529 0.546875 17.8936C0.911458 18.2581 1.35417 18.4404 1.875 18.4404H18.125C18.6458 18.4404 19.0885 18.2581 19.4531 17.8936C19.8177 17.529 20 17.0863 20 16.5654V5.31543C20 4.7946 19.8177 4.35189 19.4531 3.9873C19.0885 3.62272 18.6458 3.44043 18.125 3.44043ZM18.125 4.69043C18.1641 4.69043 18.2031 4.69368 18.2422 4.7002C18.2812 4.70671 18.3203 4.71647 18.3594 4.72949L10 11.9951L1.64062 4.72949C1.67969 4.71647 1.71875 4.70671 1.75781 4.7002C1.79688 4.69368 1.83594 4.69043 1.875 4.69043H18.125ZM18.125 17.1904H1.875C1.70573 17.1904 1.55924 17.1286 1.43555 17.0049C1.31185 16.8812 1.25 16.7347 1.25 16.5654V6.05762L9.58984 13.2842C9.65495 13.3363 9.72005 13.3753 9.78516 13.4014C9.85026 13.4274 9.92188 13.4404 10 13.4404C10.0781 13.4404 10.1497 13.4274 10.2148 13.4014C10.2799 13.3753 10.3451 13.3363 10.4102 13.2842L18.75 6.05762V16.5654C18.75 16.7347 18.6882 16.8812 18.5645 17.0049C18.4408 17.1286 18.2943 17.1904 18.125 17.1904Z"
  390.                                   fill="#042F35"/>
  391.                         </svg>
  392.                     </div>
  393.                     {{ form_row(form_news2.email) }}
  394.                 </div>
  395.                 <button type="submit" class="btn regular black">
  396.                     <span>
  397.                         Je m’incris à la newsletter
  398.                     </span>
  399.                 </button>
  400.                 {{ form_end(form_news2) }}
  401.             </div>
  402.         </div>
  403.     </section>
  405.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  406.     <script src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'></script>
  407.     <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  408.     <script src="{{ asset('/assets/js/carouselLogo.js') }}"></script>
  410.     <script>
  412.         document.addEventListener("DOMContentLoaded", function (event) {
  413.             const slidees = Array.from(document.querySelectorAll(".slidee"));
  414.             const prevButton = document.querySelector(".prev2");
  415.             const nextButton = document.querySelector(".next2");
  416.             let currentIndex2 = 0;
  418.             function showSlide(index) {
  419.                 slidees.forEach(function (slide) {
  420.                     slide.classList.remove("active");
  421.                 });
  423.                 slidees[index].classList.add("active");
  424.             }
  426.             prevButton.addEventListener("click", function () {
  427.                 currentIndex2--;
  428.                 if (currentIndex2 < 0) {
  429.                     currentIndex2 = slidees.length - 1;
  430.                 }
  431.                 showSlide(currentIndex2);
  432.             });
  434.             nextButton.addEventListener("click", function () {
  435.                 currentIndex2++;
  436.                 if (currentIndex2 >= slidees.length) {
  437.                     currentIndex2 = 0;
  438.                 }
  439.                 showSlide(currentIndex2);
  440.             });
  442.             // Afficher le premier slide au chargement de la page
  443.             showSlide(currentIndex2);
  444.         });
  446.         document.addEventListener("DOMContentLoaded", function () {
  448.             var newsletterToDemo = document.getElementById("p-newsletter");
  449.             newsletterToDemo.innerHTML = '<p class="slide-up-newsletter">Je souhaite une démo</p>';
  450.         });
  451.     </script>
  452. {% endblock %}