<div class="container">
    <div class="jumbotron" style="padding-bottom:15px;">
        <h1 class="j1x-logo">J1X</h1>

    </div>
    <form class="form-signin" name="signinForm" role="form">
        <h2 class="form-title">Login</h2>
        <div class="form-group" ng-class="{ 'has-error' : EmailCheck() }">
          <input name="email" ng-model="user.email" type="email" class="form-control" placeholder="Email address" required="" autofocus="">
          <p class="help-block" ng-show="EmailCheck()">Enter a valid email.</p>
        </div>
        <div class="form-group" ng-class="{ 'has-error' : PasswordCheck() }">
          <input name="password" ng-model="user.password" type="password" class="form-control" placeholder="Password" required="" ng-minlength="8">
          <p class="help-block" ng-show="PasswordCheck()">Min password length is 8 characters.</p>
        </div>
        <button ng-click="SignIn($event)" ng-disabled="!user.email || !user.password || loading" class="btn btn-lg btn-primary btn-block ladda-button"  ladda="{{loading}}" data-style="slide-up">SignIn</button>
  </form>

</div>