{% extends 'layouts/base-auth.html' %}
{% load static %}


{% block content %}

  <div class="col-xl-4 col-md-6 d-flex flex-column mx-auto">
    <div class="card card-plain mt-8">
      <div class="card-header pb-0 text-left bg-transparent">
        <h3 class="font-weight-black text-dark display-6">Change Done</h3>
        <p class="mb-0">Your password has been changed successfully.</p>
      </div>
      <div class="card-footer pt-0 px-lg-2 px-1 mx-2 my-3">
        <p class="mb-4 mx-auto">
          Back to dashboard
          <a href="{% url 'dashboard' %}" class="text-dark font-weight-bold">Dashboard</a>
        </p>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="position-absolute w-40 top-0 end-0 h-100 d-md-block d-none">
      <div class="oblique-image position-absolute fixed-top ms-auto h-100 z-index-0 bg-cover ms-n8" style="background-image:url('{% static 'assets/img/image-sign-in.jpg' %}')">
        <div class="blur mt-12 p-4 text-center border border-white border-radius-md position-absolute fixed-bottom m-4">
          <h2 class="mt-3 text-dark font-weight-bold">Enter our global community of developers.</h2>
          <h6 class="text-dark text-sm mt-5">Copyright © 2022 Corporate UI Design System by Creative Tim.</h6>
        </div>
      </div>
    </div>
  </div>

{% endblock content %}