61 lines
2.1 KiB
PHP
61 lines
2.1 KiB
PHP
|
|
|
|
<div class="container my-5">
|
|
<h2 class="text-center text-uppercase fw-bold mb-4"><?= _("Evolutions") ?></h2>
|
|
|
|
<div class="row justify-content-center">
|
|
<!-- Section Garants et Produits -->
|
|
<div class="col-md-8">
|
|
<div class="card shadow-lg rounded-4 border-0">
|
|
<div class="card-header bg-primary text-white d-flex justify-content-between align-items-center rounded-top">
|
|
<h5 class="mb-0"><?= _("Voir l'évolution des ") ?></h5>
|
|
<span class="badge bg-light text-primary fs-6"><?= _("2 Options") ?></span>
|
|
</div>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item d-flex align-items-center py-3">
|
|
<i class="fas fa-user-shield me-3 text-primary"></i>
|
|
<a href="Effectifcumule/" class="text-decoration-none text-dark fw-bold"><?= _("Effectifes Cumulés") ?></a>
|
|
</li>
|
|
<li class="list-group-item d-flex align-items-center py-3">
|
|
<i class="fas fa-box me-3 text-primary"></i>
|
|
<a href="Depenses/" class="text-decoration-none text-dark fw-bold"><?= _("Dépenses Facturées") ?></a>
|
|
</li>
|
|
|
|
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.card {
|
|
border-radius: 0.75rem;
|
|
}
|
|
|
|
.card-header {
|
|
font-weight: bold;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.list-group-item {
|
|
transition: background-color 0.3s, color 0.3s;
|
|
border: none;
|
|
}
|
|
|
|
.list-group-item:hover {
|
|
background-color: #e9ecef;
|
|
color: #0d6efd;
|
|
}
|
|
|
|
.rounded-top {
|
|
border-top-left-radius: 0.75rem !important;
|
|
border-top-right-radius: 0.75rem !important;
|
|
}
|
|
</style>
|
|
|
|
<!-- Assurez-vous d'inclure Font Awesome et Bootstrap -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/css/bootstrap.min.css">
|