75 lines
2.9 KiB
HTML
75 lines
2.9 KiB
HTML
<div class="container-fluid">
|
||
<h2 class="mb-4">Dashboard</h2>
|
||
|
||
<!-- Stats Cards -->
|
||
<div class="row g-4 mb-4">
|
||
<div class="col-md-4">
|
||
<div class="card h-100 border-0 shadow-sm">
|
||
<div class="card-body">
|
||
<h6 class="card-subtitle mb-2 text-muted">Toplam Kullanıcı</h6>
|
||
<h3 class="card-title">1,250</h3>
|
||
<p class="card-text text-success"><i class="bi bi-arrow-up"></i> %5 artış</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100 border-0 shadow-sm">
|
||
<div class="card-body">
|
||
<h6 class="card-subtitle mb-2 text-muted">Aktif Oturumlar</h6>
|
||
<h3 class="card-title">45</h3>
|
||
<p class="card-text text-primary">Anlık</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="card h-100 border-0 shadow-sm">
|
||
<div class="card-body">
|
||
<h6 class="card-subtitle mb-2 text-muted">Sistem Yükü</h6>
|
||
<h3 class="card-title">%12</h3>
|
||
<p class="card-text text-success">Normal</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Recent Activity Table -->
|
||
<div class="card border-0 shadow-sm">
|
||
<div class="card-header bg-transparent border-0">
|
||
<h5 class="mb-0">Son Aktiviteler</h5>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="table-responsive">
|
||
<table class="table table-hover align-middle">
|
||
<thead>
|
||
<tr>
|
||
<th>Kullanıcı</th>
|
||
<th>İşlem</th>
|
||
<th>Tarih</th>
|
||
<th>Durum</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>Ahmet Yılmaz</td>
|
||
<td>Giriş Yaptı</td>
|
||
<td>10 dk önce</td>
|
||
<td><span class="badge bg-success">Başarılı</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Ayşe Demir</td>
|
||
<td>Profil Güncelledi</td>
|
||
<td>1 saat önce</td>
|
||
<td><span class="badge bg-primary">Kaydedildi</span></td>
|
||
</tr>
|
||
<tr>
|
||
<td>Mehmet Kara</td>
|
||
<td>Hatalı Giriş</td>
|
||
<td>2 saat önce</td>
|
||
<td><span class="badge bg-danger">Hata</span></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div> |