File: //var/www/quadcode/frontend/src/html/lp/white-label-cfd-broker/popupForm.html
<div class="popupForm" data-widget="popup">
<div class="popupFormClose" data-widget="button" data-action="popup">
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 7L7 21M7 7L21 21" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="popupFormInner">
<div class="popupFormContent">
<p class="popupFormTitle">Leave your request now</p>
<p class="popupFormSubtitle">We'll contact you within days</p>
<div class="formField border" data-widget="form" data-name="popup">
<div class="formFieldBorderLeftTop">
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_649_50743" fill="white">
<path d="M0 0H64V64H0V0Z"/>
</mask>
<path d="M0 0V-1H-1V0H0ZM0 1H64V-1H0V1ZM1 64V0H-1V64H1Z" fill="#E72C39" mask="url(#path-1-inside-1_649_50743)"/>
</svg>
</div>
<div class="formFieldBorderLeftBottom">
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_649_50746" fill="white">
<path d="M0 64H64V0H0V64Z"/>
</mask>
<path d="M0 64V65H-1V64H0ZM0 63H64V65H0V63ZM1 0V64H-1V0H1Z" fill="#E72C39" mask="url(#path-1-inside-1_649_50746)"/>
</svg>
</div>
<div class="formFieldBorderRightTop">
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_649_50745" fill="white">
<path d="M64 0H0V64H64V0Z"/>
</mask>
<path d="M64 0V-1H65V0H64ZM64 1H0V-1H64V1ZM63 64V0H65V64H63Z" fill="#E72C39" mask="url(#path-1-inside-1_649_50745)"/>
</svg>
</div>
<div class="formFieldBorderRightBottom">
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_649_50744" fill="white">
<path d="M64 64H0V0H64V64Z"/>
</mask>
<path d="M64 64V65H65V64H64ZM64 63H0V65H64V63ZM63 0V64H65V0H63Z" fill="#E72C39" mask="url(#path-1-inside-1_649_50744)"/>
</svg>
</div>
<div class="formFieldMessage" data-action="form-success">
<div class="formFieldMessageIcon">
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="72" height="72" rx="36" fill="#2B2B2B"/>
<path d="M45.3327 29L32.4993 41.8333L26.666 36" stroke="white" stroke-width="2.24" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<p class="formFieldMessageTitle">Your message was successfully sent</p>
<p class="formFieldMessageSubtitle">Thank you for your interest! Our team will contact you shortly to discuss the details.</p>
<div class="button big icon" data-action="form-success-button">Send one more request</div>
</div>
<div class="formFieldMessage" data-action="form-error">
<div class="formFieldMessageIcon">
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="72" height="72" rx="36" fill="#430000"/>
<g clip-path="url(#clip0_723_12105)">
<g clip-path="url(#clip1_723_12105)">
<g clip-path="url(#clip2_723_12105)">
<g clip-path="url(#clip3_723_12105)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.8905 27.5235C46.2811 27.133 46.2811 26.4998 45.8905 26.1093C45.5 25.7188 44.8669 25.7188 44.4763 26.1093L36 34.5857L27.5236 26.1093C27.1331 25.7188 26.4999 25.7188 26.1094 26.1093C25.7189 26.4998 25.7189 27.133 26.1094 27.5235L34.5858 35.9999L26.1093 44.4763C25.7188 44.8669 25.7188 45.5 26.1093 45.8905C26.4998 46.2811 27.133 46.2811 27.5235 45.8905L36 37.4141L44.4764 45.8905C44.8669 46.2811 45.5001 46.2811 45.8906 45.8905C46.2812 45.5 46.2812 44.8669 45.8906 44.4763L37.4142 35.9999L45.8905 27.5235Z" fill="white"/>
</g>
</g>
</g>
</g>
<defs>
<clipPath id="clip0_723_12105">
<rect width="28" height="28" fill="white" transform="translate(22 22)"/>
</clipPath>
<clipPath id="clip1_723_12105">
<rect width="28" height="28" fill="white" transform="translate(22 22)"/>
</clipPath>
<clipPath id="clip2_723_12105">
<rect width="28" height="28" fill="white" transform="translate(22 22)"/>
</clipPath>
<clipPath id="clip3_723_12105">
<rect width="28" height="28" fill="white" transform="translate(22 22)"/>
</clipPath>
</defs>
</svg>
</div>
<p class="formFieldMessageTitle">Error</p>
<p class="formFieldMessageSubtitle">Sorry, something went wrong. <br> Please, try again later.</p>
<div class="button big icon" data-action="form-error-button">Try again</div>
</div>
<div class="formFieldContent" data-action="form-content">
<div class="formFieldItem">
<label for="first_name-popup" class="inputField">
<span class="inputFieldIcon">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 20C20.4183 20 24 16.4183 24 12C24 7.58172 20.4183 4 16 4C11.5817 4 8 7.58172 8 12C8 16.4183 11.5817 20 16 20Z" stroke="#797979" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.875 27.0001C5.10367 24.8716 6.87104 23.104 8.99944 21.875C11.1278 20.646 13.5423 19.999 16 19.999C18.4577 19.999 20.8722 20.646 23.0006 21.875C25.129 23.104 26.8963 24.8716 28.125 27.0001" stroke="#797979" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="inputFieldLabel">Name</span>
<input type="text" id="first_name-popup" name="first_name" class="inputFieldInput">
</label>
<span id="first_name-popup-error" class="formFieldItemError"></span>
</div>
<div class="formFieldItem">
<label for="email-popup" class="inputField">
<span class="inputFieldIcon">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28 7L16 18L4 7" stroke="#797979" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4 7H28V24C28 24.2652 27.8946 24.5196 27.7071 24.7071C27.5196 24.8946 27.2652 25 27 25H5C4.73478 25 4.48043 24.8946 4.29289 24.7071C4.10536 24.5196 4 24.2652 4 24V7Z" stroke="#797979" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.8125 16L4.3125 24.7125" stroke="#797979" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.6875 24.7125L18.1875 16" stroke="#797979" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="inputFieldLabel">E-mail</span>
<input type="text" id="email-popup" name="email" class="inputFieldInput">
</label>
<span id="email-popup-error" class="formFieldItemError"></span>
</div>
<div class="formFieldItem formFieldItemPhone">
<label for="phone-popup" class="inputField">
<span class="inputFieldIcon">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5625 15.6C12.5915 17.7251 14.3098 19.439 16.4375 20.4625C16.5944 20.5369 16.768 20.569 16.9412 20.5559C17.1143 20.5427 17.2811 20.4847 17.425 20.3875L20.55 18.3C20.6881 18.2064 20.8476 18.1493 21.0137 18.134C21.1799 18.1187 21.3472 18.1457 21.5 18.2125L27.35 20.725C27.5499 20.8083 27.717 20.9549 27.8254 21.1424C27.9338 21.3298 27.9776 21.5477 27.95 21.7625C27.7646 23.2097 27.0582 24.5397 25.9631 25.5038C24.8679 26.4678 23.459 26.9997 22 27C17.4913 27 13.1673 25.209 9.97919 22.0209C6.79107 18.8327 5 14.5087 5 10C5.00033 8.54104 5.53227 7.13214 6.49628 6.03699C7.4603 4.94183 8.79033 4.23546 10.2375 4.05004C10.4523 4.02245 10.6702 4.06623 10.8577 4.17465C11.0452 4.28307 11.1918 4.4501 11.275 4.65004L13.7875 10.5125C13.8528 10.663 13.8802 10.8272 13.8671 10.9907C13.854 11.1541 13.8009 11.3119 13.7125 11.45L11.625 14.625C11.5321 14.7686 11.4775 14.9337 11.4666 15.1044C11.4556 15.2751 11.4887 15.4457 11.5625 15.6V15.6Z" stroke="#797979" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="inputFieldLabel">Phone</span>
<input type="text" id="phone-popup" name="phone" class="inputFieldInput">
</label>
<span id="phone-popup-error" class="formFieldItemError"></span>
</div>
<div class="formFieldItem last">
<label for="terms_agree-popup" class="inputField">
<span class="checkbox">
<input type="checkbox" id="terms_agree-popup" name="terms_agree" class="checkboxInput">
<span class="checkboxIcon"></span>
<span class="checkboxText">
By sticking the checkbox I consent with the
<a href="/terms-and-conditions" target="_blank">Terms and Conditions</a>
and
<a href="/privacy-policy" target="_blank">The policy of the website</a>
</span>
</span>
</label>
<span id="terms_agree-popup-error" class="formFieldItemError"></span>
</div>
<div class="button big icon" data-action="submit">
Request demo
<svg width="29" height="28" viewBox="0 0 29 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_649_50980)">
<g clip-path="url(#clip1_649_50980)">
<path d="M24.125 7.87598L11.875 20.1254L5.75 14.001" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</g>
<defs>
<clipPath id="clip0_649_50980">
<rect width="28" height="28" fill="white" transform="translate(0.5)"/>
</clipPath>
<clipPath id="clip1_649_50980">
<rect width="28" height="28" fill="white" transform="translate(0.5)"/>
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>