74 lines
3.6 KiB
PHP
74 lines
3.6 KiB
PHP
@extends('layouts.main')
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-8">
|
|
<div class="card">
|
|
<div class="card-header">{{ __('Dashboard') }}</div>
|
|
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<!-- Kotak 1 -->
|
|
<div class="col-md-2 mb-4">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Kotak 1</h5>
|
|
<span class="badge bg-danger position-absolute top-0 end-0 m-3">10</span>
|
|
<!-- Icon lonceng -->
|
|
<i class="bi bi-bell position-absolute top-0 end-0 m-3"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Kotak 2 -->
|
|
<div class="col-md-2 mb-4">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Kotak 2</h5>
|
|
<span class="badge bg-danger position-absolute top-0 end-0 m-3">5</span>
|
|
<i class="bi bi-bell position-absolute top-0 end-0 m-3"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Kotak 3 -->
|
|
<div class="col-md-2 mb-4">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Kotak 3</h5>
|
|
<span class="badge bg-danger position-absolute top-0 end-0 m-3">8</span>
|
|
<i class="bi bi-bell position-absolute top-0 end-0 m-3"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Kotak 4 -->
|
|
<div class="col-md-2 mb-4">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Kotak 4</h5>
|
|
<span class="badge bg-danger position-absolute top-0 end-0 m-3">2</span>
|
|
<i class="bi bi-bell position-absolute top-0 end-0 m-3"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Kotak 5 -->
|
|
<div class="col-md-2 mb-4">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Kotak 5</h5>
|
|
<span class="badge bg-danger position-absolute top-0 end-0 m-3">3</span>
|
|
<i class="bi bi-bell position-absolute top-0 end-0 m-3"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|