<template name="login">

    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-4">

        <h3 class="page-header">Login</h3>

        <form id="application-login" class="login">
          <div class="form-group">
            <label for="emailAddress">Email Address</label>
            <input type="email" name="emailAddress" class="form-control" placeholder="Email Address">
          </div> <!-- end .form-group -->
          <div class="form-group">
            <label for="password"><span class="pull-left">Password</span> <a class="pull-right" href="{{pathFor 'recover-password'}}">Forgot Password?</a></label>
            <input type="password" name="password" class="form-control" placeholder="Password">
          </div> <!-- end .form-group -->
          <div class="form-group">
            <input type="submit" class="btn btn-success" value="Login">
          </div> <!-- end .form-group -->
        </form>
        <p>Don't have an account? <a href="{{pathFor 'signup'}}">Sign Up</a>.</p>
      </div> <!-- end .col-xs-12 -->
    </div> <!-- end .row -->

  </template>