<div class="modal fade flip-effect" id="registerModal" ng-controller="registerController">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title"><i class="fa fa-user-plus"></i> Create an Account</h4>
            </div>
            <div class="modal-body">
                <div id="registerStatus"></div>
                <form name="registerForm" id="registerForm" ng-submit="register()">
                    <div class="form-group">
                        <label>Username</label>
                        <input type="text" class="form-control" placeholder="Enter Username" ng-model="regUser.username">
                    </div>
                    <div class="form-group">
                        <label>E-mail</label>
                        <input type="text" class="form-control" placeholder="Enter E-mail" ng-model="regUser.email">
                    </div>
                    <div class="form-group">
                        <label>Password</label>
                        <input type="password" class="form-control" placeholder="Enter Password" ng-model="regUser.pass1">
                    </div>
                    <div class="form-group">
                        <label>Retype Password</label>
                        <input type="password" class="form-control" placeholder="Enter Retype Password" ng-model="regUser.pass2">
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-sky">
                            <i class="fa fa-plus"></i> Register
                        </button>
                    </div>
                </form>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>