<div class="row">
    <div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-10 col-md-offset-1">
        <div class="account-wall">
            <div class="user text-center">
                <i class="fa fa-user" aria-hidden="true" style="font-size: 5em;"></i>
            </div>
            <form class="form-signin">
                <div class="inputfield">
                    <label class="input-title">User Name</label>
                    <input type="text" ng-model="username" placeholder="" required autofocus="true">
                </div>
                <div class="inputfield">
                    <label class="input-title">Password</label>
                    <input type="password" ng-model="password" placeholder="" required>
                </div>
                <button type="submit" class="btn btn-lg btn-primary btn-block btn-register"
                ng-click="authenticate()">Sign in</button>
                <span class="clearfix"></span>
            </form>
            <div class="form-signin">
                <div class="signup">
                    <p class="text-center">New User</p>
                    <a href="/#/signup" class="text-center new-account">
                        <button type="submit" class="btn btn-lg btn-success btn-block">Sign Up</button>
                    </a>
                </div>
            </div>
            <div class="alert alert-info text-center" role="alert" ng-show="isMessageVisible">{{message}}</div>
        </div>
    </div>
</div>