demo-shop.digitaldealingdesk.eu
Open in
urlscan Pro
2606:4700:3032::ac43:cd7f
Public Scan
URL:
https://demo-shop.digitaldealingdesk.eu/
Submission: On September 19 via api from US — Scanned from DE
Submission: On September 19 via api from US — Scanned from DE
Form analysis
5 forms found in the DOM<form class="n-form"><!----><!----><!----><!----><button class="n-button n-button--default-type n-button--medium-type n-button--block" tabindex="0" type="button"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-bezier-ease-out:cubic-bezier(0, 0, .2, 1);--n-ripple-duration:.6s;--n-opacity-disabled:0.38;--n-wave-opacity:0.8;font-weight:400;--n-color:#0000;--n-color-hover:#0000;--n-color-pressed:#0000;--n-color-focus:#0000;--n-color-disabled:#0000;--n-ripple-color:#63e2b7;--n-text-color:rgba(255, 255, 255, 0.82);--n-text-color-hover:#7fe7c4;--n-text-color-pressed:#5acea7;--n-text-color-focus:#7fe7c4;--n-text-color-disabled:rgba(255, 255, 255, 0.82);--n-border:1px solid rgba(255, 255, 255, 0.24);--n-border-hover:1px solid #7fe7c4;--n-border-pressed:1px solid #5acea7;--n-border-focus:1px solid #7fe7c4;--n-border-disabled:1px solid rgba(255, 255, 255, 0.24);--n-width:initial;--n-height:34px;--n-font-size:14px;--n-padding:0 14px;--n-icon-size:18px;--n-icon-margin:6px;--n-border-radius:3px;"><!----><!----><span
class="n-button__content"> Go back </span>
<div aria-hidden="true" class="n-base-wave"></div>
<div aria-hidden="true" class="n-button__border" style=""></div>
<div aria-hidden="true" class="n-button__state-border" style=""></div>
</button></form>
<form class="n-form">
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-line-height:1.6;--n-blank-height:34px;--n-label-font-size:14px;--n-label-text-align:flex-start;--n-label-height:26px;--n-label-padding:0 0 6px 2px;--n-label-font-weight:400;--n-asterisk-color:#e88080;--n-label-text-color:rgba(255, 255, 255, 0.9);--n-feedback-padding:4px 0 0 2px;--n-feedback-font-size:14px;--n-feedback-height:24px;--n-feedback-text-color:rgba(255, 255, 255, 0.52);--n-feedback-text-color-warning:#f2c97d;--n-feedback-text-color-error:#e88080;">
<label class="n-form-item-label n-form-item-label--right-mark" style=""><span class="n-form-item-label__text">E-mail</span><!----></label>
<div class="n-form-item-blank">
<div class="n-input n-input--resizable n-input--stateful"
style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-count-text-color: rgba(255, 255, 255, 0.52); --n-count-text-color-disabled: rgba(255, 255, 255, 0.38); --n-color: rgba(255, 255, 255, 0.1); --n-font-size: 14px; --n-border-radius: 3px; --n-height: 34px; --n-padding-left: 12px; --n-padding-right: 12px; --n-text-color: rgba(255, 255, 255, 0.82); --n-caret-color: #63e2b7; --n-text-decoration-color: rgba(255, 255, 255, 0.82); --n-border: 1px solid #0000; --n-border-disabled: 1px solid #0000; --n-border-hover: 1px solid #7fe7c4; --n-border-focus: 1px solid #7fe7c4; --n-placeholder-color: rgba(255, 255, 255, 0.38); --n-placeholder-color-disabled: rgba(255, 255, 255, 0.28); --n-icon-size: 16px; --n-line-height-textarea: 1.6; --n-color-disabled: rgba(255, 255, 255, 0.06); --n-color-focus: rgba(99, 226, 183, 0.1); --n-text-color-disabled: rgba(255, 255, 255, 0.38); --n-box-shadow-focus: 0 0 8px 0 rgba(99, 226, 183, 0.3); --n-loading-color: #63e2b7; --n-caret-color-warning: #f2c97d; --n-color-focus-warning: rgba(242, 201, 125, 0.1); --n-box-shadow-focus-warning: 0 0 8px 0 rgba(242, 201, 125, 0.3); --n-border-warning: 1px solid #f2c97d; --n-border-focus-warning: 1px solid #f5d599; --n-border-hover-warning: 1px solid #f5d599; --n-loading-color-warning: #f2c97d; --n-caret-color-error: #e88080; --n-color-focus-error: rgba(232, 128, 128, 0.1); --n-box-shadow-focus-error: 0 0 8px 0 rgba(232, 128, 128, 0.3); --n-border-error: 1px solid #e88080; --n-border-focus-error: 1px solid #e98b8b; --n-border-hover-error: 1px solid #e98b8b; --n-loading-color-error: #e88080; --n-clear-color: rgba(255, 255, 255, 0.38); --n-clear-size: 16px; --n-clear-color-hover: rgba(255, 255, 255, 0.48); --n-clear-color-pressed: rgba(255, 255, 255, 0.3); --n-icon-color: rgba(255, 255, 255, 0.38); --n-icon-color-hover: rgba(255, 255, 255, 0.475); --n-icon-color-pressed: rgba(255, 255, 255, 0.30400000000000005); --n-icon-color-disabled: rgba(255, 255, 255, 0.28); --n-suffix-text-color: rgba(255, 255, 255, 0.82);">
<div class="n-input-wrapper"><!---->
<div class="n-input__input"><input type="text" class="n-input__input-el" style="" placeholder="Please Input" value="" size="20">
<div class="n-input__placeholder"><span>Please Input</span></div><!---->
</div><!---->
</div><!----><!---->
<div class="n-input__border"></div>
<div class="n-input__state-border"></div><!---->
</div>
</div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-line-height:1.6;--n-blank-height:34px;--n-label-font-size:14px;--n-label-text-align:flex-start;--n-label-height:26px;--n-label-padding:0 0 6px 2px;--n-label-font-weight:400;--n-asterisk-color:#e88080;--n-label-text-color:rgba(255, 255, 255, 0.9);--n-feedback-padding:4px 0 0 2px;--n-feedback-font-size:14px;--n-feedback-height:24px;--n-feedback-text-color:rgba(255, 255, 255, 0.52);--n-feedback-text-color-warning:#f2c97d;--n-feedback-text-color-error:#e88080;">
<!---->
<div class="n-form-item-blank"><button class="n-button n-button--default-type n-button--medium-type n-button--disabled n-button--block" tabindex="-1" type="button"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-bezier-ease-out:cubic-bezier(0, 0, .2, 1);--n-ripple-duration:.6s;--n-opacity-disabled:0.38;--n-wave-opacity:0.8;font-weight:400;--n-color:#0000;--n-color-hover:#0000;--n-color-pressed:#0000;--n-color-focus:#0000;--n-color-disabled:#0000;--n-ripple-color:#63e2b7;--n-text-color:rgba(255, 255, 255, 0.82);--n-text-color-hover:#7fe7c4;--n-text-color-pressed:#5acea7;--n-text-color-focus:#7fe7c4;--n-text-color-disabled:rgba(255, 255, 255, 0.82);--n-border:1px solid rgba(255, 255, 255, 0.24);--n-border-hover:1px solid #7fe7c4;--n-border-pressed:1px solid #5acea7;--n-border-focus:1px solid #7fe7c4;--n-border-disabled:1px solid rgba(255, 255, 255, 0.24);--n-width:initial;--n-height:34px;--n-font-size:14px;--n-padding:0 14px;--n-icon-size:18px;--n-icon-margin:6px;--n-border-radius:3px;"
disabled=""><!----><!----><span class="n-button__content"> Continue </span>
<div aria-hidden="true" class="n-base-wave"></div>
<div aria-hidden="true" class="n-button__border" style=""></div>
<div aria-hidden="true" class="n-button__state-border" style=""></div>
</button></div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
</form>
<form class="n-form">
<div style="margin-bottom:12px;border-radius:8px;overflow:hidden;">
<div role="none" class="n-image"><!--[--><!--[--><img width="100%" src="/croissant.jpg" loading="eager" style="object-fit:fill;" data-error="false" data-preview-src="/croissant.jpg" data-group-id=""><!--]--><!----><!--]--><!----></div>
</div>
<div style="margin-bottom:12px;padding-left:1px;"><b>Croissants</b> x 1</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-line-height:1.6;--n-blank-height:34px;--n-label-font-size:14px;--n-label-text-align:flex-start;--n-label-height:26px;--n-label-padding:0 0 6px 2px;--n-label-font-weight:400;--n-asterisk-color:#e88080;--n-label-text-color:rgba(255, 255, 255, 0.9);--n-feedback-padding:4px 0 0 2px;--n-feedback-font-size:14px;--n-feedback-height:24px;--n-feedback-text-color:rgba(255, 255, 255, 0.52);--n-feedback-text-color-warning:#f2c97d;--n-feedback-text-color-error:#e88080;">
<label class="n-form-item-label n-form-item-label--right-mark" style=""><span class="n-form-item-label__text">Amount</span><span class="n-form-item-label__asterisk"> *</span></label>
<div class="n-form-item-blank">
<div class="n-input-number" style="width:100%;">
<div class="n-input n-input--resizable n-input--stateful"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-count-text-color:rgba(255, 255, 255, 0.52);--n-count-text-color-disabled:rgba(255, 255, 255, 0.38);--n-color:rgba(255, 255, 255, 0.1);--n-font-size:14px;--n-border-radius:3px;--n-height:34px;--n-padding-left:12px;--n-padding-right:8px;--n-text-color:rgba(255, 255, 255, 0.82);--n-caret-color:#63e2b7;--n-text-decoration-color:rgba(255, 255, 255, 0.82);--n-border:1px solid #0000;--n-border-disabled:1px solid #0000;--n-border-hover:1px solid #7fe7c4;--n-border-focus:1px solid #7fe7c4;--n-placeholder-color:rgba(255, 255, 255, 0.38);--n-placeholder-color-disabled:rgba(255, 255, 255, 0.28);--n-icon-size:16px;--n-line-height-textarea:1.6;--n-color-disabled:rgba(255, 255, 255, 0.06);--n-color-focus:rgba(99, 226, 183, 0.1);--n-text-color-disabled:rgba(255, 255, 255, 0.38);--n-box-shadow-focus:0 0 8px 0 rgba(99, 226, 183, 0.3);--n-loading-color:#63e2b7;--n-caret-color-warning:#f2c97d;--n-color-focus-warning:rgba(242, 201, 125, 0.1);--n-box-shadow-focus-warning:0 0 8px 0 rgba(242, 201, 125, 0.3);--n-border-warning:1px solid #f2c97d;--n-border-focus-warning:1px solid #f5d599;--n-border-hover-warning:1px solid #f5d599;--n-loading-color-warning:#f2c97d;--n-caret-color-error:#e88080;--n-color-focus-error:rgba(232, 128, 128, 0.1);--n-box-shadow-focus-error:0 0 8px 0 rgba(232, 128, 128, 0.3);--n-border-error:1px solid #e88080;--n-border-focus-error:1px solid #e98b8b;--n-border-hover-error:1px solid #e98b8b;--n-loading-color-error:#e88080;--n-clear-color:rgba(255, 255, 255, 0.38);--n-clear-size:16px;--n-clear-color-hover:rgba(255, 255, 255, 0.48);--n-clear-color-pressed:rgba(255, 255, 255, 0.3);--n-icon-color:rgba(255, 255, 255, 0.38);--n-icon-color-hover:rgba(255, 255, 255, 0.475);--n-icon-color-pressed:rgba(255, 255, 255, 0.30400000000000005);--n-icon-color-disabled:rgba(255, 255, 255, 0.28);--n-suffix-text-color:rgba(255, 255, 255, 0.82);">
<div class="n-input-wrapper">
<div class="n-input__prefix"> € </div>
<div class="n-input__input"><input type="text" class="n-input__input-el" style="" placeholder="Please Input" value="10" size="20"><!----><!----></div><!---->
</div><!----><!---->
<div class="n-input__border"></div>
<div class="n-input__state-border"></div><!---->
</div>
</div>
</div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-line-height: 1.6; --n-blank-height: 34px; --n-label-font-size: 14px; --n-label-text-align: flex-start; --n-label-height: 26px; --n-label-padding: 0 0 6px 2px; --n-label-font-weight: 400; --n-asterisk-color: #e88080; --n-label-text-color: rgba(255, 255, 255, 0.9); --n-feedback-padding: 4px 0 0 2px; --n-feedback-font-size: 14px; --n-feedback-height: 24px; --n-feedback-text-color: rgba(255, 255, 255, 0.52); --n-feedback-text-color-warning: #f2c97d; --n-feedback-text-color-error: #e88080; margin-bottom: -24px;">
<label class="n-form-item-label n-form-item-label--right-mark" style=""><span class="n-form-item-label__text">Description</span><!----></label>
<div class="n-form-item-blank">
<div class="n-input n-input--textarea n-input--resizable n-input--stateful"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-count-text-color:rgba(255, 255, 255, 0.52);--n-count-text-color-disabled:rgba(255, 255, 255, 0.38);--n-color:rgba(255, 255, 255, 0.1);--n-font-size:14px;--n-border-radius:3px;--n-height:34px;--n-padding-left:12px;--n-padding-right:12px;--n-text-color:rgba(255, 255, 255, 0.82);--n-caret-color:#63e2b7;--n-text-decoration-color:rgba(255, 255, 255, 0.82);--n-border:1px solid #0000;--n-border-disabled:1px solid #0000;--n-border-hover:1px solid #7fe7c4;--n-border-focus:1px solid #7fe7c4;--n-placeholder-color:rgba(255, 255, 255, 0.38);--n-placeholder-color-disabled:rgba(255, 255, 255, 0.28);--n-icon-size:16px;--n-line-height-textarea:1.6;--n-color-disabled:rgba(255, 255, 255, 0.06);--n-color-focus:rgba(99, 226, 183, 0.1);--n-text-color-disabled:rgba(255, 255, 255, 0.38);--n-box-shadow-focus:0 0 8px 0 rgba(99, 226, 183, 0.3);--n-loading-color:#63e2b7;--n-caret-color-warning:#f2c97d;--n-color-focus-warning:rgba(242, 201, 125, 0.1);--n-box-shadow-focus-warning:0 0 8px 0 rgba(242, 201, 125, 0.3);--n-border-warning:1px solid #f2c97d;--n-border-focus-warning:1px solid #f5d599;--n-border-hover-warning:1px solid #f5d599;--n-loading-color-warning:#f2c97d;--n-caret-color-error:#e88080;--n-color-focus-error:rgba(232, 128, 128, 0.1);--n-box-shadow-focus-error:0 0 8px 0 rgba(232, 128, 128, 0.3);--n-border-error:1px solid #e88080;--n-border-focus-error:1px solid #e98b8b;--n-border-hover-error:1px solid #e98b8b;--n-loading-color-error:#e88080;--n-clear-color:rgba(255, 255, 255, 0.38);--n-clear-size:16px;--n-clear-color-hover:rgba(255, 255, 255, 0.48);--n-clear-color-pressed:rgba(255, 255, 255, 0.3);--n-icon-color:rgba(255, 255, 255, 0.38);--n-icon-color-hover:rgba(255, 255, 255, 0.475);--n-icon-color-pressed:rgba(255, 255, 255, 0.30400000000000005);--n-icon-color-disabled:rgba(255, 255, 255, 0.28);--n-suffix-text-color:rgba(255, 255, 255, 0.82);">
<div class="n-input-wrapper"><!----><!--[-->
<div class="n-input__textarea n-scrollbar" role="none"
style="--n-scrollbar-bezier:cubic-bezier(.4, 0, .2, 1);--n-scrollbar-color:rgba(255, 255, 255, 0.2);--n-scrollbar-color-hover:rgba(255, 255, 255, 0.3);--n-scrollbar-border-radius:5px;--n-scrollbar-width:5px;--n-scrollbar-height:5px;--n-scrollbar-rail-inset-horizontal:auto 2px 4px 2px;--n-scrollbar-rail-inset-vertical:2px 4px 2px auto;--n-scrollbar-rail-color:transparent;">
<!--[--><!--[--><textarea class="n-input__textarea-el" rows="3" style="">Indulge in the buttery, flaky goodness of our freshly baked croissants.</textarea><!----><!----><!--]--><!--]--><!----><!----></div>
<div class="n-scrollbar-rail n-scrollbar-rail--vertical n-scrollbar-rail--disabled" data-scrollbar-rail="true"
style="--n-scrollbar-bezier:cubic-bezier(.4, 0, .2, 1);--n-scrollbar-color:rgba(255, 255, 255, 0.2);--n-scrollbar-color-hover:rgba(255, 255, 255, 0.3);--n-scrollbar-border-radius:5px;--n-scrollbar-width:5px;--n-scrollbar-height:5px;--n-scrollbar-rail-inset-horizontal:auto 2px 4px 2px;--n-scrollbar-rail-inset-vertical:2px 4px 2px auto;--n-scrollbar-rail-color:transparent;"
aria-hidden="true"><!----></div><!--]--><!---->
</div><!----><!---->
<div class="n-input__border"></div>
<div class="n-input__state-border"></div><!---->
</div>
</div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
<div role="separator" class="n-divider n-divider--no-title" style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-color:rgba(255, 255, 255, 0.09);--n-text-color:rgba(255, 255, 255, 0.9);--n-font-weight:500;">
<div class="n-divider__line n-divider__line--left"></div><!---->
</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-line-height: 1.6; --n-blank-height: 34px; --n-label-font-size: 14px; --n-label-text-align: flex-start; --n-label-height: 26px; --n-label-padding: 0 0 6px 2px; --n-label-font-weight: 400; --n-asterisk-color: #e88080; --n-label-text-color: rgba(255, 255, 255, 0.9); --n-feedback-padding: 4px 0 0 2px; --n-feedback-font-size: 14px; --n-feedback-height: 24px; --n-feedback-text-color: rgba(255, 255, 255, 0.52); --n-feedback-text-color-warning: #f2c97d; --n-feedback-text-color-error: #e88080; margin-bottom: -24px;">
<label class="n-form-item-label n-form-item-label--right-mark" style=""><span class="n-form-item-label__text">Payment Method</span><!----></label>
<div class="n-form-item-blank"><label class="n-radio n-radio--checked"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-label-line-height:1.6;--n-label-font-weight:400;--n-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.24);--n-box-shadow-active:inset 0 0 0 1px #63e2b7;--n-box-shadow-disabled:inset 0 0 0 1px rgba(255, 255, 255, 0.24);--n-box-shadow-focus:inset 0 0 0 1px #63e2b7, 0 0 0 2px rgba(99, 226, 183, 0.3);--n-box-shadow-hover:inset 0 0 0 1px #63e2b7;--n-color:#0000;--n-color-active:#0000;--n-color-disabled:rgba(255, 255, 255, 0.06);--n-dot-color-active:#63e2b7;--n-dot-color-disabled:rgba(255, 255, 255, 0.24);--n-font-size:14px;--n-radio-size:16px;--n-text-color:rgba(255, 255, 255, 0.82);--n-text-color-disabled:rgba(255, 255, 255, 0.38);--n-label-padding:0 8px;"><input
type="radio" class="n-radio-input" value="on" checked="">
<div class="n-radio__dot-wrapper"> <div class="n-radio__dot n-radio__dot--checked"></div>
</div>
<div class="n-radio__label">Digital Dealing Desk</div>
</label><label class="n-radio n-radio--disabled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-label-line-height:1.6;--n-label-font-weight:400;--n-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.24);--n-box-shadow-active:inset 0 0 0 1px #63e2b7;--n-box-shadow-disabled:inset 0 0 0 1px rgba(255, 255, 255, 0.24);--n-box-shadow-focus:inset 0 0 0 1px #63e2b7, 0 0 0 2px rgba(99, 226, 183, 0.3);--n-box-shadow-hover:inset 0 0 0 1px #63e2b7;--n-color:#0000;--n-color-active:#0000;--n-color-disabled:rgba(255, 255, 255, 0.06);--n-dot-color-active:#63e2b7;--n-dot-color-disabled:rgba(255, 255, 255, 0.24);--n-font-size:14px;--n-radio-size:16px;--n-text-color:rgba(255, 255, 255, 0.82);--n-text-color-disabled:rgba(255, 255, 255, 0.38);--n-label-padding:0 8px;"><input
type="radio" class="n-radio-input" value="on" disabled="">
<div class="n-radio__dot-wrapper"> <div class="n-radio__dot"></div>
</div>
<div class="n-radio__label">Stripe</div>
</label><label class="n-radio n-radio--disabled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-label-line-height:1.6;--n-label-font-weight:400;--n-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.24);--n-box-shadow-active:inset 0 0 0 1px #63e2b7;--n-box-shadow-disabled:inset 0 0 0 1px rgba(255, 255, 255, 0.24);--n-box-shadow-focus:inset 0 0 0 1px #63e2b7, 0 0 0 2px rgba(99, 226, 183, 0.3);--n-box-shadow-hover:inset 0 0 0 1px #63e2b7;--n-color:#0000;--n-color-active:#0000;--n-color-disabled:rgba(255, 255, 255, 0.06);--n-dot-color-active:#63e2b7;--n-dot-color-disabled:rgba(255, 255, 255, 0.24);--n-font-size:14px;--n-radio-size:16px;--n-text-color:rgba(255, 255, 255, 0.82);--n-text-color-disabled:rgba(255, 255, 255, 0.38);--n-label-padding:0 8px;"><input
type="radio" class="n-radio-input" value="on" disabled="">
<div class="n-radio__dot-wrapper"> <div class="n-radio__dot"></div>
</div>
<div class="n-radio__label">Debit Card</div>
</label></div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
<div role="separator" class="n-divider n-divider--no-title" style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-color:rgba(255, 255, 255, 0.09);--n-text-color:rgba(255, 255, 255, 0.9);--n-font-weight:500;">
<div class="n-divider__line n-divider__line--left"></div><!---->
</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-line-height:1.6;--n-blank-height:34px;--n-label-font-size:14px;--n-label-text-align:flex-start;--n-label-height:26px;--n-label-padding:0 0 6px 2px;--n-label-font-weight:400;--n-asterisk-color:#e88080;--n-label-text-color:rgba(255, 255, 255, 0.9);--n-feedback-padding:4px 0 0 2px;--n-feedback-font-size:14px;--n-feedback-height:24px;--n-feedback-text-color:rgba(255, 255, 255, 0.52);--n-feedback-text-color-warning:#f2c97d;--n-feedback-text-color-error:#e88080;">
<label class="n-form-item-label n-form-item-label--right-mark" style=""><span class="n-form-item-label__text">E-mail</span><span class="n-form-item-label__asterisk"> *</span></label>
<div class="n-form-item-blank">
<div class="n-input n-input--resizable n-input--stateful"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-count-text-color:rgba(255, 255, 255, 0.52);--n-count-text-color-disabled:rgba(255, 255, 255, 0.38);--n-color:rgba(255, 255, 255, 0.1);--n-font-size:14px;--n-border-radius:3px;--n-height:34px;--n-padding-left:12px;--n-padding-right:12px;--n-text-color:rgba(255, 255, 255, 0.82);--n-caret-color:#63e2b7;--n-text-decoration-color:rgba(255, 255, 255, 0.82);--n-border:1px solid #0000;--n-border-disabled:1px solid #0000;--n-border-hover:1px solid #7fe7c4;--n-border-focus:1px solid #7fe7c4;--n-placeholder-color:rgba(255, 255, 255, 0.38);--n-placeholder-color-disabled:rgba(255, 255, 255, 0.28);--n-icon-size:16px;--n-line-height-textarea:1.6;--n-color-disabled:rgba(255, 255, 255, 0.06);--n-color-focus:rgba(99, 226, 183, 0.1);--n-text-color-disabled:rgba(255, 255, 255, 0.38);--n-box-shadow-focus:0 0 8px 0 rgba(99, 226, 183, 0.3);--n-loading-color:#63e2b7;--n-caret-color-warning:#f2c97d;--n-color-focus-warning:rgba(242, 201, 125, 0.1);--n-box-shadow-focus-warning:0 0 8px 0 rgba(242, 201, 125, 0.3);--n-border-warning:1px solid #f2c97d;--n-border-focus-warning:1px solid #f5d599;--n-border-hover-warning:1px solid #f5d599;--n-loading-color-warning:#f2c97d;--n-caret-color-error:#e88080;--n-color-focus-error:rgba(232, 128, 128, 0.1);--n-box-shadow-focus-error:0 0 8px 0 rgba(232, 128, 128, 0.3);--n-border-error:1px solid #e88080;--n-border-focus-error:1px solid #e98b8b;--n-border-hover-error:1px solid #e98b8b;--n-loading-color-error:#e88080;--n-clear-color:rgba(255, 255, 255, 0.38);--n-clear-size:16px;--n-clear-color-hover:rgba(255, 255, 255, 0.48);--n-clear-color-pressed:rgba(255, 255, 255, 0.3);--n-icon-color:rgba(255, 255, 255, 0.38);--n-icon-color-hover:rgba(255, 255, 255, 0.475);--n-icon-color-pressed:rgba(255, 255, 255, 0.30400000000000005);--n-icon-color-disabled:rgba(255, 255, 255, 0.28);--n-suffix-text-color:rgba(255, 255, 255, 0.82);">
<div class="n-input-wrapper"><!---->
<div class="n-input__input"><input type="text" class="n-input__input-el" style="" placeholder="Please Input" value="" size="20">
<div class="n-input__placeholder"><span>Please Input</span></div><!---->
</div><!---->
</div><!----><!---->
<div class="n-input__border"></div>
<div class="n-input__state-border"></div><!---->
</div>
</div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-line-height:1.6;--n-blank-height:34px;--n-label-font-size:14px;--n-label-text-align:flex-start;--n-label-height:26px;--n-label-padding:0 0 6px 2px;--n-label-font-weight:400;--n-asterisk-color:#e88080;--n-label-text-color:rgba(255, 255, 255, 0.9);--n-feedback-padding:4px 0 0 2px;--n-feedback-font-size:14px;--n-feedback-height:24px;--n-feedback-text-color:rgba(255, 255, 255, 0.52);--n-feedback-text-color-warning:#f2c97d;--n-feedback-text-color-error:#e88080;">
<label class="n-form-item-label n-form-item-label--right-mark" style=""><span class="n-form-item-label__text">First Name</span><span class="n-form-item-label__asterisk"> *</span></label>
<div class="n-form-item-blank">
<div class="n-input n-input--resizable n-input--stateful"
style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-count-text-color: rgba(255, 255, 255, 0.52); --n-count-text-color-disabled: rgba(255, 255, 255, 0.38); --n-color: rgba(255, 255, 255, 0.1); --n-font-size: 14px; --n-border-radius: 3px; --n-height: 34px; --n-padding-left: 12px; --n-padding-right: 12px; --n-text-color: rgba(255, 255, 255, 0.82); --n-caret-color: #63e2b7; --n-text-decoration-color: rgba(255, 255, 255, 0.82); --n-border: 1px solid #0000; --n-border-disabled: 1px solid #0000; --n-border-hover: 1px solid #7fe7c4; --n-border-focus: 1px solid #7fe7c4; --n-placeholder-color: rgba(255, 255, 255, 0.38); --n-placeholder-color-disabled: rgba(255, 255, 255, 0.28); --n-icon-size: 16px; --n-line-height-textarea: 1.6; --n-color-disabled: rgba(255, 255, 255, 0.06); --n-color-focus: rgba(99, 226, 183, 0.1); --n-text-color-disabled: rgba(255, 255, 255, 0.38); --n-box-shadow-focus: 0 0 8px 0 rgba(99, 226, 183, 0.3); --n-loading-color: #63e2b7; --n-caret-color-warning: #f2c97d; --n-color-focus-warning: rgba(242, 201, 125, 0.1); --n-box-shadow-focus-warning: 0 0 8px 0 rgba(242, 201, 125, 0.3); --n-border-warning: 1px solid #f2c97d; --n-border-focus-warning: 1px solid #f5d599; --n-border-hover-warning: 1px solid #f5d599; --n-loading-color-warning: #f2c97d; --n-caret-color-error: #e88080; --n-color-focus-error: rgba(232, 128, 128, 0.1); --n-box-shadow-focus-error: 0 0 8px 0 rgba(232, 128, 128, 0.3); --n-border-error: 1px solid #e88080; --n-border-focus-error: 1px solid #e98b8b; --n-border-hover-error: 1px solid #e98b8b; --n-loading-color-error: #e88080; --n-clear-color: rgba(255, 255, 255, 0.38); --n-clear-size: 16px; --n-clear-color-hover: rgba(255, 255, 255, 0.48); --n-clear-color-pressed: rgba(255, 255, 255, 0.3); --n-icon-color: rgba(255, 255, 255, 0.38); --n-icon-color-hover: rgba(255, 255, 255, 0.475); --n-icon-color-pressed: rgba(255, 255, 255, 0.30400000000000005); --n-icon-color-disabled: rgba(255, 255, 255, 0.28); --n-suffix-text-color: rgba(255, 255, 255, 0.82);">
<div class="n-input-wrapper"><!---->
<div class="n-input__input"><input type="text" class="n-input__input-el" style="" placeholder="Please Input" value="" size="20">
<div class="n-input__placeholder"><span>Please Input</span></div><!---->
</div><!---->
</div><!----><!---->
<div class="n-input__border"></div>
<div class="n-input__state-border"></div><!---->
</div>
</div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-line-height:1.6;--n-blank-height:34px;--n-label-font-size:14px;--n-label-text-align:flex-start;--n-label-height:26px;--n-label-padding:0 0 6px 2px;--n-label-font-weight:400;--n-asterisk-color:#e88080;--n-label-text-color:rgba(255, 255, 255, 0.9);--n-feedback-padding:4px 0 0 2px;--n-feedback-font-size:14px;--n-feedback-height:24px;--n-feedback-text-color:rgba(255, 255, 255, 0.52);--n-feedback-text-color-warning:#f2c97d;--n-feedback-text-color-error:#e88080;">
<label class="n-form-item-label n-form-item-label--right-mark" style=""><span class="n-form-item-label__text">Last Name</span><span class="n-form-item-label__asterisk"> *</span></label>
<div class="n-form-item-blank">
<div class="n-input n-input--resizable n-input--stateful"
style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-count-text-color: rgba(255, 255, 255, 0.52); --n-count-text-color-disabled: rgba(255, 255, 255, 0.38); --n-color: rgba(255, 255, 255, 0.1); --n-font-size: 14px; --n-border-radius: 3px; --n-height: 34px; --n-padding-left: 12px; --n-padding-right: 12px; --n-text-color: rgba(255, 255, 255, 0.82); --n-caret-color: #63e2b7; --n-text-decoration-color: rgba(255, 255, 255, 0.82); --n-border: 1px solid #0000; --n-border-disabled: 1px solid #0000; --n-border-hover: 1px solid #7fe7c4; --n-border-focus: 1px solid #7fe7c4; --n-placeholder-color: rgba(255, 255, 255, 0.38); --n-placeholder-color-disabled: rgba(255, 255, 255, 0.28); --n-icon-size: 16px; --n-line-height-textarea: 1.6; --n-color-disabled: rgba(255, 255, 255, 0.06); --n-color-focus: rgba(99, 226, 183, 0.1); --n-text-color-disabled: rgba(255, 255, 255, 0.38); --n-box-shadow-focus: 0 0 8px 0 rgba(99, 226, 183, 0.3); --n-loading-color: #63e2b7; --n-caret-color-warning: #f2c97d; --n-color-focus-warning: rgba(242, 201, 125, 0.1); --n-box-shadow-focus-warning: 0 0 8px 0 rgba(242, 201, 125, 0.3); --n-border-warning: 1px solid #f2c97d; --n-border-focus-warning: 1px solid #f5d599; --n-border-hover-warning: 1px solid #f5d599; --n-loading-color-warning: #f2c97d; --n-caret-color-error: #e88080; --n-color-focus-error: rgba(232, 128, 128, 0.1); --n-box-shadow-focus-error: 0 0 8px 0 rgba(232, 128, 128, 0.3); --n-border-error: 1px solid #e88080; --n-border-focus-error: 1px solid #e98b8b; --n-border-hover-error: 1px solid #e98b8b; --n-loading-color-error: #e88080; --n-clear-color: rgba(255, 255, 255, 0.38); --n-clear-size: 16px; --n-clear-color-hover: rgba(255, 255, 255, 0.48); --n-clear-color-pressed: rgba(255, 255, 255, 0.3); --n-icon-color: rgba(255, 255, 255, 0.38); --n-icon-color-hover: rgba(255, 255, 255, 0.475); --n-icon-color-pressed: rgba(255, 255, 255, 0.30400000000000005); --n-icon-color-disabled: rgba(255, 255, 255, 0.28); --n-suffix-text-color: rgba(255, 255, 255, 0.82);">
<div class="n-input-wrapper"><!---->
<div class="n-input__input"><input type="text" class="n-input__input-el" style="" placeholder="Please Input" value="" size="20">
<div class="n-input__placeholder"><span>Please Input</span></div><!---->
</div><!---->
</div><!----><!---->
<div class="n-input__border"></div>
<div class="n-input__state-border"></div><!---->
</div>
</div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-line-height: 1.6; --n-blank-height: 34px; --n-label-font-size: 14px; --n-label-text-align: flex-start; --n-label-height: 26px; --n-label-padding: 0 0 6px 2px; --n-label-font-weight: 400; --n-asterisk-color: #e88080; --n-label-text-color: rgba(255, 255, 255, 0.9); --n-feedback-padding: 4px 0 0 2px; --n-feedback-font-size: 14px; --n-feedback-height: 24px; --n-feedback-text-color: rgba(255, 255, 255, 0.52); --n-feedback-text-color-warning: #f2c97d; --n-feedback-text-color-error: #e88080; margin-bottom: -24px;">
<label class="n-form-item-label n-form-item-label--right-mark" style=""><span class="n-form-item-label__text">Birthday</span><span class="n-form-item-label__asterisk"> *</span></label>
<div class="n-form-item-blank">
<div class="n-date-picker" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-icon-color-override: rgba(255, 255, 255, 0.38); --n-icon-color-disabled-override: rgba(255, 255, 255, 0.28); width: 100%;"><!--[-->
<div class="n-input n-input--resizable n-input--stateful"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-count-text-color:rgba(255, 255, 255, 0.52);--n-count-text-color-disabled:rgba(255, 255, 255, 0.38);--n-color:rgba(255, 255, 255, 0.1);--n-font-size:14px;--n-border-radius:3px;--n-height:34px;--n-padding-left:12px;--n-padding-right:12px;--n-text-color:rgba(255, 255, 255, 0.82);--n-caret-color:#63e2b7;--n-text-decoration-color:rgba(255, 255, 255, 0.82);--n-border:1px solid #0000;--n-border-disabled:1px solid #0000;--n-border-hover:1px solid #7fe7c4;--n-border-focus:1px solid #7fe7c4;--n-placeholder-color:rgba(255, 255, 255, 0.38);--n-placeholder-color-disabled:rgba(255, 255, 255, 0.28);--n-icon-size:16px;--n-line-height-textarea:1.6;--n-color-disabled:rgba(255, 255, 255, 0.06);--n-color-focus:rgba(99, 226, 183, 0.1);--n-text-color-disabled:rgba(255, 255, 255, 0.38);--n-box-shadow-focus:0 0 8px 0 rgba(99, 226, 183, 0.3);--n-loading-color:#63e2b7;--n-caret-color-warning:#f2c97d;--n-color-focus-warning:rgba(242, 201, 125, 0.1);--n-box-shadow-focus-warning:0 0 8px 0 rgba(242, 201, 125, 0.3);--n-border-warning:1px solid #f2c97d;--n-border-focus-warning:1px solid #f5d599;--n-border-hover-warning:1px solid #f5d599;--n-loading-color-warning:#f2c97d;--n-caret-color-error:#e88080;--n-color-focus-error:rgba(232, 128, 128, 0.1);--n-box-shadow-focus-error:0 0 8px 0 rgba(232, 128, 128, 0.3);--n-border-error:1px solid #e88080;--n-border-focus-error:1px solid #e98b8b;--n-border-hover-error:1px solid #e98b8b;--n-loading-color-error:#e88080;--n-clear-color:rgba(255, 255, 255, 0.38);--n-clear-size:16px;--n-clear-color-hover:rgba(255, 255, 255, 0.48);--n-clear-color-pressed:rgba(255, 255, 255, 0.3);--n-icon-color:rgba(255, 255, 255, 0.38);--n-icon-color-hover:rgba(255, 255, 255, 0.475);--n-icon-color-pressed:rgba(255, 255, 255, 0.30400000000000005);--n-icon-color-disabled:rgba(255, 255, 255, 0.28);--n-suffix-text-color:rgba(255, 255, 255, 0.82);"
tabindex="0">
<div class="n-input-wrapper"><!---->
<div class="n-input__input"><input type="text" class="n-input__input-el" style="" tabindex="-1" placeholder="Select Date" value="" size="20">
<div class="n-input__placeholder"><span>Select Date</span></div><!---->
</div>
<div class="n-input__suffix">
<!----><!----><!----><!--[--><i class="n-base-icon n-date-picker-icon"><svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill-rule="evenodd"><g fill-rule="nonzero"><path d="M21.75,3 C23.5449254,3 25,4.45507456 25,6.25 L25,21.75 C25,23.5449254 23.5449254,25 21.75,25 L6.25,25 C4.45507456,25 3,23.5449254 3,21.75 L3,6.25 C3,4.45507456 4.45507456,3 6.25,3 L21.75,3 Z M23.5,9.503 L4.5,9.503 L4.5,21.75 C4.5,22.7164983 5.28350169,23.5 6.25,23.5 L21.75,23.5 C22.7164983,23.5 23.5,22.7164983 23.5,21.75 L23.5,9.503 Z M21.75,4.5 L6.25,4.5 C5.28350169,4.5 4.5,5.28350169 4.5,6.25 L4.5,8.003 L23.5,8.003 L23.5,6.25 C23.5,5.28350169 22.7164983,4.5 21.75,4.5 Z"></path></g></g></svg></i><!--]--><!----><!---->
</div>
</div><!----><!---->
<div class="n-input__border"></div>
<div class="n-input__state-border"></div><!---->
</div><!----><!--]-->
</div>
</div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-line-height:1.6;--n-blank-height:34px;--n-label-font-size:14px;--n-label-text-align:flex-start;--n-label-height:26px;--n-label-padding:0 0 6px 2px;--n-label-font-weight:400;--n-asterisk-color:#e88080;--n-label-text-color:rgba(255, 255, 255, 0.9);--n-feedback-padding:4px 0 0 2px;--n-feedback-font-size:14px;--n-feedback-height:24px;--n-feedback-text-color:rgba(255, 255, 255, 0.52);--n-feedback-text-color-warning:#f2c97d;--n-feedback-text-color-error:#e88080;">
<!---->
<div class="n-form-item-blank"><button class="n-button n-button--default-type n-button--medium-type n-button--disabled n-button--block" tabindex="-1" type="button"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-bezier-ease-out:cubic-bezier(0, 0, .2, 1);--n-ripple-duration:.6s;--n-opacity-disabled:0.38;--n-wave-opacity:0.8;font-weight:400;--n-color:#0000;--n-color-hover:#0000;--n-color-pressed:#0000;--n-color-focus:#0000;--n-color-disabled:#0000;--n-ripple-color:#63e2b7;--n-text-color:rgba(255, 255, 255, 0.82);--n-text-color-hover:#7fe7c4;--n-text-color-pressed:#5acea7;--n-text-color-focus:#7fe7c4;--n-text-color-disabled:rgba(255, 255, 255, 0.82);--n-border:1px solid rgba(255, 255, 255, 0.24);--n-border-hover:1px solid #7fe7c4;--n-border-pressed:1px solid #5acea7;--n-border-focus:1px solid #7fe7c4;--n-border-disabled:1px solid rgba(255, 255, 255, 0.24);--n-width:initial;--n-height:34px;--n-font-size:14px;--n-padding:0 14px;--n-icon-size:18px;--n-icon-margin:6px;--n-border-radius:3px;"
disabled=""><!----><!----><span class="n-button__content"> Submit payment </span>
<div aria-hidden="true" class="n-base-wave"></div>
<div aria-hidden="true" class="n-button__border" style=""></div>
<div aria-hidden="true" class="n-button__state-border" style=""></div>
</button></div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
</form>
<form class="n-form"><!----><!----><!----><!----><button class="n-button n-button--default-type n-button--medium-type n-button--block" tabindex="0" type="button"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-bezier-ease-out:cubic-bezier(0, 0, .2, 1);--n-ripple-duration:.6s;--n-opacity-disabled:0.38;--n-wave-opacity:0.8;font-weight:400;--n-color:#0000;--n-color-hover:#0000;--n-color-pressed:#0000;--n-color-focus:#0000;--n-color-disabled:#0000;--n-ripple-color:#63e2b7;--n-text-color:rgba(255, 255, 255, 0.82);--n-text-color-hover:#7fe7c4;--n-text-color-pressed:#5acea7;--n-text-color-focus:#7fe7c4;--n-text-color-disabled:rgba(255, 255, 255, 0.82);--n-border:1px solid rgba(255, 255, 255, 0.24);--n-border-hover:1px solid #7fe7c4;--n-border-pressed:1px solid #5acea7;--n-border-focus:1px solid #7fe7c4;--n-border-disabled:1px solid rgba(255, 255, 255, 0.24);--n-width:initial;--n-height:34px;--n-font-size:14px;--n-padding:0 14px;--n-icon-size:18px;--n-icon-margin:6px;--n-border-radius:3px;"><!----><!----><span
class="n-button__content"> Go back </span>
<div aria-hidden="true" class="n-base-wave"></div>
<div aria-hidden="true" class="n-button__border" style=""></div>
<div aria-hidden="true" class="n-button__state-border" style=""></div>
</button></form>
<form class="n-form">
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-line-height:1.6;--n-blank-height:34px;--n-label-font-size:14px;--n-label-text-align:flex-start;--n-label-height:26px;--n-label-padding:0 0 6px 2px;--n-label-font-weight:400;--n-asterisk-color:#e88080;--n-label-text-color:rgba(255, 255, 255, 0.9);--n-feedback-padding:4px 0 0 2px;--n-feedback-font-size:14px;--n-feedback-height:24px;--n-feedback-text-color:rgba(255, 255, 255, 0.52);--n-feedback-text-color-warning:#f2c97d;--n-feedback-text-color-error:#e88080;">
<label class="n-form-item-label n-form-item-label--right-mark" style=""><span class="n-form-item-label__text">E-mail</span><!----></label>
<div class="n-form-item-blank">
<div class="n-input n-input--resizable n-input--stateful"
style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-count-text-color: rgba(255, 255, 255, 0.52); --n-count-text-color-disabled: rgba(255, 255, 255, 0.38); --n-color: rgba(255, 255, 255, 0.1); --n-font-size: 14px; --n-border-radius: 3px; --n-height: 34px; --n-padding-left: 12px; --n-padding-right: 12px; --n-text-color: rgba(255, 255, 255, 0.82); --n-caret-color: #63e2b7; --n-text-decoration-color: rgba(255, 255, 255, 0.82); --n-border: 1px solid #0000; --n-border-disabled: 1px solid #0000; --n-border-hover: 1px solid #7fe7c4; --n-border-focus: 1px solid #7fe7c4; --n-placeholder-color: rgba(255, 255, 255, 0.38); --n-placeholder-color-disabled: rgba(255, 255, 255, 0.28); --n-icon-size: 16px; --n-line-height-textarea: 1.6; --n-color-disabled: rgba(255, 255, 255, 0.06); --n-color-focus: rgba(99, 226, 183, 0.1); --n-text-color-disabled: rgba(255, 255, 255, 0.38); --n-box-shadow-focus: 0 0 8px 0 rgba(99, 226, 183, 0.3); --n-loading-color: #63e2b7; --n-caret-color-warning: #f2c97d; --n-color-focus-warning: rgba(242, 201, 125, 0.1); --n-box-shadow-focus-warning: 0 0 8px 0 rgba(242, 201, 125, 0.3); --n-border-warning: 1px solid #f2c97d; --n-border-focus-warning: 1px solid #f5d599; --n-border-hover-warning: 1px solid #f5d599; --n-loading-color-warning: #f2c97d; --n-caret-color-error: #e88080; --n-color-focus-error: rgba(232, 128, 128, 0.1); --n-box-shadow-focus-error: 0 0 8px 0 rgba(232, 128, 128, 0.3); --n-border-error: 1px solid #e88080; --n-border-focus-error: 1px solid #e98b8b; --n-border-hover-error: 1px solid #e98b8b; --n-loading-color-error: #e88080; --n-clear-color: rgba(255, 255, 255, 0.38); --n-clear-size: 16px; --n-clear-color-hover: rgba(255, 255, 255, 0.48); --n-clear-color-pressed: rgba(255, 255, 255, 0.3); --n-icon-color: rgba(255, 255, 255, 0.38); --n-icon-color-hover: rgba(255, 255, 255, 0.475); --n-icon-color-pressed: rgba(255, 255, 255, 0.30400000000000005); --n-icon-color-disabled: rgba(255, 255, 255, 0.28); --n-suffix-text-color: rgba(255, 255, 255, 0.82);">
<div class="n-input-wrapper"><!---->
<div class="n-input__input"><input type="text" class="n-input__input-el" style="" placeholder="Please Input" value="" size="20">
<div class="n-input__placeholder"><span>Please Input</span></div><!---->
</div><!---->
</div><!----><!---->
<div class="n-input__border"></div>
<div class="n-input__state-border"></div><!---->
</div>
</div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
<div class="n-form-item n-form-item--medium-size n-form-item--top-labelled"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-line-height:1.6;--n-blank-height:34px;--n-label-font-size:14px;--n-label-text-align:flex-start;--n-label-height:26px;--n-label-padding:0 0 6px 2px;--n-label-font-weight:400;--n-asterisk-color:#e88080;--n-label-text-color:rgba(255, 255, 255, 0.9);--n-feedback-padding:4px 0 0 2px;--n-feedback-font-size:14px;--n-feedback-height:24px;--n-feedback-text-color:rgba(255, 255, 255, 0.52);--n-feedback-text-color-warning:#f2c97d;--n-feedback-text-color-error:#e88080;">
<!---->
<div class="n-form-item-blank"><button class="n-button n-button--default-type n-button--medium-type n-button--disabled n-button--block" tabindex="-1" type="button"
style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-bezier-ease-out:cubic-bezier(0, 0, .2, 1);--n-ripple-duration:.6s;--n-opacity-disabled:0.38;--n-wave-opacity:0.8;font-weight:400;--n-color:#0000;--n-color-hover:#0000;--n-color-pressed:#0000;--n-color-focus:#0000;--n-color-disabled:#0000;--n-ripple-color:#63e2b7;--n-text-color:rgba(255, 255, 255, 0.82);--n-text-color-hover:#7fe7c4;--n-text-color-pressed:#5acea7;--n-text-color-focus:#7fe7c4;--n-text-color-disabled:rgba(255, 255, 255, 0.82);--n-border:1px solid rgba(255, 255, 255, 0.24);--n-border-hover:1px solid #7fe7c4;--n-border-pressed:1px solid #5acea7;--n-border-focus:1px solid #7fe7c4;--n-border-disabled:1px solid rgba(255, 255, 255, 0.24);--n-width:initial;--n-height:34px;--n-font-size:14px;--n-padding:0 14px;--n-icon-size:18px;--n-icon-margin:6px;--n-border-radius:3px;"
disabled=""><!----><!----><span class="n-button__content"> Continue </span>
<div aria-hidden="true" class="n-base-wave"></div>
<div aria-hidden="true" class="n-button__border" style=""></div>
<div aria-hidden="true" class="n-button__state-border" style=""></div>
</button></div>
<div style="" class="n-form-item-feedback-wrapper"><!----></div>
</div>
</form>
Text Content
Go back Welcome to Demo Shop! E-mail Please Input Continue Checkout Croissants x 1 Amount * € Description Indulge in the buttery, flaky goodness of our freshly baked croissants. Payment Method Digital Dealing Desk Stripe Debit Card E-mail * Please Input First Name * Please Input Last Name * Please Input Birthday * Select Date Submit payment Go back Welcome to Demo Shop! E-mail Please Input Continue