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

{% block title %} About {% endblock %}

{% block content %}
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" , href="{% static 'css/about.css' %}">

    </head>

    <div class="flex flex-column items-center justify-evenly pt-5">
        <div class="w-4/5 p-6 bg-white rounded-lg shadow bg-opacity-10 backdrop-filter backdrop-blur-md">
            <h1 class="text-center text-lg text-white font-bold pb-5">Profile</h1>
            <p class="text-white">
                Username:
                {{ user.username }}
                <br>
                Password:
                {{ user.password }}
            </p>
        </div>

    </div>
{% endblock %}