templates/Front/profil-linkedin/profil_linkedin.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ title }}{% endblock %}
  4. {% block description %}
  5.     l’agence des Experts-comptables accompagne les Experts-comptables désireux d’optimiser leur profil linkedin pour atteindre leurs objectifs de visibilité, de recrutement, de renforcement de la confiance. Nous travaillons à soigner l'image de leur cabinet en perfectionnant la bio, la photo de profil, le bandeau, et plus encore.
  6. {% endblock %}
  8. {% block meta_noindex %}
  9.     <meta name="robots" content="noindex, nofollow">
  10. {% endblock %}
  13. {% block stylesheets %}
  14.     {{ encore_entry_link_tags('linkedin-profil') }}
  15.     <style>
  16.         .fixed-navbar-bottom {
  17.             display: none;
  18.         }
  19.     </style>
  20. {% endblock %}
  22. {% block body %}
  24.         <section class="hero-area">
  25.             <div class="container">
  26.                 <div class="row">
  27.                     <div class="col-12">
  28.                         <div class="container-content d-flex flex-column justify-content-center align-items-center" data-aos="zoom-in">
  29.                             <span class="tagline line-none text-center d-block pb-0">Optimisez</span>
  30.                             <h1 class="main-title text-center">
  31.                                 Votre profil
  32.                                 <span class="text-secondary">
  33.                                 Linkedin
  34.                             </span>
  35.                             </h1>
  36.                             <p class="text-center">
  37.                                 Experts-comptables, vous avez un profil LinkedIn ? Celui-ci peut-être une véritable mine
  38.                                 d’or si vous <br>
  39.                                 l’utilisez à sa juste valeur ! Vous n’avez pas l’envie, pas le temps, pas les
  40.                                 compétences ? <br> L’agence des Experts-comptables s’en charge pour vous !
  41.                             </p>
  42.                             <div class="container-btns">
  43.                                 <a href="{{ path('contact') }}" class="btn secondary regular">
  44.                                 <span>
  45.                                     Prenons rendez-vous
  46.                                     <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
  47.                                          xmlns="http://www.w3.org/2000/svg">
  48.                                         <path d="M5.88477 1.88086L10.2001 6.00007L5.88477 10.1193" stroke="white"
  49.                                               stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  50.                                         <path d="M10.1998 6L1.7998 6" stroke="white" stroke-width="1.5"
  51.                                               stroke-linecap="round" stroke-linejoin="round"/>
  52.                                     </svg>
  53.                                 </span>
  54.                                 </a>
  55.                             </div>
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.             </div>
  60.         </section>
  62.         <section class="logo-area bg-secondary-light">
  63.             <div class="container">
  64.                 <span class="section-title__tagline">
  65.                     <span class="text-body">Ils nous font</span> confiance
  66.                 </span>
  67.             </div>
  68.             <div class="owl-carousel owl-custom" id="client-logos">
  70.             </div>
  71.         </section>
  72.         <section class="advantages-area mt-0 minh-0">
  73.             <div class="container">
  74.                 <div class="advantages-header" data-aos="zoom-in">
  75.                     <div class="advantages-overline">les avantages</div>
  76.                     <h2 class="advantages-title">
  77.                         D’un
  78.                         <span class="cabinet-highlight">
  79.                             profil optimisé
  80.                             <svg width="267" height="14" viewBox="0 0 267 14" fill="none"
  81.                                  xmlns="http://www.w3.org/2000/svg">
  82.                                 <path d="M2.5 12C107.5 2 167.994 3.57321 264.5 2" stroke="#7CD325" stroke-width="4"
  83.                                       stroke-linecap="round"/>
  84.                             </svg>
  85.                         </span>
  86.                         pour un Expert-comptable
  87.                     </h2>
  88.                 </div>
  90.                 <div class="advantages-grid two-columns">
  91.                     <div class="advantage-card" data-aos="fade-up" data-aos-delay="200">
  92.                         <div class="advantage-icon">
  93.                             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  94.                                 <g clip-path="url(#clip0_442_3454)">
  95.                                     <path d="M10 1V2.86207M16.3633 3.63669L14.9655 5.03448M19 10H17.1379M16.3633 16.3633L14.1686 14.1686M10 15.8966V19M5.82897 14.1698L3.63421 16.3646M4.10345 10H1M5.83021 5.83145L3.63669 3.63669" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  96.                                 </g>
  97.                                 <defs>
  98.                                     <clipPath id="clip0_442_3454">
  99.                                         <rect width="20" height="20" fill="white"/>
  100.                                     </clipPath>
  101.                                 </defs>
  102.                             </svg>
  104.                         </div>
  105.                         <h3 class="advantage-title"><strong class="text-orange">Mieux ressortir</strong> dans votre domaine sur Linkedin </h3>
  106.                     </div>
  107.                     <div class="advantage-card" data-aos="fade-up" data-aos-delay="600">
  108.                         <div class="advantage-icon">
  109.                             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  110.                                 <g clip-path="url(#clip0_442_3430)">
  111.                                     <path d="M11.7068 3.96803C13.437 2.38068 15.6996 1.5 18.0476 1.5H18.5003V1.9527C18.5003 4.30071 17.6196 6.56334 16.0322 8.29346L8.82171 16.1526L3.84766 11.1785L11.7068 3.96803Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  112.                                     <path d="M4.43101 15.5688L1.5 18.4999" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  113.                                     <path d="M6.77566 17.9138L6.18945 18.5" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  114.                                     <path d="M2.0862 13.2241L1.5 13.8103" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  115.                                     <path d="M11.1729 18.4999L12.6267 12.3447L8.82812 16.155L11.1729 18.4999Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  116.                                     <path d="M3.84481 11.1724L7.65513 7.36206L1.5 8.53447L3.84481 11.1724Z" stroke="#042F35" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  117.                                 </g>
  118.                                 <defs>
  119.                                     <clipPath id="clip0_442_3430">
  120.                                         <rect width="20" height="20" fill="white"/>
  121.                                     </clipPath>
  122.                                 </defs>
  123.                             </svg>
  125.                         </div>
  126.                         <h3 class="advantage-title"><strong class="text-orange">Atteindre vos objectifs</strong> recruter, attirer de nouveaux clients, créer un réseau, … </h3>
  127.                     </div>
  128.                 </div>
  129.             </div>
  130.         </section>
  132.         <section class="steps-timeline-area" >
  133.             <div class="container">
  134.                 <div class="steps-content">
  135.                     <!-- Colonne de gauche - Titre -->
  136.                     <div class="steps-left" data-aos="fade-right">
  137.                         <div class="steps-overline">COMMENT ÇA MARCHE ?</div>
  138.                         <h2 class="steps-title">
  139.                             Les
  140.                             <span class="steps-highlight">5 étapes
  141.                                 <svg width="210" height="13" viewBox="0 0 210 13" fill="none" xmlns="http://www.w3.org/2000/svg">
  142.                                     <path d="M2.49023 10.8325C86.4902 2.83252 130.086 4.09109 207.29 2.83252" stroke="#7CD325" stroke-width="4" stroke-linecap="round"/>
  143.                                 </svg>
  144.                             </span>
  145.                             clés de <br class="d-none d-xl-block">
  146.                             l'optimisation
  147.                         </h2>
  148.                     </div>
  150.                     <!-- Colonne de droite - Timeline -->
  151.                     <div class="steps-right" data-aos="fade-left" data-aos-delay="300">
  152.                         <div class="steps-timeline">
  153.                             <div class="step-item">
  154.                                 <div class="step-number">1</div>
  155.                                 <div class="step-content">
  156.                                     <div class="step-text">Choisissez une <strong class="text-orange">photo de profil professionnelle</strong> de qualité
  157.                                     </div>
  158.                                 </div>
  159.                             </div>
  160.                             <div class="step-item">
  161.                                 <div class="step-number">2</div>
  162.                                 <div class="step-content">
  163.                                     <div class="step-text">Utilisez un bandeau aux couleurs et au <strong class="text-orange">message clair</strong> de votre
  164.                                         cabinet
  165.                                     </div>
  166.                                 </div>
  167.                             </div>
  168.                             <div class="step-item">
  169.                                 <div class="step-number">3</div>
  170.                                 <div class="step-content">
  171.                                     <div class="step-text">Optez pour une <strong class="text-orange">bio optimisée</strong> qui met en avant vos valeurs et
  172.                                         compétences
  173.                                     </div>
  174.                                 </div>
  175.                             </div>
  176.                             <div class="step-item">
  177.                                 <div class="step-number">4</div>
  178.                                 <div class="step-content">
  179.                                     <div class="step-text">Valorisez vos expériences par des <strong class="text-orange">recommandations actives</strong>
  180.                                     </div>
  181.                                 </div>
  182.                             </div>
  183.                             <div class="step-item">
  184.                                 <div class="step-number">5</div>
  185.                                 <div class="step-content">
  186.                                     <div class="step-text">Faites passer un premier message fort sur Linkedin <span
  187.                                                 style="padding: 1px 24px; background: #F25C13; border-radius: 2.8rem; color: white; margin-top: 10px">OFFERT</span>
  188.                                     </div>
  189.                                 </div>
  190.                             </div>
  191.                         </div>
  192.                     </div>
  193.                 </div>
  194.             </div>
  195.         </section>
  198.         <section class="price-area">
  199.             <div class="container">
  200.                 <div class="hero-content">
  201.                     <!-- Carte de prix -->
  202.                     <div class="pricing-card" data-aos="fade-right">
  203.                         <div class="d-flex flex-column align-items-center justify-content-center">
  204.                             <div class="price-main">279€</div>
  205.                             <div class="price-period">HT</div>
  206.                             <div class="price-period">Offre globale et unique</div>
  207.                             <div class="badge-no-commitment">Service clé en main !</div>
  208.                         </div>
  209.                         <ul class="features-list">
  210.                             <li class="feature-line">
  211.                                 <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
  212.                                      xmlns="http://www.w3.org/2000/svg">
  213.                                     <path d="M9.19336 0.770996C13.782 0.771018 17.502 4.49092 17.502 9.07959C17.5019 13.6682 13.782 17.3882 9.19336 17.3882C4.60469 17.3882 0.884788 13.6683 0.884766 9.07959C0.884766 4.4909 4.60467 0.770996 9.19336 0.770996ZM8.20801 10.481L6.15332 8.42725L5.5 9.07959L4.84766 9.73193L8.33203 13.2163L8.97949 12.4399L13.5947 6.90088L12.1768 5.71924L8.20801 10.481Z"
  214.                                           fill="#FC6F1F"/>
  215.                                 </svg>
  216.                                 Echange
  217.                             </li>
  218.                             <li class="feature-line">
  219.                                 <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
  220.                                      xmlns="http://www.w3.org/2000/svg">
  221.                                     <path d="M9.19336 0.770996C13.782 0.771018 17.502 4.49092 17.502 9.07959C17.5019 13.6682 13.782 17.3882 9.19336 17.3882C4.60469 17.3882 0.884788 13.6683 0.884766 9.07959C0.884766 4.4909 4.60467 0.770996 9.19336 0.770996ZM8.20801 10.481L6.15332 8.42725L5.5 9.07959L4.84766 9.73193L8.33203 13.2163L8.97949 12.4399L13.5947 6.90088L12.1768 5.71924L8.20801 10.481Z"
  222.                                           fill="#FC6F1F"/>
  223.                                 </svg>
  224.                                 Création
  225.                             </li>
  226.                             <li class="feature-line">
  227.                                 <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
  228.                                      xmlns="http://www.w3.org/2000/svg">
  229.                                     <path d="M9.19336 0.770996C13.782 0.771018 17.502 4.49092 17.502 9.07959C17.5019 13.6682 13.782 17.3882 9.19336 17.3882C4.60469 17.3882 0.884788 13.6683 0.884766 9.07959C0.884766 4.4909 4.60467 0.770996 9.19336 0.770996ZM8.20801 10.481L6.15332 8.42725L5.5 9.07959L4.84766 9.73193L8.33203 13.2163L8.97949 12.4399L13.5947 6.90088L12.1768 5.71924L8.20801 10.481Z"
  230.                                           fill="#FC6F1F"/>
  231.                                 </svg>
  232.                                 Mise en ligne
  233.                             </li>
  234.                         </ul>
  235.                         <a href="#form__contact" class="cta-button btn regular secondary">
  236.                             <span>Ça m'intéresse</span>
  237.                             <span>
  238.                                 <svg width="13" height="13" viewBox="0 0 13 13" fill="none"
  239.                                        xmlns="http://www.w3.org/2000/svg">
  240.                                     <path d="M6.76953 1.95898L11.0849 6.07819L6.76953 10.1974" stroke="white" stroke-width="1.5" stroke-linecap="round"
  241.                                           stroke-linejoin="round"/>
  242.                                     <path d="M11.0855 6.07812L2.68555 6.07813" stroke="white" stroke-width="1.5" stroke-linecap="round"
  243.                                           stroke-linejoin="round"/>
  244.                                 </svg>
  245.                             </span>
  246.                         </a>
  247.                     </div>
  249.                     <!-- Texte principal -->
  250.                     <div class="hero-text" data-aos="fade-left" data-aos-delay="300">
  251.                         <div class="hero-overline">DÉCOUVREZ NOTRE OFFRE</div>
  252.                         <h1 class="hero-title">
  253.                             Pour un profil linkedin <br class="d-none d-lg-block"> optimisé à 100%
  255.                         </h1>
  256.                         <p class="hero-desc">
  257.                             l’agence des Experts-comptables <strong class="text-white">s’occupe de tout pour vous</strong>.<br><br>
  258.                             Bénéficiez d'une équipe pluridisciplinaire d'experts en rédaction de contenu Web et de
  259.                             webdesigners talentueux pour mettre en avant vos atouts sur votre profil.<br><br>
  260.                             l’agence des Experts-comptables, transforme votre profil en <strong class="text-white">un puissant levier de
  261.                                 communication</strong>, parfaitement adapté à l'image de votre cabinet.<br><br>
  262.                         </p>
  263.                     </div>
  264.                 </div>
  265.             </div>
  266.         </section>
  268.         <section class="rgpd-area">
  269.             <div class="container">
  270.                 <div class="section-title center" data-aos="zoom-in">
  271.                         <span class="sub-title text-green">
  272.                             Atteignez vos objectifs et utilisez votre plein potentiel
  273.                         </span>
  274.                     <h2 class="title">
  275.                         Optimisez le profil de vos collaborateurs pour booster l’image de votre cabinet
  277.                     </h2>
  278.                     <div class="container-btns">
  279.                         <a href="#form__contact" class="btn primary regular">
  280.                             Contactez-nous
  281.                         </a>
  282.                     </div>
  283.                 </div>
  284.                 <div class="rgpd-content">
  285.                     <div class="row">
  286.                         <div class="col-lg-6 col-12 left">
  287.                             <div class="rgpd-swiper-container" data-aos="fade-right">
  288.                                 <div class="swiper rgpd-swiper" data-controller="swiper-rgpd">
  289.                                     <div class="swiper-wrapper">
  290.                                         <a href="https://www.linkedin.com/in/joseph-misrahi-65528912a/" target="_blank" class="swiper-slide">
  291.                                                                                         <picture>
  292.                                               <source srcset="{{ asset('/assets/images/linkedin-profil/Joseph_Misrahi_.webp') }}" type="image/webp">
  293.                                               <img src="{{ asset('/assets/images/linkedin-profil/Joseph_Misrahi_.jpg') }}" alt="Image 1"/>
  294.                                             </picture>
  295.                                         </a>
  296.                                         <a href="https://www.linkedin.com/in/clothilde-espinosa-3a6395201/" target="_blank" class="swiper-slide">
  297.                                                                                         <picture>
  298.                                               <source srcset="{{ asset('/assets/images/linkedin-profil/Clothilde_espinosa_.webp') }}" type="image/webp">
  299.                                               <img src="{{ asset('/assets/images/linkedin-profil/Clothilde_espinosa_.jpg') }}" alt="Image 2"/>
  300.                                             </picture>
  301.                                         </a>
  302.                                         <a href="https://www.linkedin.com/in/frenchandenglishspeakingaccountant/" target="_blank" class="swiper-slide">
  303.                                                                                         <picture>
  304.                                               <source srcset="{{ asset('/assets/images/linkedin-profil/Davy_Dias.webp') }}" type="image/webp">
  305.                                               <img src="{{ asset('/assets/images/linkedin-profil/Davy_Dias.jpg') }}" alt="Image 3"/>
  306.                                             </picture>
  307.                                         </a>
  308.                                         <a href="https://www.linkedin.com/in/val%C3%A9rie-kreff-876718a7/" target="_blank" class="swiper-slide">
  309.                                                                                         <picture>
  310.                                               <source srcset="{{ asset('/assets/images/linkedin-profil/Valérie_Kreff.webp') }}" type="image/webp">
  311.                                               <img src="{{ asset('/assets/images/linkedin-profil/Valérie_Kreff.jpg') }}" alt="Image 4"/>
  312.                                             </picture>
  313.                                         </a>
  314.                                         <a href="https://www.linkedin.com/in/aur%C3%A9lie-azria-partouche/" target="_blank" class="swiper-slide">
  315.                                                                                         <picture>
  316.                                               <source srcset="{{ asset('/assets/images/linkedin-profil/Aurélie_Azria_.webp') }}" type="image/webp">
  317.                                               <img src="{{ asset('/assets/images/linkedin-profil/Aurélie_Azria_.jpg') }}" alt="Image 5"/>
  318.                                             </picture>
  319.                                         </a>
  320.                                     </div>
  321.                                 </div>
  322.                                 <div class="swiper-navigation">
  323.                                     <div class="swiper-button-prev">
  324.                                     </div>
  325.                                     <div class="swiper-button-next">
  326.                                     </div>
  327.                                 </div>
  328.                             </div>
  329.                         </div>
  330.                         <div class="col-lg-6 col-12 right">
  331.                             <div class="rgpd-cadre" data-aos="fade-left" data-aos-delay="300">
  332.                                 <div class="rgpd-inner">
  333.                                     <div class="rgpd-content">
  334.                                         <h4>Découvrez quelques-unes de nos optimisations</h4>
  335.                                         <p>Rejoignez Aurélie, Joseph et Davy qui ont fait confiance à notre expertise pour
  336.                                             booster leur profil LinkedIn !</p>
  337.                                         <ul>
  338.                                             <li>                                            <picture>
  339.                                               <source srcset="/assets/images/linkedin-profil/-e-icone_checked-2.webp" type="image/webp">
  340.                                               <img src="/assets/images/linkedin-profil/-e-icone_checked-2.png"/>
  341.                                             </picture>
  342.                                                 <p>Une <strong class="text-orange">photo professionnelle</strong> garantit la confiance de vos
  343.                                                     prospects</p></li>
  344.                                             <li>                                            <picture>
  345.                                               <source srcset="/assets/images/linkedin-profil/-e-icone_checked-2.webp" type="image/webp">
  346.                                               <img src="/assets/images/linkedin-profil/-e-icone_checked-2.png"/>
  347.                                             </picture>
  348.                                                 <p>Un <strong class="text-orange">bandeau soigneusement conçu</strong> rehausse l'image de votre
  349.                                                     cabinet</p></li>
  350.                                             <li>                                            <picture>
  351.                                               <source srcset="/assets/images/linkedin-profil/-e-icone_checked-2.webp" type="image/webp">
  352.                                               <img src="/assets/images/linkedin-profil/-e-icone_checked-2.png"/>
  353.                                             </picture>
  354.                                                 <p>Une <strong class="text-orange">bio complète</strong> attire de nouveaux prospects en mettant en
  355.                                                     avant vos valeurs, compétences et charisme</p></li>
  356.                                         </ul>
  357.                                         <a href="#form__contact" class="btn secondary regular">
  358.                                             <span>
  359.                                                 J'optimise mon profil linkedin
  360.                                             </span>
  361.                                         </a>
  362.                                     </div>
  363.                                 </div>
  364.                             </div>
  365.                         </div>
  366.                     </div>
  367.                 </div>
  368.             </div>
  369.         </section>
  372.     </section>
  373.     <div id="form__contact"></div>
  374.     <section class="contact-area">
  375.         <div class="container">
  376.             <div class="row align-items-center">
  377.                 <div class="col-xl-6 col-lg-7">
  378.                     <div class="section-title left">
  379.                         <span class="sub-title text-green">
  380.                             PRENONS RENDEZ-VOUS !
  381.                         </span>
  382.                         <h2 class="title container-shape">
  383.                             <svg class="shape arrow" width="113" height="57" viewBox="0 0 113 57" fill="none"
  384.                                  xmlns="http://www.w3.org/2000/svg">
  385.                                 <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"
  386.                                       stroke="#FC6F1F" stroke-width="4" stroke-linecap="round"/>
  387.                             </svg>
  388.                             Vous avez des questions pour développer la communication de votre cabinet ?
  389.                         </h2>
  390.                         <p>
  391.                             Rudy votre interlocuteur privilégié vous accompagne et vous conseille
  392.                         </p>
  393.                     </div>
  394.                 </div>
  395.                 <div class="col-xl-6 col-lg-5" data-aos="fade-left">
  396.                     <div class="contact-form">
  397.                         <h2 class="title">
  398.                             Votre audit est
  399.                             <span class="text-green text-underline">
  400.                             offert !
  401.                             <svg width="121" height="13" viewBox="0 0 121 13" fill="none"
  402.                                  xmlns="http://www.w3.org/2000/svg">
  403.                                 <path d="M2.2998 10.07C52.459 2.41211 78.8787 2.41211 118.7 2.41211" stroke="#7CD325"
  404.                                       stroke-width="4" stroke-linecap="round"/>
  405.                             </svg>
  406.                         </span>
  407.                         </h2>
  408.                         {{ form_start(form_audit) }}
  409.                         {{ form_row(form_audit.page, { "value" : title }) }}
  411.                         {{ form_widget(form_audit) }}
  413.                         <button type="submit" class="btn regular primary">
  414.                             <span>
  415.                                 Envoyer votre demande
  416.                                 <svg width="12" height="13" viewBox="0 0 12 13" fill="none"
  417.                                      xmlns="http://www.w3.org/2000/svg">
  418.                                     <path d="M5.88477 2.7334L10.2001 6.85261L5.88477 10.9718" stroke="white"
  419.                                           stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  420.                                     <path d="M10.1998 6.85266L1.7998 6.85266" stroke="white" stroke-width="1.5"
  421.                                           stroke-linecap="round" stroke-linejoin="round"/>
  422.                                 </svg>
  423.                             </span>
  424.                         </button>
  426.                         {{ form_end(form_audit) }}
  427.                     </div>
  428.                 </div>
  429.             </div>
  430.         </div>
  431.     </section>
  434.     <section class="newsletter-area">
  435.         <div class="shape-agency">
  436.                         <picture>
  437.               <source srcset="{{ asset('assets/images/agexv4/shapes/logo3D.webp') }}" type="image/webp">
  438.               <img src="{{ asset('assets/images/agexv4/shapes/logo3D.png') }}" alt="logo agence">
  439.             </picture>
  440.         </div>
  441.         <div class="container">
  442.             <div class="form-container">
  443.                 <h2 class="main-title" data-aos="fade-right" >Abonnez-vous à <br> notre newsletter</h2>
  444.                 <p data-aos="fade-left" data-aos-delay="200">Un support indispensable pour les Experts-comptables !</p>
  445.                 {{ form_start(form_news2) }}
  446.                 <div class="input-newsletter" data-aos="fade-right" data-aos-delay="400">
  447.                     <div class="icon">
  448.                         <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
  449.                             <g clip-path="url(#clip0_434_9342)">
  450.                                 <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"
  451.                                       fill="#042F35"/>
  452.                             </g>
  453.                             <defs>
  454.                                 <clipPath id="clip0_434_9342">
  455.                                     <rect width="17.5" height="20" fill="white" transform="matrix(1 0 0 -1 0 20.1904)"/>
  456.                                 </clipPath>
  457.                             </defs>
  458.                         </svg>
  459.                     </div>
  460.                     {{ form_row(form_news2.name) }}
  461.                 </div>
  462.                 <div class="input-newsletter"  data-aos="fade-left" data-aos-delay="600">
  463.                     <div class="icon">
  464.                         <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  465.                             <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"
  466.                                   fill="#042F35"/>
  467.                         </svg>
  468.                     </div>
  469.                     {{ form_row(form_news2.email) }}
  470.                 </div>
  471.                 <button type="submit" class="btn regular black"  data-aos="fade-up" data-aos-delay="800">
  472.                     <span>
  473.                         Je m’incris à la newsletter
  474.                     </span>
  475.                 </button>
  476.                 {{ form_end(form_news2) }}
  477.             </div>
  478.         </div>
  479.     </section>
  482.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  483.     <script src='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'></script>
  484.     <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  485.     <script src="{{ asset('/assets/js/carouselLogo.js') }}"></script>
  486.     <script>
  489.         document.addEventListener("DOMContentLoaded", function () {
  491.             var newsletterToDemo = document.getElementById("p-newsletter");
  493.             if (newsletterToDemo) {
  494.                 newsletterToDemo.innerHTML = '<p class="slide-up-newsletter">Je souhaite une démo</p>';
  495.             }
  496.         });
  501.     </script>
  502. {% endblock %}