<form class="form-element form-element--login" method="post" id="createAccountForm"
      novalidate="novalidate">
    <div class="main active">
        <small><i class="fa fa-smile-o"></i></small>
        <div class="text">
            <h2>Creating your account only takes a few seconds.</h2>
            <p>Let's start with some basic info.</p>
        </div>
        <div class="input-text">
            <div class="input-div">
                <input class="form-control" data-val="true"
                       data-val-length="The field First Name must be a string with a maximum length of 50."
                       data-val-length-max="50" data-val-regex="This field contains invalid characters"
                       data-val-regex-pattern="^(?=[-0-9A-Za-z.#'\s]*$).*"
                       data-val-required="Please enter first name" id="FirstName" name="FirstName"
                       placeholder="Enter first name" type="text" value="">
                <div class="field-validation-valid text-danger" data-valmsg-for="FirstName"
                     data-valmsg-replace="true"></div>

            </div>
            <div class="input-div">
                <input class="form-control" data-val="true"
                       data-val-length="The field Last Name must be a string with a maximum length of 50."
                       data-val-length-max="50" data-val-regex="This field contains invalid characters"
                       data-val-regex-pattern="^(?=[-0-9A-Za-z.#'\s]*$).*"
                       data-val-required="Please enter last name" id="LastName" name="LastName"
                       placeholder="Enter last name" type="text" value="">
                <div class="field-validation-valid text-danger" data-valmsg-for="LastName"
                     data-valmsg-replace="true"></div>
            </div>
        </div>
        <div class="input-text">
            <div class="input-div">
                <input class="form-control valid" data-val="true"
                       data-val-email="The Email field is not a valid e-mail address."
                       data-val-regex="Invalid email address"
                       data-val-regex-pattern="^([a-zA-Z0-9_\-\.+]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,10})$"
                       data-val-required="Please enter email" id="Email" name="Email"
                       placeholder="Enter your email address" type="text" value="">
                <div class="text-danger field-validation-valid" data-valmsg-for="Email"
                     data-valmsg-replace="true"></div>
            </div>
        </div>
        <div class="input-text">
            <div class="input-div">
                <input class="form-control valid" data-val="true"
                       data-val-regex="Your password must be at least eight characters. It can contain letters, numbers, periods, dashes, underscores, and these characters: @ ! # $ % ^ &amp; *"
                       data-val-regex-pattern="^[-a-zA-Z0-9@_*!.#$^&amp;]{8,}$"
                       data-val-required="Please enter password" id="Password" name="Password"
                       placeholder="Create your password" type="password">
                <div class="text-danger field-validation-valid" data-valmsg-for="Password"
                     data-valmsg-replace="true"></div>
            </div>
        </div>
        <div class="buttons">
            <button type="submit" value="Next" onclick="submitPage(this,'createAccountForm');" class="next_button">Next Step</button>
        </div>
    </div>
</form>
