***

| Url | https://templates.webcoredev.webcore.app/mailform-multistep/ |
| --- | --- |
| MetaTitle | MultiStepForm - MultiStepForm |
| MetaDescription | MultiStepForm |

<fieldset id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1" class="multistepstep" role="tabpanel" aria-labelledby="progress-tab-1">
				<legend>Lorem Ipsum (1/3)</legend>

                <div class="row">
                    <div class="col-12 col-lg-6">
                        <div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Name_pnlName" class="name form-group required" data-item-key="Name" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Name_txtName" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Name_lblName" title="Name">Name</label>
				</div>
                        <div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Email_pnlEmail" class="email form-group required" data-item-key="Email" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Email_txtEmail" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Email_lblEmail" title="Email">Email</label>
				</div>
                    </div>
                    <div class="col-12 col-lg-6">
                        <div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Company_pnlCompany" class="company form-group" data-item-key="Company" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Company_txtCompany" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Company_lblCompany" title="Company">Company</label>
				</div>
                        <div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Phone_pnlPhone" class="phone form-group" data-item-key="Phone" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Phone_txtPhone" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step1_Phone_lblPhone" title="Phone">Phone</label>
				</div>
                    </div>
                </div>

            <div class="buttonpanel"></div>
			</fieldset>

<fieldset id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2" class="multistepstep" role="tabpanel" aria-labelledby="progress-tab-2" hidden="hidden">
				<legend>Your info (2/3)</legend>

                <div class="row fieldpanel">
                    <div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-Street_pnlAddressFieldSet-Street" class="addressfieldset-street street form-group col-12 col-lg-6" data-item-key="AddressFieldSet-Street" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-Street_txtAddressFieldSet-Street" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-Street_lblAddressFieldSet-Street" title="Street">Street</label>
				</div><div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-ZipCode_pnlAddressFieldSet-ZipCode" class="addressfieldset-zipcode zipcode form-group col-12 col-lg-6" data-item-key="AddressFieldSet-ZipCode" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-ZipCode_txtAddressFieldSet-ZipCode" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-ZipCode_lblAddressFieldSet-ZipCode" title="Zip code">Zip code</label>
				</div><div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-City_pnlAddressFieldSet-City" class="addressfieldset-city city form-group col-12 col-lg-6" data-item-key="AddressFieldSet-City" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-City_txtAddressFieldSet-City" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-City_lblAddressFieldSet-City" title="City">City</label>
				</div><div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-Country_pnlAddressFieldSet-Country" class="addressfieldset-country country form-group col-12 col-lg-6" data-item-key="AddressFieldSet-Country" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-Country_txtAddressFieldSet-Country" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_AddressFieldSet_AddressFieldSet-Country_lblAddressFieldSet-Country" title="Country">Country</label>
				</div>
                </div>

                <div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_Birthdate_pnlBirthdate" class="birthdate form-group required" data-item-key="Birthdate" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_Birthdate_txtBirthdate" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_Birthdate_lblBirthdate" title="Date of birth">Date of birth</label>
				</div>
                <div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_rddl_pnlrddl" class="rddl form-group required">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_rddl_ddlrddl" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-2_rddl_lblrddl" title="MyChoice">MyChoice</label>
				</div>
                <fieldset class="choose form-group"><legend>Choose one or more</legend><div class="form-check" data-item-key="value1" data-item-type="List"></div><div class="form-check" data-item-key="value2" data-item-type="List"></div><div class="form-check" data-item-key="value3" data-item-type="List"></div></fieldset>
                <fieldset class="opt form-group"><legend>Opt now</legend><div class="form-check" data-item-key="value1" data-item-type="List"></div><div class="form-check" data-item-key="value2" data-item-type="List"></div><div class="form-check" data-item-key="value3" data-item-type="List"></div></fieldset>

            <div class="buttonpanel"></div>
			</fieldset>

<fieldset id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-3" class="multistepstep" role="tabpanel" aria-labelledby="progress-tab-3" hidden="hidden">
				<legend>Last Info (3/3)</legend>

                <div class="row fieldpanel">
                    <div id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-3_Comment_pnlComment" class="col-12 comment form-group required" data-item-key="Comment" data-item-type="Text">
					<label for="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-3_Comment_txtComment" id="C_T_DefaultRegion_M4141_Form_pnlForm_MultiStepForm_Step-3_Comment_lblComment" title="Comment">Comment</label>
				</div>
                </div>

                <div class="privacy alert alert-info">
					<span>We respect your privacy and process your data for the sole purpose of responding to your request! By sending this form, you agree to our </span><span><a href="/legal-notice/#privacy">Privacy policy</a></span>
				</div>
                

            <div class="buttonpanel"></div>
			</fieldset>