126 lines
4.4 KiB
HTML
126 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!-- For RTL verison -->
|
|
<!-- <html lang="en" dir="rtl"> -->
|
|
<head>
|
|
@@include('./_head.html', {
|
|
"path": ".",
|
|
"title": "AdminLTE 4 | Dashboard"
|
|
})
|
|
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
|
</head>
|
|
<body class="layout-fixed">
|
|
<div class="wrapper">
|
|
@@include('./dashboard/_topbar.html', {
|
|
"path": "."
|
|
})
|
|
|
|
@@include('./dashboard/_sidenav.html', {
|
|
"mainPage": "dashboard",
|
|
"page": "index",
|
|
"path": "."
|
|
})
|
|
<!-- Main content -->
|
|
<div class="content-wrapper">
|
|
@@include('./dashboard/_content-header.html', {
|
|
"header_name": "Dashboard"
|
|
})
|
|
<div class="content">
|
|
<div class="container-fluid">
|
|
<!-- Small boxes (Stat box) -->
|
|
<div class="row">
|
|
<div class="col-lg-3 col-6">
|
|
<!-- small box -->
|
|
<div class="small-box bg-primary text-light">
|
|
<div class="inner">
|
|
<h3>150</h3>
|
|
|
|
<p>New Orders</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="inner-icon ion ion-bag"></i>
|
|
</div>
|
|
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- ./col -->
|
|
<div class="col-lg-3 col-6">
|
|
<!-- small box -->
|
|
<div class="small-box bg-success text-light">
|
|
<div class="inner">
|
|
<h3>53<sup class="fs-5">%</sup></h3>
|
|
|
|
<p>Bounce Rate</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="inner-icon ion ion-stats-bars"></i>
|
|
</div>
|
|
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- ./col -->
|
|
<div class="col-lg-3 col-6">
|
|
<!-- small box -->
|
|
<div class="small-box bg-warning text-light">
|
|
<div class="inner">
|
|
<h3>44</h3>
|
|
|
|
<p>User Registrations</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="inner-icon ion ion-person-add"></i>
|
|
</div>
|
|
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- ./col -->
|
|
<div class="col-lg-3 col-6">
|
|
<!-- small box -->
|
|
<div class="small-box bg-danger text-light">
|
|
<div class="inner">
|
|
<h3>65</h3>
|
|
|
|
<p>Unique Visitors</p>
|
|
</div>
|
|
<div class="icon">
|
|
<i class="inner-icon ion ion-pie-graph"></i>
|
|
</div>
|
|
<a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- ./col -->
|
|
</div>
|
|
<!-- /.row -->
|
|
<!-- Main row -->
|
|
<div class="row">
|
|
<!-- Left col -->
|
|
<section class="col-lg-7">
|
|
<button type="button" class="btn btn-primary">Primary</button>
|
|
<button type="button" class="btn btn-secondary">Secondary</button>
|
|
<button type="button" class="btn btn-success">Success</button>
|
|
<button type="button" class="btn btn-danger">Danger</button>
|
|
<button type="button" class="btn btn-warning">Warning</button>
|
|
<button type="button" class="btn btn-info">Info</button>
|
|
<button type="button" class="btn btn-light">Light</button>
|
|
<button type="button" class="btn btn-dark">Dark</button>
|
|
<button type="button" class="btn btn-link">Link</button>
|
|
</section>
|
|
</div>
|
|
<!-- /.row (main row) -->
|
|
</div><!-- /.container-fluid -->
|
|
</div>
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
|
|
@@include('./dashboard/_footer.html', {
|
|
"path": "."
|
|
})
|
|
</div>
|
|
<!-- ./wrapper -->
|
|
|
|
@@include('./_scripts.html', {
|
|
"path": "."
|
|
})
|
|
</body>
|
|
</html>
|