{% extends 'base.html' %}

{% block content %}

<style>
    .logincard{
        /*position:absolute;*/
        /*left:50%;*/
        margin-top:5%;
        /*transform: translate(-50%,-40%);*/
    }
    nav, .footer-copyright{
        display:none;
    }
    .bgimg{
        background-image: url("/media/images/introflower.jpg");
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        width:100%;
        height:100%;
        -webkit-filter: blur(5px); /* Safari */
        filter: blur(0px);
        z-index:-10;
        position:absolute;
    }

</style>

<div class="bgimg"></div>
<div class="container">
 <div class="row logincard">
    <div class="col s12 m6 offset-m3 offset-l3">
      <div class="card z-depth-5">
        <div class="card-image">
            <img src="/media/images/acceso.jpg">
          <form method="post">
        </div>
        <div class="card-content">
             <center><h4><b>ORNADATA</b></h4>
             <span class="card-title">Inicia sesión</span></center>
              {% csrf_token %}
              {{ form.as_p }}
            <a>¿Has olvidado la contraseña?</a>
            <br/><br/>
         <button type="submit" class="btn btn-lg btn-block btn-primary alling-venter">ACCEDER</button>
        </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock content %}