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

{% block content %}
<section id="forgot-password">
  
  <!-- Background Bubbles -->
  <canvas id="bubble-canvas"></canvas>
  <!-- /Background Bubbles -->

  <!-- Reset Form -->
  <form action="dashboard.html">
    <div class="logo">
      <img src="assets/_con/images/logo-white.png" alt="">
    </div>

    <div class="card-panel">
      <div class="alert blue lighten-5 blue-text text-darken-2">
        <strong><i class="fa fa-css3"></i></strong>&nbsp; We'll send instructions to reset your password to your email.
      </div>

      <div class="row">
        <div class="col m9 s12">
          <div class="input-field">
            <i class="fa fa-envelope prefix"></i>
            <input id="input_email" type="email">
            <label for="input_email">Email</label>
          </div>
        </div>
        <div class="col m3 s12">
          <button class="waves-effect waves-light btn-large z-depth-0 z-depth-1-hover">Reset</button>
        </div>
      </div>    

    </div>
  </form>
  <!-- /Reset Form -->

</section>
{% endblock %}