|
|
|
@ -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> |
