{{ enablePlugins('prettify') }}
{% set title = "Login" %}

{% extends "layouts/application.html" %}


{% block content %}
  {% include "shared/page-title.html" %}

  <div class="row">
    <div class="col s12 l6">

      <div class="card-panel">
        <form action="#!">

          <!-- Username -->
          <div class="input-field">
            <i class="fa fa-user prefix"></i>
            <input id="username-input" type="text" name="username">
            <label for="username-input">Username</label>
          </div>
          <!-- /Username -->

          <!-- Password -->
          <div class="input-field">
            <i class="fa fa-unlock-alt prefix"></i>
            <input id="password-input" type="password" name="password">
            <label for="password-input">Password</label>
          </div>
          <!-- /Password -->
          
          <div class="right-align">
            <a href="page-forgot-password.html">Forgot Password?</a>
          </div>

          <div class="switch">
            <label>
              <input type="checkbox" name="keep" checked />
              <span class="lever"></span>
              Keep me logged in
            </label>
          </div>

          <button class="waves-effect btn">Log In</button>

        </form>
      </div>

    </div>
    <div class="col s12 l6">
      <pre class="prettyprint linenums white no-margin height-auto">
&lt;form action="#!">

  &lt;div class="input-field">
    &lt;i class="fa fa-user prefix">&lt;/i>
    &lt;input id="username-input" type="text" name="username">
    &lt;label for="username-input">Username&lt;/label>
  &lt;/div>

  &lt;div class="input-field">
    &lt;i class="fa fa-unlock-alt prefix">&lt;/i>
    &lt;input id="password-input" type="password" name="password">
    &lt;label for="password-input">Password&lt;/label>
  &lt;/div>
  
  &lt;div class="right-align">
    &lt;a href="page-forgot-password.html">Forgot Password?&lt;/a>
  &lt;/div>

  &lt;div class="switch">
    &lt;label>
      &lt;input type="checkbox" name="keep" checked />
      &lt;span class="lever">&lt;/span>
      Keep me logged in
    &lt;/label>
  &lt;/div>

  &lt;button class="waves-effect btn">Log In&lt;/button>

&lt;/form></pre>
    </div>
  </div>

{% endblock %}