Refactor layout and styling: update HTML structure and apply Bootstrap for improved responsiveness

This commit is contained in:
Cédric OLIVIER
2026-05-22 19:06:46 +02:00
parent 8bd2b4853f
commit f6203d41b8
17 changed files with 203 additions and 984 deletions
+30 -18
View File
@@ -1,21 +1,33 @@
<header class="page-header">
<h1>Accueil</h1>
<p>Bienvenue sur Bonsai Webapp.</p>
</header>
<div class="mb-4">
<h1 class="h2 mb-2">Accueil</h1>
<p class="text-secondary mb-0">Bienvenue sur Bonsai Webapp.</p>
</div>
<section class="cards">
<article class="card">
<h2>Statistiques</h2>
<p>Resume rapide des activites recentes.</p>
</article>
<div class="row g-3">
<div class="col-12 col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-body">
<h2 class="h5 card-title">Statistiques</h2>
<p class="card-text text-secondary mb-0">Resume rapide des activites recentes.</p>
</div>
</div>
</div>
<article class="card">
<h2>Notifications</h2>
<p>Consultez les dernieres mises a jour de l'equipe.</p>
</article>
<div class="col-12 col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-body">
<h2 class="h5 card-title">Notifications</h2>
<p class="card-text text-secondary mb-0">Consultez les dernieres mises a jour de l'equipe.</p>
</div>
</div>
</div>
<article class="card">
<h2>Taches en cours</h2>
<p>Suivi des priorites de la semaine.</p>
</article>
</section>
<div class="col-12 col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-body">
<h2 class="h5 card-title">Taches en cours</h2>
<p class="card-text text-secondary mb-0">Suivi des priorites de la semaine.</p>
</div>
</div>
</div>
</div>