<div class="row">
    <div class="col-md-10 col-md-offset-1">
        <div class="signup-wall">
            <form class="form-signin">
                <div class="inputfield">
            		<label class="input-title">First Name</label>
                    <input id="firstname" maxlength="15" required type="text" pattern="[A-Za-z]*"
                        oninvalid="setCustomValidity('Please enter only Alphabets')" oninput="try{setCustomValidity('')}catch(e){}"
                        ng-model="registrationInfo.firstName" placeholder="" autofocus="true">
            	</div>
                <div class="inputfield">
                    <label class="input-title">Last Name</label>
                    <input id="lastname" maxlength="15" required type="text" pattern="[A-Za-z]*"
                        oninvalid="setCustomValidity('Please enter only Alphabets')" oninput="try{setCustomValidity('')}catch(e){}"
                        ng-model="registrationInfo.lastName" placeholder="">
                </div>
                <div class="inputfield">
                    <label class="input-title">Username</label>
                    <input id="username" maxlength="15" required type="text" pattern="[A-Za-z0-9]*"
                        oninvalid="setCustomValidity('Special characters not allowed')" oninput="try{setCustomValidity('')}catch(e){}"
                        ng-model="registrationInfo.username" placeholder="">
                </div>
                <div class="inputfield">
                    <label class="input-title">Password</label>
                    <input required type="text" ng-model="registrationInfo.password" placeholder="" class="nomargin">
                </div>
                <div class="inputfield">
                    <label class="input-title">Email</label>
                    <input required type="email" ng-model="registrationInfo.email" placeholder=""
                        oninvalid="setCustomValidity('Please enter an email address')" oninput="try{setCustomValidity('')}catch(e){}">
                </div>
                <button type="submit" class="btn btn-lg btn-primary btn-block btn-register" ng-click="registerUser()">Submit</button>
                <span class="clearfix"></span>
            </form>
            <div class="alert alert-info text-center" role="alert" ng-show="isMessageVisible">{{message}}</div>
            <div class="form-signin">
                <div class="login">
                    <p class="text-center">Already have an account</p>
                    <a href="/#/login" class="text-center new-account">
                        <button type="submit" class="btn btn-lg btn-success btn-block">Sign In</button>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>