Bootstrap vertical tabs

Making advantage of Bootstrap 4 components, easily build an awesome tabbed interface.

LOGIN

Login Name @Html.TextBoxFor(m => m.LoginName, new { @minlength = "10", @maxlength = "10", @class = "form-control", autocomplete = "off", @value = "0", id = "txtLoginame", @type = "text", @placeholder = "", onkeypress = "javascript:return OnlyAlphaNumber(event);", required = "required", })

Password @Html.TextBoxFor(m => m.LoginPassword, new { @maxlength = "10", @class = "form-control", autocomplete = "off", @value = "0", id = "txtPassword", @type = "password", @placeholder = "", required = "required", })

Show Password Forgot Password

REGISTER

Account ID: * @Html.TextBoxFor(m => m.AccountID, new { @minlength = "10", @maxlength = "10", @class = "form-control", autocomplete = "off", @value = "0", id = "txtAccountID", @type = "text", @placeholder = "", @oncopy = "return false", onkeypress = "javascript:return BlockSpecialAlpha(event);" })

@**@

Personal Details

NOTE:

Password should be greater than or equal to 8 digit (It should Contain at least 1 Capital, 1 Small Letter,1 Digit, 1 Special Character)
Login Name will be your Entered Mobile Number.

SubDivision Name: @Html.TextBoxFor(m => m.SubDivisionName, new { @class = "form-control", @value = "0", id = "txtSubDivisionName", @readonly = true })

Name: @Html.TextBoxFor(m => m.Name, new { @class = "form-control", autocomplete = "off", @value = "0", id = "txtName", @type = "text", @readonly = true })

Address: @Html.TextAreaFor(m => m.Address, new { @class = "form-control", autocomplete = "off", @value = "0", id = "txtAddress", @readonly = true, @style = "resize: none;" })

Mobile No :* @Html.TextBoxFor(m => m.MobileNo, new { @minlength = "10", @maxlength = "10", @class = "form-control", autocomplete = "off", @value = "0", id = "txtMobileNovalue", @type = "text", @placeholder = "", @oncopy = "return false", onkeypress = "javascript:return BlockSpecialAlpha(event);", @onchange = "loadLoginName()" })

Phone No : @Html.TextBoxFor(m => m.PhoneNo, new { @minlength = "7", @maxlength = "11", @class = "form-control", autocomplete = "off", @value = "0", id = "txtPhoneNo", @type = "text", @placeholder = "", @oncopy = "return false", onkeypress = "javascript:return BlockSpecialAlpha(event);" })

Email ID :* @Html.TextBoxFor(m => m.EmailId, new { @maxlength = "30", @class = "form-control", autocomplete = "off", @value = "0", id = "txtEmailID", @type = "text", @placeholder = "", @oncopy = "return false" })

DOB :* @Html.TextBoxFor(m => m.DateOfBirth, new { @class = "form-control", autocomplete = "off", @value = "0", id = "txtDateOfBirth", @type = "text", @placeholder = "", @oncopy = "return false", @readonly = true })

Pin Code :* @Html.TextBoxFor(m => m.PinCode, new { @minlength = "6", @maxlength = "6", @class = "form-control", autocomplete = "off", @value = "0", id = "txtPinCode", @type = "text", @placeholder = "", @oncopy = "return false", @onpaste = "return false", onkeypress = "javascript:return BlockSpecialAlpha(event);" })

Login: @Html.TextBoxFor(m => m.RegisLoginName, new { @class = "form-control", autocomplete = "off", @value = "0", @id = "txtLoginamevalue", @readonly = true }) `

Password :* @Html.TextBoxFor(m => m.Password, new { @minlength = "8", @maxlength = "10", @class = "form-control", autocomplete = "off", @id = "txtpassword", @type = "password", @placeholder = "", @oncopy = "return false", @onpaste = "return false" })

Confirm Password :* @Html.TextBoxFor(m => m.ConfirmPassword, new { @minlength = "8", @maxlength = "10", @class = "form-control", autocomplete = "off", @value = "0", id = "txtConfirmPassword", @type = "password", @placeholder = "", @oncopy = "return false", @onpaste = "return false" })

@{Html.RenderAction("ForgotPassword", "Login");}

USEFUL LINKS

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.