{{ define "main" }}
<section class="form-band">
<div class="wrap">
<div class="form-page" data-reveal>
    <p class="eyebrow">Sign In</p>
    <h1 class="statement">{{ .Params.heading | default "Welcome back" }}</h1>

    <form onsubmit="return false;">
      <div class="field">
        <label for="email">Email</label>
        <input id="email" type="email" name="email" autocomplete="email" required>
      </div>
      <div class="field">
        <label for="password">Password</label>
        <input id="password" type="password" name="password" autocomplete="current-password" required>
      </div>
      <div class="field-row">
        <label><input type="checkbox" name="remember"> Remember me</label>
        <a href="#">Forgot password?</a>
      </div>
      <button type="submit" class="btn btn-primary">Sign In</button>
    </form>

    <p class="form-foot">
      Don't have an account yet?
      <a class="more" href="{{ "/start-now/" | relURL }}">Start Your 7-Day Free Trial<span class="arrow" aria-hidden="true">→</span></a>
    </p>

    <p class="form-note">
      Having trouble signing in? <a href="mailto:{{ .Site.Params.supportEmail }}">Contact Support</a>
    </p>
</div>
</div>
</section>
{{ end }}