{% extends 'django_skins/base.html' %}
{% load static %}

{% block skin_css%}
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" />
<!-- Google Fonts Roboto -->
<link
  rel="stylesheet"
  href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
/>
<!-- MDB -->
<link rel="stylesheet" href="{% static 'css/mdb.min.css' %}" />
{% endblock %}

{% block body %}
    <div class="container">
      {% block content %}
        <div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
          <div class="text-center">
            <img
              class="mb-4"
              src="https://mdbootstrap.com/img/logo/mdb-transparent-250px.png"
              style="width: 250px; height: 90px;"
            />
            <h5 class="mb-3">Thank you for using our product. We're glad you're with us.</h5>
            <p class="mb-3">MDB Team</p>
            <a
              class="btn btn-primary btn-lg"
              href="https://mdbootstrap.com/docs/standard/getting-started/"
              target="_blank"
              role="button"
              >Start MDB tutorial</a
            >
          </div>
        </div>
      {% endblock content %}
    </div>
  {% endblock body %}

{% block skin_javascript %}
    <script type="text/javascript" src="{% static 'js/mdb.min.js' %}"></script>
{% endblock %}
