| @ -1,14 +1,49 @@ | |||||
| {% extends 'base.html' %} | |||||
| {% include "_head.html" %} | |||||
| {% block title %}Iniciar Sesión{% endblock %} | |||||
| <body class="app app-login p-0"> | |||||
| <div class="row g-0 app-auth-wrapper"> | |||||
| <div class="col-12 col-md-7 col-lg-6 auth-main-col text-center p-5"> | |||||
| <div class="d-flex flex-column align-content-end"> | |||||
| <div class="app-auth-body mx-auto"> | |||||
| {% include "_branding.html" %} | |||||
| <h2 class="auth-heading text-center mb-5">Entrar en Lyrics</h2> | |||||
| <div class="auth-form-container text-start"> | |||||
| <form class="auth-form login-form" method="POST"> | |||||
| {% csrf_token %} | |||||
| {{ form.as_p }} | |||||
| <div class="text-center"> | |||||
| <button type="submit" class="btn app-btn-primary w-100 theme-btn mx-auto">Log In</button> | |||||
| </div> | |||||
| </form> | |||||
| <div class="auth-option text-center pt-5">¿No tienes cuenta? Registrate <a class="text-link" href="#" >aquí</a>.</div> | |||||
| </div><!--//auth-form-container--> | |||||
| {% block content %} | |||||
| </div><!--//auth-body--> | |||||
| {% include "_footer.html" %} | |||||
| </div><!--//flex-column--> | |||||
| </div><!--//auth-main-col--> | |||||
| <div class="col-12 col-md-5 col-lg-6 h-100 auth-background-col"> | |||||
| <div class="auth-background-holder"> | |||||
| </div> | |||||
| <div class="auth-background-mask"></div> | |||||
| <div class="auth-background-overlay p-3 p-lg-5"> | |||||
| <div class="d-flex flex-column align-content-end h-100"> | |||||
| <div class="h-100"></div> | |||||
| <!-- | |||||
| <div class="overlay-content p-3 p-lg-4 rounded"> | |||||
| <h5 class="mb-3 overlay-title">Explore Portal Admin Template</h5> | |||||
| <div>Portal is a free Bootstrap 5 admin dashboard template. You can download and view the template license <a href="https://themes.3rdwavemedia.com/bootstrap-templates/admin-dashboard/portal-free-bootstrap-admin-dashboard-template-for-developers/">here</a>.</div> | |||||
| </div> | |||||
| --> | |||||
| </div> | |||||
| </div><!--//auth-background-overlay--> | |||||
| </div><!--//auth-background-col--> | |||||
| </div><!--//row--> | |||||
| <h2>Iniciar Sesión</h2> | |||||
| <form method="post"> | |||||
| {% csrf_token %} | |||||
| {{ form.as_p }} | |||||
| <button type="submit">Entrar</button> | |||||
| </form> | |||||
| {% endblock %} | |||||
| </body> | |||||
| </html> | |||||