{% extends 'base.html' %}

{% block menuapp %}

{% endblock menuapp %}

{% block content %}

<div class="container-xl">
			    
    <h1 class="app-page-title">Introducción</h1>

    <div class="app-card alert alert-dismissible shadow-sm mb-4 border-left-decoration" role="alert">
        <div class="inner">
            <div class="app-card-body p-3 p-lg-4">
                <h3 class="mb-3">¡Bienvenido a Jugar al Pádel entre amigos!</h3>
                <div class="row gx-5 gy-3">
                    <div class="col-12 col-lg-9">
                        <div>Aquí podrás encontrar los pozos abiertos y apuntarte a los mismos</div>
                    </div><!--//col-->
                </div><!--//row-->
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div><!--//app-card-body-->
        </div><!--//inner-->
    </div><!--//app-card-->

</div><!--//container-fluid-->

{% endblock %}