Skip to content

Commit

Permalink
6
Browse files Browse the repository at this point in the history
  • Loading branch information
0ba-pia committed Oct 6, 2023
1 parent 65ecf0a commit 63bd38d
Show file tree
Hide file tree
Showing 2 changed files with 114 additions and 141 deletions.
251 changes: 112 additions & 139 deletions fr/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -382,145 +382,90 @@ <h2 class="text-center mt-0">CONTACT</h2>
<!-- Begin Sendinblue Form -->


<!-- START - We recommend to place the below code where you want the form in your website html -->
<div class="sib-form">
<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: Helvetica, 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">
Erreur, veuillez ré-essayer.
</span>
</div>
</div>
<div></div>
<div id="success-message" class="sib-form-message-panel"
style="font-size:16px; text-align:left; font-family:Helvetica, 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 message a bien été envoyé.
</span>
</div>
</div>
<div></div>
<div id="sib-container">
<form id="sib-form" method="POST"
action="https://85a4f2e4.sibforms.com/serve/MUIEALmYMcxSw6cj91jE4-OQwLhEduhs8rkeqjHdwPsIxVF7H6My-3OSipIVU64nV1-sL6y7nfsqaGtWoaHTtA7HLdl_giJBLwwIF-kE7yoUehttGb33IC6AoRvynfTPxmRVKhBmJmzv6_wU3705ptIOagbUP3jsRacvz3mfdSzwW6pSd72obkSvUW95RpQk25uCmdArDfPVs21F"
data-type="subscription">
<div>
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
<label class="entry__label" for="EMAIL" data-required="*">
Email
</label>

<div class="entry__field">
<input class="input" type="text" id="EMAIL" name="EMAIL"
autocomplete="off" data-required="true" required />
</div>
</div>

<label class="entry__error entry__error--primary">
</label>
</div>
</div>
</div>
<div>
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">

</div>

<label class="entry__error entry__error--primary"
style="font-size:16px; text-align:left; font-family: Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
</div>
</div>
</div>
<div>
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
<label class="entry__label" for="MESSAGE">
Message
</label>

<div class="entry__field">
<textarea rows="2" class="input" maxlength="500" id="MESSAGE"
name="MESSAGE" autocomplete="off"></textarea>
</div>
</div>

<label class="entry__error entry__error--primary"
style="font-size:16px; text-align:left; font-family: Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;">
</label>
</div>
</div>
</div>
<div>
<div class="g-recaptcha" data-sitekey="6LcRmPYZAAAAAGhOfmcaOHs0y4YqYhQqbwmmejna"
data-callback="invisibleCaptchaCallback" data-size="invisible"
onclick="executeCaptcha"></div>
</div>
<div>
<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: Helvetica, sans-serif; color:#FFFFFF; background-color:#f05f40; 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>
ENVOYER
</button>
</div>
</div>

<input type="text" name="email_address_check" value="" class="input--hidden">
<input type="hidden" name="locale" value="en">
</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 pays';

window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Information saisie invalide.";

window.REQUIRED_ERROR_MESSAGE = "Ce champ et requis.";

window.GENERIC_INVALID_MESSAGE = "Information saisie invalide.";


window.translation = {
common: {
selectedList: '{quantity} list selected',
selectedLists: '{quantity} lists selected'
}
};

var AUTOHIDE = Boolean(1);
</script>
<script src="https://sibforms.com/forms/end-form/build/main.js">
</script>

<script src="https://www.google.com/recaptcha/api.js?hl=en"></script>

<!-- END - We recommend to place the above code in footer or bottom of your website html -->
<!-- End Sendinblue Form -->
<!-- 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:'Helvetica', sans-serif; color:#661d1d; background-color: transparent; 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">
Erreur, veuillez ré-essayer.
</span>
</div>
</div>
<div></div>
<div id="success-message" class="sib-form-message-panel" style="font-size:16px; text-align:left; font-family:'Helvetica', sans-serif; color:#085229; background-color: transparent; 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 message a bien été envoyé.
</span>
</div>
</div>
<div></div>
<div id="sib-container" class="sib-container--large sib-container--vertical" style="text-align:center; background-color:rgba(255,255,255,1); max-width:540px; border-radius:3px; border-width:0px; border-color:#C0CCD9; border-style:solid; direction:ltr">
<form id="sib-form" method="POST" action="https://85a4f2e4.sibforms.com/serve/MUIFAHG-5ol7UaQ4D3-_MEbargn5aisZ2tNXCxoj20k1DyuAYjJs5syuKVzt6C6phsHAsjvmfPm8V2aMyiiJ60o25U9CwRuJ2ghQmyA-aezKokS-tHwmDL9U_spBFjvkWrdYIebssgboSucMgNoHCg22KJBw3ViFWr8X_gSDQygQvu4r-PSkW4KiMbiLBoCjuV5Xgt_QaYXCYVLP" data-type="subscription">
<div style="padding: 8px 0;">
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row ">
<label class="entry__label" style="font-weight: 700; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:'Helvetica', sans-serif; color:#3c4858;" for="EMAIL" data-required="*">Email</label>

<div class="entry__field">
<input class="input " type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="EMAIL" data-required="true" required />
</div>
</div>

<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:'Helvetica', sans-serif; color:#661d1d; background-color: transparent; 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 ">
<label class="entry__label" style="font-weight: 700; text-align:left; font-size:16px; text-align:left; font-weight:700; font-family:'Helvetica', sans-serif; color:#3c4858;" for="MESSAGE">Message</label>

<div class="entry__field">
<textarea rows="2" class="input " maxlength="500" id="MESSAGE" name="MESSAGE" autocomplete="off" placeholder="MESSAGE"></textarea>
</div>
</div>

<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:'Helvetica', sans-serif; color:#661d1d; background-color: transparent; border-radius:3px; border-color:#ff4949;">
</label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="g-recaptcha" data-sitekey="6LcRmPYZAAAAAGhOfmcaOHs0y4YqYhQqbwmmejna" data-callback="invisibleCaptchaCallback" data-size="invisible" onclick="executeCaptcha"></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:'Helvetica', sans-serif; color:#FFFFFF; background-color:#f05f40; 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>
ENVOYER
</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 -->


<!-- End Brevo Form -->


</div>
Expand Down Expand Up @@ -574,4 +519,32 @@ <h2 class="text-center mt-0">CONTACT</h2>
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>

<!-- START - We recommend to place the below code in footer or bottom of your website html -->
<script>
window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code';
window.LOCALE = 'fr';
window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "Information saisie invalide.";

window.REQUIRED_ERROR_MESSAGE = "Ce champ est obligatoire. ";

window.GENERIC_INVALID_MESSAGE = "Information saisie invalide.";




window.translation = {
common: {
selectedList: '{quantity} list selected',
selectedLists: '{quantity} lists selected'
}
};

var AUTOHIDE = Boolean(1);
</script>
<script defer src="https://sibforms.com/forms/end-form/build/main.js"></script>

<script src="https://www.google.com/recaptcha/api.js?hl=en"></script>

<!-- END - We recommend to place the above code in footer or bottom of your website html -->

</html>
4 changes: 2 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -394,7 +394,7 @@ <h2 class="text-center mt-0">CONTACT</h2>
<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">
Your subscription could not be saved. Please try again.
Your mesage could not be sent. Please try again.
</span>
</div>
</div>
Expand All @@ -405,7 +405,7 @@ <h2 class="text-center mt-0">CONTACT</h2>
<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">
Thank you for your interest in Piano de Voyage !
Your message has been sent.
</span>
</div>
</div>
Expand Down

0 comments on commit 63bd38d

Please sign in to comment.