{% extends "base.html" %}

{% block content %}
<div class="container-xl">
    <h1 class="app-page-title">Acerca de...</h1>
    <div class="row g-4">
        <div class="col-12 col-md-6">
            <div class="app-card app-card-basic d-flex flex-column align-items-start shadow-sm">
                <div class="app-card-body px-4">
                    <ul class="list-unstyled">
                        <li><strong>Nombre de la aplicación:</strong> {{ app_name }}</li>
                        <li><strong>Versión:</strong> {{ app_version }}</li>
                        <li><strong>Versión de la imagen:</strong> {{ img_version }}</li>
                    </ul>
                </div><!--//app-card-body-->
            </div><!--//app-card-->
        </div><!--//col-->
    </div><!--//row-->
</div>
{% endblock %}