login.html

<template name="login">
  <div class="login-background">
    <div class="login-modal">
      <div class="form-area">
        <div class="lll-logo top-margin-small bottom-margin-small"></div>
        {{#if isMode 'login'}}
          <form class="js-login-form bottom-margin-small">
            <h2>Please sign in</h2>
            <label for="inputEmail" class="sr-only">Username or Email</label>
            <input type="text" id="inputEmail" class="form-control" placeholder="Username or Email" required autofocus>
            <label for="inputPassword" class="sr-only">Password</label>
            <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>

            <div class="row">
              <div class="col-sm-9">
                <div class="checkbox">
                  <label>
                    <input class="accept-terms" type="checkbox" value="">
                    I confirm that I have read, understand and agree to the LabelLogic Live terms of usage
                  </label>
                </div>
              </div>
              <div class="col-sm-3 text-right">
                <a href="http://storage.labellogiclive.com.s3.amazonaws.com/LabelLogic%20Live%20-%20User%20Agreement.pdf" target="_blank" class="btn btn-info btn-xs">
                  View Licence
                </a>
              </div>
            </div>
            <button class="btn btn-primary btn-block" type="submit">Sign in</button>
            <button class="btn btn-sm btn-link forgot-password">Forgot password?</button>
          </form>
        {{/if}}
        {{#if isMode 'reset'}}
          <form class="js-reset-pw">
            <h2>Reset password</h2>
            {{#if emailSent}}
              <div class="alert alert-success" role="alert">
                Thank you. If your email exists in our records, you will receive the "Reset Password" link in your inbox shortly.
                If you do not receive this email, please check the email address you entered or call the Planglow Support Team.
              </div>
            {{/if}}
            <label for="inputEmail" class="sr-only">Email</label>
            <input type="email" id="inputEmail" class="form-control" placeholder="Email" required autofocus>
            <button class="btn btn-primary btn-block top-margin-tiny" type="submit">Reset password</button>
            <button class="btn btn-default btn-block js-cancel" type="button">Cancel</button>
          </form>
        {{/if}}
      </div>
      <div class="login-footer">
        <div class="row">
          <div class="col-xs-6">
            <a href="http://labellogiclive.com/about.html" class="about-us">About Us</a>
          </div>
          <div class="col-xs-6">
            <div class="planglow-logo"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>