templates/uploads/org2/org2/lp_attencia_offres/index-689b54633e047133559143.html line 1

Open in your IDE?
  1. <!DOCTYPE html><!--  Last Published: Tue Aug 12 2025 14:46:37 GMT+0000 (Coordinated Universal Time)  -->
  2. <html data-wf-page="68623a736bca149caba28186" data-wf-site="68623a736bca149caba28189">
  3. <head> 
  4.   <meta charset="utf-8">
  5.   <title>{{ page.title }}</title>
  6.   <meta content="width=device-width, initial-scale=1" name="viewport">
  7.   <link href="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/css/normalize.css') }}" rel="stylesheet" type="text/css">
  8.   <link href="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/css/components.css') }}" rel="stylesheet" type="text/css">
  9.   <link href="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/css/aten-345678909876543.css') }}" rel="stylesheet" type="text/css">
  10.   <link href="https://fonts.googleapis.com" rel="preconnect">
  11.   <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
  12.   <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
  13.   <script type="text/javascript">WebFont.load({  google: {    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Rajdhani:regular,700","Roboto:regular,500,700,900","Bebas Neue:regular","Outfit:regular,500,600,700","Manrope:200,300,regular,500,600,700,800"]  }});</script>
  14.   <script src="https://use.typekit.net/jrz8epu.js" type="text/javascript"></script>
  15.   <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  16.   <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  17.   <link href="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/favicon.png') }}" rel="shortcut icon" type="image/x-icon">
  18.   <link href="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/webclip.png') }}" rel="apple-touch-icon">
  19.   <link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css">
  20.   <link rel="stylesheet" href="https://cdn-webflow.mxv.services/dist/swiper/swiper.css">
  21.   <link rel="stylesheet" href="https://cdn-webflow.mxv.services/dist/swiper/swiper3cols.css">
  22.   <link rel="stylesheet" href="https://cdn-webflow.mxv.services/dist/validation/validation.css">
  23.   <link rel="stylesheet" href="https://cdn-webflow.mxv.services/dist/multistep/multistep.css">
  24.   <link rel="stylesheet" href="https://cdn-webflow.mxv.services/dist/floating-label/floating-label.css">
  25.   <style>
  26.   .error {
  27.    color:#b00020;
  28. }
  29. .w-checkbox-input.error {
  30.    border:2px solid #b00020;
  31.  }
  32. .multipage_progress_counter {
  33.   text-align: end;
  34. }
  35. .swiper-button-prev{ left:-30px;} 
  36. .swiper-button-next{ right:-30px;} 
  37. @media screen and (max-width: 767px) {
  38.   .swiper-button-prev{ left:-20px;} 
  39.   .swiper-button-next{ right:-20px;} 
  40. }
  41.   .swiper-slide{ height:auto !important;}
  42. </style>
  43.  
  44.  <meta name="robots" content="noarchive, nofollow, noimageindex, noindex, noodp, nosnippet, notranslate, noydir">
  45. <meta name="desciption" content="{{ page.description }}"> 
  46.  {% include("inc/page_head_end.html.twig") %} 
  47.  </head>
  48. <body class="body"> 
  49.  {% include("inc/page_body_top.html.twig") %} 
  50.  
  51.   <header class="header">
  52.     <div class="div-block-131">
  53.       <div class="div-block-132 max-w header">
  54.         <div class="div-block-133 div-block-134"><img loading="lazy" src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/logo-ate-urmet-1.svg') }}" alt="" class="image-59"></div>
  55.         <div class="div-block-135"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/Frame-15.png') }}" loading="lazy" width="139" alt="" class="image-76"></div>
  56.       </div>
  57.     </div>
  58.   </header>
  59.   <div class="illus mobile"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/hero.png') }}" loading="lazy" alt="" class="image-62"></div>
  60.   <div class="div-block-142">
  61.     <div class="titre-container tablet">
  62.       <div class="div-block-141 tablet">
  63.         <div class="div-block-30">
  64.           <div class="text-block-100">La solution ATENCIA veille sur vous… ou ceux que vous aimez</div>
  65.         </div>
  66.         <h1 class="heading tablet">“Je suis bien chez moi ! Et je compte y rester”</h1>
  67.       </div>
  68.     </div>
  69.   </div>
  70.   <div class="background-blue bg-image">
  71.     <div class="max-w top first">
  72.       <div class="div-block-29">
  73.         <div class="illus"></div>
  74.         <div class="titre-container tablet2">
  75.           <div class="div-block-141">
  76.             <div class="div-block-30">
  77.               <div class="text-block-100">La solution ATENCIA veille sur vous… ou ceux que vous aimez</div>
  78.             </div>
  79.             <h1 class="heading">“Je suis bien chez moi ! Et je compte y rester”</h1>
  80.             <div class="div-block-146"></div>
  81.           </div>
  82.           <div class="text-block-8">La téléassistance permet une intervention rapide en cas de chute ou de malaise pour une tranquillité d’esprit au quotidien</div>
  83.           <div class="w-layout-vflex flex-block-7">
  84.             <div class="w-layout-hflex flex-block-6"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/Frame-1618872622.svg') }}" loading="lazy" alt="" class="image-77">
  85.               <div class="text-block-113">Assistance disponible 24h sur 24 et 7 jours sur 7</div>
  86.             </div>
  87.             <div class="w-layout-hflex flex-block-6"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/Frame-1618872622-1.svg') }}" loading="lazy" alt="" class="image-77">
  88.               <div class="text-block-113">Format bracelet ou collier ultra léger et discret</div>
  89.             </div>
  90.             <div class="w-layout-hflex flex-block-6"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/Frame-1618872622-2.svg') }}" loading="lazy" alt="" class="image-77">
  91.               <div class="text-block-113">Souscription sans engagement de durée</div>
  92.             </div>
  93.             <div class="w-layout-hflex flex-block-6"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/maison.png') }}" loading="lazy" alt="" class="image-77">
  94.               <div class="text-block-113">Installation et test à domicile</div>
  95.             </div>
  96.           </div>
  97.         </div>
  98.       </div>
  99.     </div>
  100.   </div>
  101.   <div class="form-container">
  102.     <div class="max-w blue form">
  103.       <div id="form" class="form-wrapper">
  104.         <div class="header-form">
  105.           <div class="div-block-145">
  106.             <div class="text-block-109">MA DEMANDE D’INFORMATION</div>
  107.           </div>
  108.           <div class="text-block-110">100% GRATUIT ET SANS ENGAGEMENT</div>
  109.         </div>
  110.         <div class="sep"></div>
  111.         <div class="container-form-inner-2">
  112.           <div class="form-3 w-form">
  113.             <form id="email-form" name="email-form-2" data-name="Email Form 2" redirect="/confirmation" data-redirect="/confirmation" method="post" class="form-3" data-wf-page-id="68623a736bca149caba28186" data-wf-element-id="9b5fb247-121d-7aa2-a076-f06edd7a496e"> 
  114.               <div class="multipage js-multipage multipage__initialized">
  115.                 <div class="multipage_sections">
  116.                   <div id="step1" data-step="1" class="multipage_section">
  117.                     <div class="text-block-76">Pour qui faites-vous cette démarche ?</div>
  118.                     <div class="form-item radio-spe"><label id="propri-taire" data-next="2" class="radio-button-field-2 maison w-radio"><input type="radio" name="data_pourqui" id="moi" data-name="data_pourqui" class="w-form-formradioinput radio-button-6 w-radio-input" value="moi"><span class="radio-button-label-10 w-form-label" for="moi">Pour moi</span></label><label id="locataire" data-next="2" class="radio-button-field-2 locatiare proche w-radio"><input type="radio" name="data_pourqui" id="proche" data-name="data_pourqui" class="w-form-formradioinput radio-button-6 w-radio-input" value="proche"><span class="radio-button-label-10 w-form-label" for="proche">Pour un proche</span></label></div>
  119.                     <div class="multipage_nav"></div>
  120.                   </div>
  121.                   <div id="step4" data-step="2" class="multipage_section">
  122.                     <div class="text-block-95">Vos coordonnées :</div>
  123.                     <div class="form-item"><input class="text-field-2 w-input" maxlength="256" name="lastName" data-name="lastName" placeholder="" type="text" id="lastName-2" required=""><label for="lastName-2" id="nom" class="field-label-text-2">Nom*</label>
  124.                       <div class="icon-input icon-cross"></div>
  125.                       <div class="icon-input icon-checkmark"></div>
  126.                     </div>
  127.                     <div class="form-item"><input class="text-field-2 w-input" maxlength="256" name="firstName" data-name="firstName" placeholder="" type="text" id="firstName-2" required="">
  128.                       <div class="icon-input icon-cross"></div>
  129.                       <div class="icon-input icon-checkmark"></div><label for="firstName-2" id="adresse" class="field-label-text-2">Prénom*</label>
  130.                     </div>
  131.                     <div class="multipage_nav">
  132.                       <a data-next="3" href="#" class="link-block-2 w-inline-block">
  133.                         <div class="text-block-72 btn-next js-multipage_next">Suivant</div>
  134.                       </a>
  135.                     </div>
  136.                     <div class="text-block-61">*Champs obligatoires</div>
  137.                   </div>
  138.                   <div id="step5" data-step="3" class="multipage_section">
  139.                     <div class="text-block-95">Vos coordonnées :</div>
  140.                     <div class="form-item"><input class="text-field-2 w-input" maxlength="256" name="addressLine1" data-name="addressLine1" placeholder="" type="text" id="addressLine" required=""><label for="addressLine" id="addressLine" class="field-label-text-2">Adresse*</label>
  141.                       <div class="icon-input icon-cross"></div>
  142.                       <div class="icon-input icon-checkmark"></div>
  143.                     </div>
  144.                     <div class="form-item"><input class="text-field-2 w-input" maxlength="5" name="postalCode" data-name="postalCode" pattern="^(([0-9][0-9])|(9[0-5]))[0-9]{3}$" placeholder="" type="text" id="postalCode" data-pristine-pattern="/^(([0-9][0-9])|(9[0-5]))[0-9]{3}$/" required=""><label for="postalCode" id="addressLine" class="field-label-text-2">Code postal*</label>
  145.                       <div class="icon-input icon-cross"></div>
  146.                       <div class="icon-input icon-checkmark"></div>
  147.                     </div>
  148.                     <div class="form-item"><input class="text-field-2 w-input" maxlength="256" name="city" data-name="city" placeholder="" type="text" id="city" required="">
  149.                       <div class="icon-input icon-cross"></div>
  150.                       <div class="icon-input icon-checkmark"></div><label for="city" id="city" class="field-label-text-2">Ville*</label>
  151.                     </div>
  152.                     <div class="multipage_nav w-clearfix">
  153.                       <div class="btn-prev js-multipage_prev">
  154.                         <div class="text-block-92">Retour</div>
  155.                       </div>
  156.                       <a data-next="4" href="#" class="link-block-2 w-inline-block">
  157.                         <div da="" class="text-block-72 btn-next js-multipage_next">Suivant</div>
  158.                       </a>
  159.                     </div>
  160.                     <div class="text-block-61">*Champs obligatoires</div>
  161.                   </div>
  162.                   <div id="step1" data-step="4" class="multipage_section">
  163.                     <div class="text-block-76">Quand souhaitez-vous être rappelé ?</div>
  164.                     <div class="form-item radio-spe"><label id="propri-taire" data-next="5" class="radio-button-field-2 maison matin w-radio"><input type="radio" name="data_quand" id="matin" data-name="data_quand" class="w-form-formradioinput radio-button-6 w-radio-input" value="matin"><span class="radio-button-label-10 w-form-label" for="matin">Matin</span></label><label id="locataire" data-next="5" class="radio-button-field-2 locatiare apres w-radio"><input type="radio" name="data_quand" id="apresmidi" data-name="data_quand" class="w-form-formradioinput radio-button-6 w-radio-input" value="apresmidi"><span class="radio-button-label-10 w-form-label" for="apresmidi">Après-midi</span></label></div>
  165.                     <div class="multipage_nav"></div>
  166.                   </div>
  167.                   <div id="step6" data-step="5" class="multipage_section">
  168.                     <div class="text-block-95">Vos coordonnées :</div>
  169.                     <div class="form-item"><input class="text-field-2 w-input" maxlength="15" name="phone" data-name="phone" pattern="^[\d\s\.\(\)+-]{10,}$" placeholder="" type="text" id="phone" data-pristine-pattern="/^[\d\s\.\(\)+-]{10,}$/" required=""><label for="phone" id="adresse" class="field-label-text-2">Téléphone*</label>
  170.                       <div class="icon-input icon-cross"></div>
  171.                       <div class="icon-input icon-checkmark"></div>
  172.                     </div>
  173.                     <div class="form-item"><input class="text-field-2 w-input" maxlength="256" data-1password-off="true" name="email" data-name="email" placeholder="" type="email" id="email" required=""><label for="email" id="adresse" class="field-label-text-2">Email*</label>
  174.                       <div class="icon-input icon-cross"></div>
  175.                       <div class="icon-input icon-checkmark"></div>
  176.                     </div>
  177.                     <div class="form-item js-checkbox"><label class="w-checkbox checkbox-field-2">
  178.                         <div class="w-checkbox-input w-checkbox-input--inputType-custom checkbox-3"></div><input type="checkbox" name="optedIn" id="optedIn" data-name="optedIn" required="" style="opacity:0;position:absolute;z-index:-1"><span class="checkbox-label-3 w-form-label" for="optedIn"><strong class="bold-text-20">Oui, je consens au traitement de mes données personnelles par Urmet et ses éventuels sous-traitants, pour le suivi de ma demande et de la relation commerciale qui peut en découler. Je demande à être contacté(e) par téléphone, voie électronique et postale.*</strong></span>
  179.                       </label></div><input type="submit" data-wait="Please wait..." class="submit-button-2 w-button" value="Envoyer ma demande">
  180.                     <div class="div-block-125 w-clearfix">
  181.                       <div class="btn-prev js-multipage_prev last">
  182.                         <div class="text-block-92">Retour</div>
  183.                       </div>
  184.                     </div>
  185.                     <div class="text-block-61">*Champs obligatoires<br><em></em></div>
  186.                   </div>
  187.                   <div class="multipage_progress"></div>
  188.                 </div>
  189.               </div>
  190.              
  191.   <input type="hidden" name="_token" value="{{ csrf_token('lp_attencia_offres') }}"> 
  192.  </form>
  193.             <div class="w-form-done">
  194.               <div>Thank you! Your submission has been received!</div>
  195.             </div>
  196.             <div class="w-form-fail">
  197.               <div>Oops! Something went wrong while submitting the form.</div>
  198.             </div>
  199.           </div>
  200.         </div>
  201.       </div>
  202.     </div>
  203.   </div>
  204.   <div class="div-block-150">
  205.     <a id="pastille" href="#form" class="pastille w-inline-block"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/Phone.svg') }}" loading="lazy" alt="">
  206.       <div class="text-block-119">RAPPELEZ-MOI</div>
  207.     </a>
  208.     <section class="section-21">
  209.       <div class="max-w masonry section-post-form">
  210.         <div class="w-layout-hflex flex-block-8">
  211.           <div class="w-layout-vflex flex-block-9">
  212.             <h3 class="heading-21">La promesse d&#x27;un service <span class="text-span-21">bienveillant </span>et <span class="text-span-22">réactif</span></h3>
  213.             <p class="paragraph-8">Nos conseillers, disponibles 24h/24 et 7j/7, vous offrent un accompagnement personnalisé à tout moment, y compris en cas d’urgence (canicule, grand froid). Des appels de convivialité mensuels renforcent le lien et assurent un suivi régulier.</p>
  214.           </div><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/img-assistance-frame.png') }}" loading="lazy" sizes="(max-width: 878px) 100vw, 878px" srcset="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/img-assistance-frame-p-500.png') }} 500w, {{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/img-assistance-frame-p-800.png') }} 800w, {{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/img-assistance-frame.png') }} 878w" alt="" class="image-78">
  215.         </div>
  216.         <div class="w-layout-hflex flex-block-10">
  217.           <div class="w-layout-vflex flex-block-11"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/“.svg') }}" loading="lazy" alt="" class="image-81">
  218.             <p class="paragraph-9">Ma fille est beaucoup plus tranquille depuis que j&#x27;ai le bracelet</p>
  219.             <div class="w-layout-hflex flex-block-12"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-temoignage-1.png') }}" loading="lazy" alt="" class="image-79">
  220.               <div class="w-layout-vflex">
  221.                 <div class="text-block-114">Michel P.</div>
  222.                 <div class="text-block-115">81 ans</div>
  223.               </div>
  224.             </div>
  225.           </div>
  226.           <div class="w-layout-vflex flex-block-11"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/“.svg') }}" loading="lazy" alt="" class="image-82">
  227.             <p class="paragraph-9">Je suis en sécurité même quand je suis seul</p>
  228.             <div class="w-layout-hflex flex-block-12"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/0dbb8006cc92a4032b363e4114f95dd24f0667e7.png') }}" loading="lazy" sizes="(max-width: 612px) 100vw, 612px" srcset="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/0dbb8006cc92a4032b363e4114f95dd24f0667e7-p-500.png') }} 500w, {{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/0dbb8006cc92a4032b363e4114f95dd24f0667e7.png') }} 612w" alt="" class="image-79">
  229.               <div class="w-layout-vflex">
  230.                 <div class="text-block-114">Martine T.</div>
  231.                 <div class="text-block-115">79 ans</div>
  232.               </div>
  233.             </div>
  234.           </div>
  235.         </div>
  236.         <div class="w-layout-hflex flex-block-19"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-18.png') }}" loading="lazy" alt="" class="image-83">
  237.           <div class="w-layout-vflex flex-block-20">
  238.             <div class="div-block-148">
  239.               <div class="text-block-117">OFFRE SPÉCIALE</div>
  240.             </div>
  241.             <div class="text-block-118"><span class="text-span-24">2 mois offerts</span> pour tester notre solution</div>
  242.           </div>
  243.         </div>
  244.         <div class="div-block-147">
  245.           <a href="#form" class="button-9 w-button">En savoir plus</a>
  246.         </div>
  247.       </div>
  248.     </section>
  249.     <section class="section-19">
  250.       <div class="w-layout-vflex max-w full">
  251.         <div class="w-layout-vflex flex-block-14">
  252.           <h3 class="heading-21">Discret, fiable, <span class="text-span-23">toujours prêt à vous protéger</span></h3>
  253.           <div class="w-layout-vflex flex-block-15">
  254.             <p class="paragraph-8">La solution ATENCIA vous permet de <strong>prévenir immédiatement un centre d’assistance</strong> en cas de chute ou de malaise, simplement en appuyant sur un bouton.</p>
  255.             <p class="paragraph-8">Grâce à sa portée de 200 mètres, vous êtes protégé dans l&#x27;ensemble de votre domicile.</p>
  256.             <p class="paragraph-8">Et surtout, <strong>aucune configuration technique à prévoir</strong> : tout est pensé pour votre tranquillité d’esprit.</p>
  257.             <p class="paragraph-8">Le terminal se branche simplement sur une prise électrique et continue de fonctionner jusqu’à 36 heures en cas de coupure de courant.</p>
  258.             <p class="paragraph-8">Le bouton d’alerte se porte au poignet ou autour du cou, et peut même vous accompagner sous la douche (étanchéité IP67). Il fonctionne plus de 5 ans sans recharge.</p>
  259.             <p class="paragraph-8">Une<strong> installation rapide</strong>, une <strong>utilisation simplissime</strong>, une <strong>sérénité durable</strong>.</p>
  260.           </div>
  261.           <a href="#form" class="button-9 w-button">En savoir plus</a>
  262.         </div>
  263.         <div class="w-layout-vflex flex-block-18"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-17.png') }}" loading="lazy" sizes="(max-width: 968px) 100vw, 968px" srcset="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-17-p-500.png') }} 500w, {{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-17-p-800.png') }} 800w, {{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-17.png') }} 968w" alt="" class="image-80"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-17-1.png') }}" loading="lazy" sizes="(max-width: 968px) 100vw, 968px" srcset="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-17-1-p-500.png') }} 500w, {{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-17-1-p-800.png') }} 800w, {{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/image-17-1.png') }} 968w" alt="" class="image-84"></div>
  264.       </div>
  265.     </section>
  266.     <section class="section2">
  267.       <div class="max-w masonry">
  268.         <div class="w-layout-hflex flex-block-8">
  269.           <div class="w-layout-vflex flex-block-9">
  270.             <h3 class="heading-21">URMET, la sécurité connectée <span class="text-span-23">au service des résidents</span></h3>
  271.             <div class="w-layout-vflex flex-block-13">
  272.               <p class="paragraph-8">Depuis plus de 40 ans, URMET conçoit des solutions électroniques destinées à sécuriser les immeubles, maisons individuelles et lieux de vie. Interphones, contrôle d’accès, domotique, vidéosurveillance… le Groupe URMET France est aujourd’hui un acteur de référence sur le marché de la sécurité résidentielle.</p>
  273.               <p class="paragraph-8">URMET équipe aussi bien les particuliers que les bailleurs sociaux, les collectivités ou les promoteurs immobiliers, avec un seul objectif : simplifier le quotidien des utilisateurs grâce à des produits fiables, connectés et faciles à installer.</p>
  274.             </div>
  275.           </div><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/img-assistance-frame-1.png') }}" loading="lazy" sizes="(max-width: 878px) 100vw, 878px" srcset="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/img-assistance-frame-1-p-500.png') }} 500w, {{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/img-assistance-frame-1-p-800.png') }} 800w, {{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/img-assistance-frame-1.png') }} 878w" alt="" class="image-78">
  276.         </div>
  277.       </div>
  278.     </section>
  279.     <section class="section-20">
  280.       <div class="max-w transparent footer">
  281.         <div class="w-layout-vflex flex-block-16">
  282.           <div class="text-block-116">Notre offre découverte :</div>
  283.           <h3 class="heading-22">2 mois offerts pour tester notre solution</h3>
  284.           <a href="#form" class="button-9 inverted w-button">J’en profite</a>
  285.         </div>
  286.       </div>
  287.     </section>
  288.   </div>
  289.   <div class="section-min background-dark">
  290.     <div class="w-layout-hflex flex-block-17 max-w socket"><img src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/images/urmet-logo-1.svg') }}" loading="lazy" alt="">
  291.       <div class="div-block-47 container">
  292.         <a href="https://demande.ate-france.com/mentions-legales" target="_blank" class="link-5">Mentions légales</a>
  293.         <a href="https://demande.ate-france.com/politique-de-confidentialite" target="_blank" class="link-5 link-2-cookie-button">Politique de confidentialité</a>
  294.         <a href="#" class="link-5 link-2-cookie-button cookiebot">Préférences cookies</a>
  295.       </div>
  296.     </div>
  297.   </div>
  298.   <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=68623a736bca149caba28189" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  299.   <script src="{{ asset('uploads/assets/org2/org2/lp_attencia_offres/js/aten-345678909876543.js') }}" type="text/javascript"></script>
  300.   <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
  301.   <script type="text/javascript" src="https://cdn-webflow.mxv.services/dist/swiper/swiper.js"></script>
  302.   <script type="text/javascript" src="https://cdn-webflow.mxv.services/dist/swiper/swiper3cols.js"></script>
  303.   <script type="text/javascript" src="https://cdn-webflow.mxv.services/dist/multistep/multistep.js"></script>
  304.   <script type="text/javascript" src="https://cdn-webflow.mxv.services/dist/validation/validation.js"></script>
  305.   <script type="text/javascript" src="https://cdn-webflow.mxv.services/dist/cookies/cookies.js"></script>
  306.   <script>
  307. window.addEventListener('scroll', function() {
  308.   console.log('scroll');
  309.     var elementDeReference = document.getElementById('form');
  310.     var monElement = document.getElementById('pastille');
  311.     // Obtenez la position de l'élément de référence par rapport au haut de la page
  312.     var positionElementDeReference = elementDeReference.getBoundingClientRect().bottom + window.scrollY;
  313.     // Vérifiez si la position actuelle de défilement dépasse la position de l'élément de référence
  314.     if (window.scrollY > positionElementDeReference) {
  315.         monElement.style.display = 'flex';
  316.     } else {
  317.         monElement.style.display = 'none';
  318.     }
  319. });
  320. </script>
  321.  </body>
  322. </html>