Refactor layout and styling: update HTML structure and apply Bootstrap for improved responsiveness
This commit is contained in:
+30
-18
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user