Skip to content
Snippets Groups Projects
Commit 06def487 authored by Eloi Perdereau's avatar Eloi Perdereau
Browse files

formulaire telephone uniquement, + collapse

parent 7ee42f1a
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
_includes/forms/distrib-telephone.html 0 → 100644
+ 1000
− 0
View file @ 06def487
<!-- Begin Sendinblue Form -->
<!-- START - We recommend to place the below code in head tag of your website html -->
<style>
@font-face {
font-display: block;
font-family: Roboto;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff) format("woff")
}
@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 600;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff) format("woff")
}
@font-face {
font-display: fallback;
font-family: Roboto;
font-weight: 700;
src: url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2) format("woff2"), url(https://assets.sendinblue.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff) format("woff")
}
#sib-container input:-ms-input-placeholder {
text-align: left;
font-family: "Helvetica", sans-serif;
color: #c0ccda;
}
#sib-container input::placeholder {
text-align: left;
font-family: "Helvetica", sans-serif;
color: #c0ccda;
}
#sib-container textarea::placeholder {
text-align: left;
font-family: "Helvetica", sans-serif;
color: #c0ccda;
}
</style>
<link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">
<!-- END - We recommend to place the above code in head tag of your website html -->
<!-- START - We recommend to place the below code where you want the form in your website html -->
<div class="sib-form" style="text-align: center;
background-color: transparent; ">
<div id="sib-form-container" class="sib-form-container">
<div id="error-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;max-width:540px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z"
/>
</svg>
<span class="sib-form-message-panel__inner-text">
Nous n&#039;avons pas pu confirmer votre inscription.
</span>
</div>
</div>
<div></div>
<div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#085229; background-color:#e7faf0; border-radius:3px; border-color:#13ce66;max-width:540px;">
<div class="sib-form-message-panel__text sib-form-message-panel__text--center">
<svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
<path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z"
/>
</svg>
<span class="sib-form-message-panel__inner-text">
Votre inscription est confirmée.
</span>
</div>
</div>
<div></div>
<div id="sib-container" class="sib-container--large sib-container--horizontal" style="text-align:center; background-color:rgba(235,235,224,1); max-width:540px; border-radius:10px; border-width:1px; border-color:#e9dcbe; border-style:solid;">
<form id="sib-form" method="POST" action="https://23aec1fe.sibforms.com/serve/MUIEAPRlpwWWNoQMD7yq4jaqk7IqOOhLWRUDyVqtPLZRcZgo2UXo4xmG3qH1cgBMiBqP2L6eVbbpnW3p0hk4xhsB4d7y24O0EQKMxyBunAwXLCBOcUpvPvSWrG6yUrP6O_YYxcQ_TrQLH2UFJe8xajvTFi3u1uTTSrnAU9bFVqNx1lrOCkeIjpXx1ILmOkBZVVqDAeT0vwAtziUz"
data-type="subscription">
<div style="padding: 8px 0;">
<div class="sib-form-block" style="font-size:32px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3C4858; background-color:transparent;">
<p>Distributions de pain</p>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-form-block" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#3C4858; background-color:transparent;">
<div class="sib-text-form-block">
<p>Donnez-nous juste votre numéro de téléphone.</p>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row form__label-row--horizontal">
<label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;" for="NOM">
Entrez votre NOM
</label>
<div class="entry__field">
<input class="input" maxlength="200" type="text" id="NOM" name="NOM" autocomplete="off" placeholder="NOM" />
</div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row form__label-row--horizontal">
<label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;" for="PRENOM">
Entrez votre PRENOM
</label>
<div class="entry__field">
<input class="input" maxlength="200" type="text" id="PRENOM" name="PRENOM" autocomplete="off" placeholder="PRENOM" />
</div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-sms-field sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
<label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;" for="SMS" data-required="*">
Entrez votre TÉLÉPHONE
</label>
<div class="sib-sms-input-wrapper">
<div class="sib-sms-input" data-placeholder="SMS" data-required="1" data-country-code="FR" data-value="">
<div class="entry__field">
<select class="input" name="SMS__COUNTRY_CODE" data-required="true">
<option value="+93">
+93 AF
</option>
<option value="+358">
+358 AX
</option>
<option value="+355">
+355 AL
</option>
<option value="+213">
+213 DZ
</option>
<option value="+1684">
+1684 AS
</option>
<option value="+376">
+376 AD
</option>
<option value="+244">
+244 AO
</option>
<option value="+1264">
+1264 AI
</option>
<option value="+672">
+672 AQ
</option>
<option value="+1268">
+1268 AG
</option>
<option value="+54">
+54 AR
</option>
<option value="+374">
+374 AM
</option>
<option value="+297">
+297 AW
</option>
<option value="+61">
+61 AU
</option>
<option value="+43">
+43 AT
</option>
<option value="+994">
+994 AZ
</option>
<option value="+1242">
+1242 BS
</option>
<option value="+973">
+973 BH
</option>
<option value="+880">
+880 BD
</option>
<option value="+1246">
+1246 BB
</option>
<option value="+375">
+375 BY
</option>
<option value="+32">
+32 BE
</option>
<option value="+501">
+501 BZ
</option>
<option value="+229">
+229 BJ
</option>
<option value="+1441">
+1441 BM
</option>
<option value="+975">
+975 BT
</option>
<option value="+591">
+591 BO
</option>
<option value="+599">
+599 BQ
</option>
<option value="+387">
+387 BA
</option>
<option value="+267">
+267 BW
</option>
<option value="+47">
+47 BV
</option>
<option value="+55">
+55 BR
</option>
<option value="+246">
+246 IO
</option>
<option value="+673">
+673 BN
</option>
<option value="+359">
+359 BG
</option>
<option value="+226">
+226 BF
</option>
<option value="+257">
+257 BI
</option>
<option value="+855">
+855 KH
</option>
<option value="+237">
+237 CM
</option>
<option value="+1">
+1 CA
</option>
<option value="+238">
+238 CV
</option>
<option value="+1345">
+1345 KY
</option>
<option value="+236">
+236 CF
</option>
<option value="+235">
+235 TD
</option>
<option value="+56">
+56 CL
</option>
<option value="+86">
+86 CN
</option>
<option value="+61">
+61 CX
</option>
<option value="+61">
+61 CC
</option>
<option value="+57">
+57 CO
</option>
<option value="+269">
+269 KM
</option>
<option value="+242">
+242 CG
</option>
<option value="+243">
+243 CD
</option>
<option value="+682">
+682 CK
</option>
<option value="+506">
+506 CR
</option>
<option value="+225">
+225 CI
</option>
<option value="+385">
+385 HR
</option>
<option value="+53">
+53 CU
</option>
<option value="+599">
+599 CW
</option>
<option value="+357">
+357 CY
</option>
<option value="+420">
+420 CZ
</option>
<option value="+45">
+45 DK
</option>
<option value="+253">
+253 DJ
</option>
<option value="+1767">
+1767 DM
</option>
<option value="+1809">
+1809 DO
</option>
<option value="+593">
+593 EC
</option>
<option value="+20">
+20 EG
</option>
<option value="+503">
+503 SV
</option>
<option value="+240">
+240 GQ
</option>
<option value="+291">
+291 ER
</option>
<option value="+372">
+372 EE
</option>
<option value="+251">
+251 ET
</option>
<option value="+500">
+500 FK
</option>
<option value="+298">
+298 FO
</option>
<option value="+679">
+679 FJ
</option>
<option value="+358">
+358 FI
</option>
<option value="+33">
+33 FR
</option>
<option value="+594">
+594 GF
</option>
<option value="+689">
+689 PF
</option>
<option value="+262">
+262 TF
</option>
<option value="+241">
+241 GA
</option>
<option value="+220">
+220 GM
</option>
<option value="+995">
+995 GE
</option>
<option value="+49">
+49 DE
</option>
<option value="+233">
+233 GH
</option>
<option value="+350">
+350 GI
</option>
<option value="+30">
+30 GR
</option>
<option value="+299">
+299 GL
</option>
<option value="+1473">
+1473 GD
</option>
<option value="+590">
+590 GP
</option>
<option value="+1671">
+1671 GU
</option>
<option value="+502">
+502 GT
</option>
<option value="+44">
+44 GG
</option>
<option value="+224">
+224 GN
</option>
<option value="+245">
+245 GW
</option>
<option value="+592">
+592 GY
</option>
<option value="+509">
+509 HT
</option>
<option value="+672">
+672 HM
</option>
<option value="+379">
+379 VA
</option>
<option value="+504">
+504 HN
</option>
<option value="+852">
+852 HK
</option>
<option value="+36">
+36 HU
</option>
<option value="+354">
+354 IS
</option>
<option value="+91">
+91 IN
</option>
<option value="+62">
+62 ID
</option>
<option value="+98">
+98 IR
</option>
<option value="+964">
+964 IQ
</option>
<option value="+353">
+353 IE
</option>
<option value="+44">
+44 IM
</option>
<option value="+972">
+972 IL
</option>
<option value="+39">
+39 IT
</option>
<option value="+1876">
+1876 JM
</option>
<option value="+81">
+81 JP
</option>
<option value="+44">
+44 JE
</option>
<option value="+962">
+962 JO
</option>
<option value="+7">
+7 KZ
</option>
<option value="+254">
+254 KE
</option>
<option value="+686">
+686 KI
</option>
<option value="+850">
+850 KP
</option>
<option value="+82">
+82 KR
</option>
<option value="+965">
+965 KW
</option>
<option value="+996">
+996 KG
</option>
<option value="+856">
+856 LA
</option>
<option value="+371">
+371 LV
</option>
<option value="+961">
+961 LB
</option>
<option value="+266">
+266 LS
</option>
<option value="+231">
+231 LR
</option>
<option value="+218">
+218 LY
</option>
<option value="+423">
+423 LI
</option>
<option value="+370">
+370 LT
</option>
<option value="+352">
+352 LU
</option>
<option value="+853">
+853 MO
</option>
<option value="+389">
+389 MK
</option>
<option value="+261">
+261 MG
</option>
<option value="+265">
+265 MW
</option>
<option value="+60">
+60 MY
</option>
<option value="+960">
+960 MV
</option>
<option value="+223">
+223 ML
</option>
<option value="+356">
+356 MT
</option>
<option value="+692">
+692 MH
</option>
<option value="+596">
+596 MQ
</option>
<option value="+222">
+222 MR
</option>
<option value="+230">
+230 MU
</option>
<option value="+262">
+262 YT
</option>
<option value="+52">
+52 MX
</option>
<option value="+691">
+691 FM
</option>
<option value="+373">
+373 MD
</option>
<option value="+377">
+377 MC
</option>
<option value="+976">
+976 MN
</option>
<option value="+382">
+382 ME
</option>
<option value="+1664">
+1664 MS
</option>
<option value="+212">
+212 MA
</option>
<option value="+258">
+258 MZ
</option>
<option value="+95">
+95 MM
</option>
<option value="+264">
+264 NA
</option>
<option value="+674">
+674 NR
</option>
<option value="+977">
+977 NP
</option>
<option value="+31">
+31 NL
</option>
<option value="+687">
+687 NC
</option>
<option value="+64">
+64 NZ
</option>
<option value="+505">
+505 NI
</option>
<option value="+227">
+227 NE
</option>
<option value="+234">
+234 NG
</option>
<option value="+683">
+683 NU
</option>
<option value="+672">
+672 NF
</option>
<option value="+1670">
+1670 MP
</option>
<option value="+47">
+47 NO
</option>
<option value="+968">
+968 OM
</option>
<option value="+92">
+92 PK
</option>
<option value="+680">
+680 PW
</option>
<option value="+970">
+970 PS
</option>
<option value="+507">
+507 PA
</option>
<option value="+675">
+675 PG
</option>
<option value="+595">
+595 PY
</option>
<option value="+51">
+51 PE
</option>
<option value="+63">
+63 PH
</option>
<option value="+64">
+64 PN
</option>
<option value="+48">
+48 PL
</option>
<option value="+351">
+351 PT
</option>
<option value="+1787">
+1787 PR
</option>
<option value="+974">
+974 QA
</option>
<option value="+383">
+383 XK
</option>
<option value="+262">
+262 RE
</option>
<option value="+40">
+40 RO
</option>
<option value="+7">
+7 RU
</option>
<option value="+250">
+250 RW
</option>
<option value="+590">
+590 BL
</option>
<option value="+290">
+290 SH
</option>
<option value="+1869">
+1869 KN
</option>
<option value="+1758">
+1758 LC
</option>
<option value="+599">
+599 MF
</option>
<option value="+508">
+508 PM
</option>
<option value="+1784">
+1784 VC
</option>
<option value="+685">
+685 WS
</option>
<option value="+378">
+378 SM
</option>
<option value="+239">
+239 ST
</option>
<option value="+966">
+966 SA
</option>
<option value="+221">
+221 SN
</option>
<option value="+381">
+381 RS
</option>
<option value="+248">
+248 SC
</option>
<option value="+232">
+232 SL
</option>
<option value="+65">
+65 SG
</option>
<option value="+599">
+599 SX
</option>
<option value="+421">
+421 SK
</option>
<option value="+386">
+386 SI
</option>
<option value="+677">
+677 SB
</option>
<option value="+252">
+252 SO
</option>
<option value="+27">
+27 ZA
</option>
<option value="+500">
+500 GS
</option>
<option value="+211">
+211 SS
</option>
<option value="+34">
+34 ES
</option>
<option value="+94">
+94 LK
</option>
<option value="+249">
+249 SD
</option>
<option value="+597">
+597 SR
</option>
<option value="+47">
+47 SJ
</option>
<option value="+268">
+268 SZ
</option>
<option value="+46">
+46 SE
</option>
<option value="+41">
+41 CH
</option>
<option value="+963">
+963 SY
</option>
<option value="+886">
+886 TW
</option>
<option value="+992">
+992 TJ
</option>
<option value="+255">
+255 TZ
</option>
<option value="+66">
+66 TH
</option>
<option value="+670">
+670 TL
</option>
<option value="+228">
+228 TG
</option>
<option value="+690">
+690 TK
</option>
<option value="+676">
+676 TO
</option>
<option value="+1868">
+1868 TT
</option>
<option value="+216">
+216 TN
</option>
<option value="+90">
+90 TR
</option>
<option value="+993">
+993 TM
</option>
<option value="+1649">
+1649 TC
</option>
<option value="+688">
+688 TV
</option>
<option value="+256">
+256 UG
</option>
<option value="+380">
+380 UA
</option>
<option value="+971">
+971 AE
</option>
<option value="+44">
+44 GB
</option>
<option value="+1">
+1 US
</option>
<option value="+246">
+246 UM
</option>
<option value="+598">
+598 UY
</option>
<option value="+998">
+998 UZ
</option>
<option value="+678">
+678 VU
</option>
<option value="+58">
+58 VE
</option>
<option value="+84">
+84 VN
</option>
<option value="+1284">
+1284 VG
</option>
<option value="+1340">
+1340 VI
</option>
<option value="+681">
+681 WF
</option>
<option value="+212">
+212 EH
</option>
<option value="+967">
+967 YE
</option>
<option value="+260">
+260 ZM
</option>
<option value="+263">
+263 ZW
</option>
</select>
</div>
<div class="entry__field" style="width: 100%">
<input type="tel" type="text" class="input" id="SMS" name="SMS" autocomplete="off" placeholder="SMS" data-required="true" required />
</div>
</div>
<div class="sib-sms-tooltip">
<div class="sib-sms-tooltip__box">
Le champ SMS doit contenir entre 6 et 19 chiffres et inclure le code pays sans utiliser +/0 (ex. : 33xxxxxxxxx pour la France)
</div>
<span class="sib-sms-tooltip__icon">?</span>
</div>
</div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
<label class="entry__error entry__error--secondary" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
<label class="entry__specification" style="font-size:12px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#8390A4;">
Ne pas rentrer le préfixe 0. Par exemple, entrez juste &quot;610101010&quot;
</label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row form__label-row--horizontal">
<label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;" for="COMMENTAIRE">
COMMENTAIRE
</label>
<div class="entry__field">
<input class="input" maxlength="200" type="text" id="COMMENTAIRE" name="COMMENTAIRE" autocomplete="off" placeholder="COMMENTAIRE" />
</div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-form__declaration">
<div class="declaration-block-icon">
<svg class="icon__SVG" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<symbol id="svgIcon-sphere" viewBox="0 0 63 63">
<path class="path1" d="M31.54 0l1.05 3.06 3.385-.01-2.735 1.897 1.05 3.042-2.748-1.886-2.738 1.886 1.044-3.05-2.745-1.897h3.393zm13.97 3.019L46.555 6.4l3.384.01-2.743 2.101 1.048 3.387-2.752-2.1-2.752 2.1 1.054-3.382-2.745-2.105h3.385zm9.998 10.056l1.039 3.382h3.38l-2.751 2.1 1.05 3.382-2.744-2.091-2.743 2.091 1.054-3.381-2.754-2.1h3.385zM58.58 27.1l1.04 3.372h3.379l-2.752 2.096 1.05 3.387-2.744-2.091-2.75 2.092 1.054-3.387-2.747-2.097h3.376zm-3.076 14.02l1.044 3.364h3.385l-2.743 2.09 1.05 3.392-2.744-2.097-2.743 2.097 1.052-3.377-2.752-2.117 3.385-.01zm-9.985 9.91l1.045 3.364h3.393l-2.752 2.09 1.05 3.393-2.745-2.097-2.743 2.097 1.05-3.383-2.751-2.1 3.384-.01zM31.45 55.01l1.044 3.043 3.393-.008-2.752 1.9L34.19 63l-2.744-1.895-2.748 1.891 1.054-3.05-2.743-1.9h3.384zm-13.934-3.98l1.036 3.364h3.402l-2.752 2.09 1.053 3.393-2.747-2.097-2.752 2.097 1.053-3.382-2.743-2.1 3.384-.01zm-9.981-9.91l1.045 3.364h3.398l-2.748 2.09 1.05 3.392-2.753-2.1-2.752 2.096 1.053-3.382-2.743-2.102 3.384-.009zM4.466 27.1l1.038 3.372H8.88l-2.752 2.097 1.053 3.387-2.743-2.09-2.748 2.09 1.053-3.387L0 30.472h3.385zm3.069-14.025l1.045 3.382h3.395L9.23 18.56l1.05 3.381-2.752-2.09-2.752 2.09 1.053-3.381-2.744-2.1h3.384zm9.99-10.056L18.57 6.4l3.393.01-2.743 2.1 1.05 3.373-2.754-2.092-2.751 2.092 1.053-3.382-2.744-2.1h3.384zm24.938 19.394l-10-4.22a2.48 2.48 0 00-1.921 0l-10 4.22A2.529 2.529 0 0019 24.75c0 10.47 5.964 17.705 11.537 20.057a2.48 2.48 0 001.921 0C36.921 42.924 44 36.421 44 24.75a2.532 2.532 0 00-1.537-2.336zm-2.46 6.023l-9.583 9.705a.83.83 0 01-1.177 0l-5.416-5.485a.855.855 0 010-1.192l1.177-1.192a.83.83 0 011.177 0l3.65 3.697 7.819-7.916a.83.83 0 011.177 0l1.177 1.191a.843.843 0 010 1.192z"
fill="#0092FF"></path>
</symbol>
</defs>
</svg>
<svg class="svgIcon-sphere" style="width:63px; height:63px;">
<use xlink:href="#svgIcon-sphere"></use>
</svg>
</div>
<p style="font-size:14px; text-align:left; font-family:&quot;Helvetica&quot;, sans-serif; color:#687484; background-color:transparent;">
Nous utilisons Sendinblue en tant que plateforme marketing. En soumettant ce formulaire, vous reconnaissez que les informations que vous allez fournir seront transmises à Sendinblue en sa qualité de processeur de données; et ce conformément à ses
<a
target="_blank" class="clickable_link" href="https://fr.sendinblue.com/legal/termsofuse/">conditions générales d'utilisation</a>.
</p>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-form-block" style="text-align: left">
<button class="sib-form-block__button sib-form-block__button-with-loader" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#FFFFFF; background-color:#3E4857; border-radius:3px; border-width:0px;"
form="sib-form" type="submit">
<svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512">
<path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"
/>
</svg>
S&#039;INSCRIRE
</button>
</div>
</div>
<input type="text" name="email_address_check" value="" class="input--hidden">
<input type="hidden" name="locale" value="fr">
</form>
</div>
</div>
</div>
<!-- END - We recommend to place the below code where you want the form in your website html -->
<!-- START - We recommend to place the below code in footer or bottom of your website html -->
<script>
window.REQUIRED_CODE_ERROR_MESSAGE = 'Veuillez choisir un code pays';
window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez vérifier le format du champ et réessayer.";
window.REQUIRED_ERROR_MESSAGE = "Vous devez renseigner ce champ. ";
window.GENERIC_INVALID_MESSAGE = "Les informations que vous avez fournies ne sont pas valides. Veuillez vérifier le format du champ et réessayer.";
window.translation = {
common: {
selectedList: '{quantity} liste sélectionnée',
selectedLists: '{quantity} listes sélectionnées'
}
};
var AUTOHIDE = Boolean(0);
</script>
<script src="https://sibforms.com/forms/end-form/build/main.js">
</script>
<!-- END - We recommend to place the above code in footer or bottom of your website html -->
<!-- End Sendinblue Form -->
_includes/forms/distrib.html
+ 4
− 5
View file @ 06def487
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
:%s/data-required="\zs\(\*\|true\)\ze"// | %s/// :%s/data-required="\zs\(\*\|true\)\ze"// | %s///
--> -->
<!-- Begin Sendinblue Form --> <!-- Begin Sendinblue Form -->
<!-- START - We recommend to place the below code in head tag of your website html --> <!-- START - We recommend to place the below code in head tag of your website html -->
<style> <style>
...@@ -75,8 +74,8 @@ ...@@ -75,8 +74,8 @@
</div> </div>
</div> </div>
<div></div> <div></div>
<div id="sib-container" class="sib-container--large sib-container--horizontal" style="text-align:center; background-color:rgba(235,235,224,1); max-width:540px; border-radius:3px; border-width:1px; border-color:#e9dcbe; border-style:solid;"> <div id="sib-container" class="sib-container--large sib-container--horizontal" style="text-align:center; background-color:rgba(235,235,224,1); max-width:540px; border-radius:10px; border-width:1px; border-color:#e9dcbe; border-style:solid;">
<form id="sib-form" method="POST" action="https://23aec1fe.sibforms.com/serve/MUIEABRsdiSyvZlRkZ-8TFe852moazzLeKNvgDum3TdK9wb1I0WZR1MQ8lCKc-RQZP_NajPvke6kZDczKWjDLMa1mObu2j5fb2GQpmZRFm1tAhcQfpcVM_mah5S-lQ8HLKQK62fgpJrPfE0eskT_ut_jIB_X8rN2lFdTsCXyomh1ABGi1TfjyJJL2_GzzxrBKIP5zD-q2hTlXNRy" <form id="sib-form" method="POST" action="https://23aec1fe.sibforms.com/serve/MUIEAH-QRSSf9Mb1RRn0lHm-YIciy_yyiQ0rgTetHl4mc8xbCKt9tSA2IgwmmCH2eIlXFJTwFpD_QIVZ2JL_1rWz8YdpCWdg8o9gyyAPhTszQO0euwQYQdU3tmfpYPi8S7F2ZtEfHwsaDSBcmjqFLvyd1WRoys-_U9zMs60uWS8K47e9GfkCBeQgYIIoxCGvZjb4euEYmYvdPHGM"
data-type="subscription"> data-type="subscription">
<div style="padding: 8px 0;"> <div style="padding: 8px 0;">
<div class="sib-form-block" style="font-size:32px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3C4858; background-color:transparent;"> <div class="sib-form-block" style="font-size:32px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3C4858; background-color:transparent;">
...@@ -917,12 +916,12 @@ ...@@ -917,12 +916,12 @@
<div class="sib-input sib-form-block"> <div class="sib-input sib-form-block">
<div class="form__entry entry_block"> <div class="form__entry entry_block">
<div class="form__label-row form__label-row--horizontal"> <div class="form__label-row form__label-row--horizontal">
<label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;" for="EMAIL" data-required=""> <label class="entry__label" style="font-size:16px; text-align:left; font-weight:700; font-family:&quot;Helvetica&quot;, sans-serif; color:#3c4858;" for="EMAIL" data-required="*">
Entrez votre EMAIL Entrez votre EMAIL
</label> </label>
<div class="entry__field"> <div class="entry__field">
<input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="EMAIL" data-required="" /> <input class="input" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="EMAIL" data-required="true" required />
</div> </div>
</div> </div>
......
_pages/activites/distrib/index.md
+ 17
− 1
View file @ 06def487
...@@ -3,6 +3,22 @@ layout: single ...@@ -3,6 +3,22 @@ layout: single
title: Distributions de pain title: Distributions de pain
--- ---
# Formulaire
<button class="collapsible"
id="form-distrib">cacher/voir</button>
<div class="content"
id="form-distribdata" markdown="1"
style="display: block">
{% include forms/distrib.html %} {% include forms/distrib.html %}
</div>
<button class="collapsible"
id="form-distrib-telephone">formulaire téléphone uniquement</button>
<div class="content"
id="form-distrib-telephonedata" markdown="1"
style="display: none">
{% include forms/distrib-telephone.html %}
</div>
{%- include collapse.html -%}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment