test
<form method="post" action="https://newsletter.infomaniak.com/v3/api/1/newsletters/webforms/20854/submit" class="inf-form"><input type="email" name="email" style="display:none" /><input type="hidden" name="key" value="eyJpdiI6IkF1XC9kdkVvWU1xeWVoN1pOYUVVdHJJYUdxOTI2U1B3d2tQQXU5MUFtb0UwPSIsIm1hYyI6Ijk0YmI5Nzc0MWY5MWI3MjI3MDczODk4Y2ZjZjFmYmEyOTVkMDVmY2VjNDVhMzQyNjQ0MjBlY2E3ZWYwNzM3MzIiLCJ2YWx1ZSI6InNKQ2kxTjAzTG9MOVFNb0d2eWVqUzJBazFNQ2NhdklXaEJpXC83Wlk3K3hvPSJ9"><input type="hidden" name="webform_id" value="20854"><style> .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2{ background-color:#53BCD2; padding:25px 20px; margin:25px auto; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-content { margin-top:13px;} .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 h4, .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 span, .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 label, .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 input, .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-submit, .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-success p a { color:#ffffff; font-size:14px; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 h4{ font-size:18px; margin:0px 0px 13px 0px; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 h4, .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 label{ font-weight:bold; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-input { margin-bottom:7px; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 label { display:block;} .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 input{ height:35px; color:#999999; border: 1px solid #E9E9E9; padding-left:7px; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-input.inf-error label, .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-input.inf-error span.inf-message{ color: #cc0033; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-input.inf-error input{ border: 1px solid #cc0033; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-input input { width:100%;} .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-input.inf-error span.inf-message { display: block; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-submit { text-align:right;} .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-submit input{ background-color:#FF6A00; color:#ffffff; border:none; font-weight: normal; height:auto; padding:7px; } .inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2 .inf-submit input.disabled{ opacity: 0.4; } .inf-btn { color: rgb(85, 85, 85); border: medium none; font-weight: normal; height: auto; padding: 7px; display: inline-block; background-color: white; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24); border-radius: 2px; line-height: 1em; } .inf-rgpd { margin:25px 0px 15px 0px; color:#ffffff; } .altcha-label span { color: #555 } </style><div class="inf-main_48ea3e6f887cf74cbff9dd2a13d81bd2"> <h4>Voisines et voisins des chemins de la Sagne et du Môtier</h4> <span>Je/nous sommes intéressé-es par la démarche.</span> <div class="inf-success" style="display:none"> <h4>Votre inscription a été enregistrée avec succès !</h4> <p> <a href="#" class="inf-btn">«</a> </p> </div> <div class="inf-content"> <div class="inf-input inf-input-text"> <input type="email" name="inf[1]" data-inf-meta="1" data-inf-error="" required="required" placeholder="Email *" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[72283]" data-inf-meta="72283" data-inf-error="" placeholder="Prénom(s) " > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[72284]" data-inf-meta="72284" data-inf-error="" placeholder="Nom(s) de famille " > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[72286]" data-inf-meta="72286" data-inf-error="" placeholder="Rue et n° " > </div> <div class="inf-input inf-input-text"> <input type="number" name="inf[72285]" data-inf-meta="72285" data-inf-error="" placeholder="Nombre d'adultes (+18) " > </div> <div class="inf-input inf-input-text"> <input type="number" name="inf[72287]" data-inf-meta="72287" data-inf-error="" placeholder="Nombre d'ados (14-17) " > </div> <div class="inf-input inf-input-text"> <input type="number" name="inf[72289]" data-inf-meta="72289" data-inf-error="" placeholder="Nombre d'enfants (<14) " > </div> <div class="inf-input inf-input-text"> <label for="inf[72290]" style="display: flex; align-items: center; gap: 10px"> <input type="checkbox" name="inf[72290]" id="inf[72290]" data-inf-meta="72290" data-inf-error="" style="width: 35px" > <span style="padding-left: 7px; font-weight: normal; font-size: 16px" > Première rencontre : oui/non ? <span ></span> </span> </label> </div> <div class="inf-rgpd">Votre adresse de messagerie est uniquement utilisée pour vous envoyer des informations. Vous pourrez à tout moment utiliser le lien de désabonnement intégré dans chacun de nos mails.</div> <script src="https://eu.altcha.org/js/latest/altcha.min.js" type="module" defer></script> <altcha-widget hidelogo hidefooter floating challengeurl="https://newsletter.infomaniak.com/v3/altcha-challenge" ></altcha-widget> <script src="https://newsletter.storage5.infomaniak.com/mcaptcha/altcha.js" defer> </script> <div class="inf-submit"> <input type="submit" style="margin-top: 25px;" name="" value="Valider"> </div> </div> </div> </form>
Organisaton: Accordéonistes "l'Amitié"