File: /var/www/quadcode-site/src/html/lp/wlcrypto/modal-form.html
<div class="modal" data-widget="saas2">
<div class="modal__close" data-role="saas2-close">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 2L2.00001 14" stroke="#445667" stroke-width="4"/>
<path d="M2 2L14 14" stroke="#445667" stroke-width="4"/>
</svg>
</div>
<div class="container">
<div class="modal__content">
<div class="form-message form-success" style="display: none;">
<div class="form-message__icon">
<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_940_1451)">
<path d="M24.5004 3.01501C27.4025 3.01501 30.2155 3.58267 32.8624 4.70246C35.4202 5.78463 37.7187 7.33385 39.6924 9.30841C41.6662 11.2821 43.2162 13.5806 44.2984 16.1384C45.4181 18.7853 45.9858 21.5983 45.9858 24.5004C45.9858 27.4025 45.4181 30.2155 44.2984 32.8624C43.2162 35.4202 41.667 37.7187 39.6924 39.6924C37.7187 41.6662 35.4202 43.2162 32.8624 44.2984C30.2155 45.4181 27.4025 45.9858 24.5004 45.9858C21.5983 45.9858 18.7853 45.4181 16.1384 44.2984C13.5806 43.2162 11.2821 41.667 9.30841 39.6924C7.33466 37.7187 5.78463 35.4202 4.70246 32.8624C3.58267 30.2155 3.01501 27.4025 3.01501 24.5004C3.01501 21.5983 3.58267 18.7853 4.70246 16.1384C5.78463 13.5806 7.33385 11.2821 9.30841 9.30841C11.2821 7.33466 13.5806 5.78463 16.1384 4.70246C18.7853 3.58267 21.5983 3.01501 24.5004 3.01501ZM24.5004 0C10.9689 0 0 10.9689 0 24.5004C0 38.032 10.9689 49.0008 24.5004 49.0008C38.032 49.0008 49.0008 38.032 49.0008 24.5004C49.0008 10.9689 38.0311 0 24.5004 0Z" fill="#39B54A"/>
<path d="M20.4672 33.7696L12.1265 25.4288L14.2589 23.2964L20.4672 29.5055L34.7415 15.2304L36.8739 17.3629L20.4672 33.7696Z" fill="#39B54A"/>
</g>
<defs>
<clipPath id="clip0_940_1451">
<rect width="49" height="49" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<div class="form-message__inner">
<div class="form-message__title titleL" data-lang="lng-formSuccessTitle">
Your message was successfully sent
</div>
<div class="form-message__text defaultB" data-lang="lng-formSuccessSubTitle">
Thank you for your interest! Our team will contact you shortly to discuss the details.
</div>
<div class="form-message__actions">
<a href="/lp/saas_wlcrypto" class="button button--graphite ctaB" data-lang-link="urlWlCrypto" data-lang-type="link" data-lang="lng-formSuccessBtn" style="width: 228px">OK</a>
</div>
</div>
</div>
<div class="form-message form-error" style="display: none;">
<div class="form-message__icon">
<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_313_693)">
<path d="M24.5004 45.985C27.4025 45.985 30.2155 45.4173 32.8624 44.2975C35.4202 43.2154 37.7187 41.6662 39.6924 39.6916C41.6662 37.7179 43.2162 35.4194 44.2984 32.8616C45.4181 30.2147 45.9858 27.4017 45.9858 24.4996C45.9858 21.5975 45.4181 18.7845 44.2984 16.1376C43.2162 13.5798 41.667 11.2813 39.6924 9.30759C37.7187 7.33384 35.4202 5.78381 32.8624 4.70164C30.2155 3.58186 27.4025 3.01419 24.5004 3.01419C21.5983 3.01419 18.7853 3.58186 16.1384 4.70164C13.5806 5.78381 11.2821 7.33303 9.3084 9.30759C7.33466 11.2821 5.78463 13.5798 4.70246 16.1376C3.58267 18.7845 3.01501 21.5975 3.01501 24.4996C3.01501 27.4017 3.58267 30.2147 4.70246 32.8616C5.78463 35.4194 7.33385 37.7179 9.3084 39.6916C11.2821 41.6653 13.5806 43.2154 16.1384 44.2975C18.7853 45.4173 21.5983 45.985 24.5004 45.985ZM24.5004 49C10.9689 49 0 38.0311 0 24.4996C0 10.9681 10.9689 -0.000816345 24.5004 -0.000816345C38.0319 -0.000816345 49.0008 10.9681 49.0008 24.4996C49.0008 38.0311 38.0311 49 24.5004 49Z" fill="#ED1C24"/>
<path d="M32.8822 35.2504L13.4259 15.8821L15.553 13.7453L35.0093 33.1136L32.8822 35.2504Z" fill="#ED1C24"/>
<path d="M16.2041 35.2898L14.0674 33.1627L33.4356 13.7063L35.5724 15.8334L16.2041 35.2898Z" fill="#ED1C24"/>
</g>
<defs>
<clipPath id="clip0_313_693">
<rect width="49" height="49" fill="white" transform="matrix(1 0 0 -1 0 49)"/>
</clipPath>
</defs>
</svg>
</div>
<div class="form-message__inner">
<div class="form-message__title titleL" data-lang="lng-formErrorTitle">
Something went wrong
</div>
<div class="form-message__actions">
<p class="button button--red ctaB" data-role="saas2-request-reset" data-lang="lng-formErrorBtn" style="width: 228px">Please try again</p>
</div>
</div>
</div>
<form class="form" action="https://group.quadcode.com/api/lp/saas" data-role="saas2-request" data-name="saas2-request" data-widget="form">
<input type="hidden" name="referrer" value="/lp/saas_wlcrypto" />
<div class="form__title titleL" data-lang="lng-formTitle">Make a shortcut <br> to start your brokerage</div>
<div class="form__container">
<div class="form__wrapper">
<div class="form-field">
<div class="form-field__error">Required</div>
<label for="saas2-request-first_name" class="form-field__label">
<input name="first_name" id="saas2-request-first_name" class="form-field__input defaultB" placeholder="Name" data-lang="lng-InputName" data-lang-type="input">
</label>
</div>
</div>
<div class="form__wrapper">
<div class="form-field">
<div class="form-field__error">Required</div>
<label for="saas2-request-email" class="form-field__label">
<input type="text" name="email" id="saas2-request-email" class="form-field__input defaultB" inputmode="email" placeholder="Email" data-lang="lng-InputEmail" data-lang-type="input">
</label>
</div>
</div>
<div class="form__wrapper">
<div class="form-field">
<div class="form-field__error">Required</div>
<label for=saas2-request-phone class="form-field__label form-field__label--required">
<input name="phone" id="saas2-request-phone" class="form-field__input t-description-1" inputmode="tel" placeholder="Phone">
</label>
</div>
</div>
<div class="form__wrapper recaptcha">
<div class="form-field">
<div id="saas-request-g-recaptcha-response" class="captchaWrapper"></div>
<div class="form-field__error">Required</div>
</div>
</div>
<script>
function recaptchaCallback() {
const reCaptchaOptions = {sitekey: '6LceR2gjAAAAAIY2W8wlNB221ijjeTmLVfuFDma_'};
if (document.querySelector('#saas-request-g-recaptcha-response') !== null) {
window.dataRequestFormCaptcha = grecaptcha.render('saas-request-g-recaptcha-response', reCaptchaOptions);
}
}
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=recaptchaCallback&render=explicit&hl=en" async defer></script>
<button class="button button--red ctaB" data-lang="lng-formButton">Send request</button>
<div class="form__wrapper">
<div class="checkbox">
<span class="checkbox__error">Required</span>
<input type="checkbox" name="terms_agree" id="saas2-request-terms_agree" class="checkbox__input">
<label for="saas2-request-terms_agree" class="checkbox__label">
<span class="checkbox__icon"></span>
<span class="checkbox__text defaultS" data-lang="lng-checkboxConfirm">By sticking the check box I consent with the
<a href="/terms-and-conditions" class="checkbox__link">terms and conditions</a>
and the
<a href="/privacy-policy" class="checkbox__link">policy</a>
of the website
</span>
</label>
</div>
</div>
</div>
</form>
</div>
</div>
</div>