294 lines
12 KiB
HTML
294 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!-- For RTL verison -->
|
|
<!-- <html lang="en" dir="rtl"> -->
|
|
<head>
|
|
@@include('./_head.html', {
|
|
"path": ".",
|
|
"title": "AdminLTE 4 | Dashboard 3"
|
|
})
|
|
<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": "index3",
|
|
"path": "."
|
|
})
|
|
<!-- Main content -->
|
|
<div class="content-wrapper">
|
|
@@include('./dashboard/_content-header.html', {
|
|
"header_name": "Dashboard v3"
|
|
})
|
|
<div class="content">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="card">
|
|
<div class="card-header border-0">
|
|
<div class="d-flex justify-content-between">
|
|
<h3 class="card-title">Online Store Visitors</h3>
|
|
<a href="javascript:void(0);">View Report</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-flex">
|
|
<p class="d-flex flex-column">
|
|
<span class="fw-bold text-lg">820</span>
|
|
<span>Visitors Over Time</span>
|
|
</p>
|
|
<p class="ms-auto d-flex flex-column text-end">
|
|
<span class="text-success">
|
|
<i class="fas fa-arrow-up"></i> 12.5%
|
|
</span>
|
|
<span class="text-muted">Since last week</span>
|
|
</p>
|
|
</div>
|
|
<!-- /.d-flex -->
|
|
|
|
<div class="position-relative mb-4">
|
|
<canvas id="visitors-chart" height="200"></canvas>
|
|
</div>
|
|
|
|
<div class="d-flex flex-row justify-content-end">
|
|
<span class="me-2">
|
|
<i class="fas fa-square text-primary"></i> This Week
|
|
</span>
|
|
|
|
<span>
|
|
<i class="fas fa-square text-gray"></i> Last Week
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.card -->
|
|
|
|
<div class="card">
|
|
<div class="card-header border-0">
|
|
<h3 class="card-title">Products</h3>
|
|
<div class="card-tools">
|
|
<a href="#" class="btn btn-tool btn-sm">
|
|
<i class="fas fa-download"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-tool btn-sm">
|
|
<i class="fas fa-bars"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body table-responsive p-0">
|
|
<table class="table table-striped align-middle">
|
|
<thead>
|
|
<tr>
|
|
<th>Product</th>
|
|
<th>Price</th>
|
|
<th>Sales</th>
|
|
<th>More</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>
|
|
<img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2">
|
|
Some Product
|
|
</td>
|
|
<td>$13 USD</td>
|
|
<td>
|
|
<small class="text-success me-1">
|
|
<i class="fas fa-arrow-up"></i>
|
|
12%
|
|
</small>
|
|
12,000 Sold
|
|
</td>
|
|
<td>
|
|
<a href="#" class="text-muted">
|
|
<i class="fas fa-search"></i>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2">
|
|
Another Product
|
|
</td>
|
|
<td>$29 USD</td>
|
|
<td>
|
|
<small class="text-warning me-1">
|
|
<i class="fas fa-arrow-down"></i>
|
|
0.5%
|
|
</small>
|
|
123,234 Sold
|
|
</td>
|
|
<td>
|
|
<a href="#" class="text-muted">
|
|
<i class="fas fa-search"></i>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2">
|
|
Amazing Product
|
|
</td>
|
|
<td>$1,230 USD</td>
|
|
<td>
|
|
<small class="text-danger me-1">
|
|
<i class="fas fa-arrow-down"></i>
|
|
3%
|
|
</small>
|
|
198 Sold
|
|
</td>
|
|
<td>
|
|
<a href="#" class="text-muted">
|
|
<i class="fas fa-search"></i>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2">
|
|
Perfect Item
|
|
<span class="badge bg-danger">NEW</span>
|
|
</td>
|
|
<td>$199 USD</td>
|
|
<td>
|
|
<small class="text-success me-1">
|
|
<i class="fas fa-arrow-up"></i>
|
|
63%
|
|
</small>
|
|
87 Sold
|
|
</td>
|
|
<td>
|
|
<a href="#" class="text-muted">
|
|
<i class="fas fa-search"></i>
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- /.card -->
|
|
</div>
|
|
<!-- /.col-md-6 -->
|
|
<div class="col-lg-6">
|
|
<div class="card">
|
|
<div class="card-header border-0">
|
|
<div class="d-flex justify-content-between">
|
|
<h3 class="card-title">Sales</h3>
|
|
<a href="javascript:void(0);">View Report</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-flex">
|
|
<p class="d-flex flex-column">
|
|
<span class="fw-bold text-lg">$18,230.00</span>
|
|
<span>Sales Over Time</span>
|
|
</p>
|
|
<p class="ms-auto d-flex flex-column text-end">
|
|
<span class="text-success">
|
|
<i class="fas fa-arrow-up"></i> 33.1%
|
|
</span>
|
|
<span class="text-muted">Since last month</span>
|
|
</p>
|
|
</div>
|
|
<!-- /.d-flex -->
|
|
|
|
<div class="position-relative mb-4">
|
|
<canvas id="sales-chart" height="200"></canvas>
|
|
</div>
|
|
|
|
<div class="d-flex flex-row justify-content-end">
|
|
<span class="me-2">
|
|
<i class="fas fa-square text-primary"></i> This year
|
|
</span>
|
|
|
|
<span>
|
|
<i class="fas fa-square text-gray"></i> Last year
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.card -->
|
|
|
|
<div class="card">
|
|
<div class="card-header border-0">
|
|
<h3 class="card-title">Online Store Overview</h3>
|
|
<div class="card-tools">
|
|
<a href="#" class="btn btn-sm btn-tool">
|
|
<i class="fas fa-download"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-sm btn-tool">
|
|
<i class="fas fa-bars"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center border-bottom mb-3">
|
|
<p class="text-success fs-2">
|
|
<i class="ion ion-ios-refresh-empty"></i>
|
|
</p>
|
|
<p class="d-flex flex-column text-end">
|
|
<span class="fw-bold">
|
|
<i class="ion ion-android-arrow-up text-success"></i> 12%
|
|
</span>
|
|
<span class="text-muted">CONVERSION RATE</span>
|
|
</p>
|
|
</div>
|
|
<!-- /.d-flex -->
|
|
<div class="d-flex justify-content-between align-items-center border-bottom mb-3">
|
|
<p class="text-warning fs-2">
|
|
<i class="ion ion-ios-cart-outline"></i>
|
|
</p>
|
|
<p class="d-flex flex-column text-end">
|
|
<span class="fw-bold">
|
|
<i class="ion ion-android-arrow-up text-warning"></i> 0.8%
|
|
</span>
|
|
<span class="text-muted">SALES RATE</span>
|
|
</p>
|
|
</div>
|
|
<!-- /.d-flex -->
|
|
<div class="d-flex justify-content-between align-items-center mb-0">
|
|
<p class="text-danger fs-2">
|
|
<i class="ion ion-ios-people-outline"></i>
|
|
</p>
|
|
<p class="d-flex flex-column text-end">
|
|
<span class="fw-bold">
|
|
<i class="ion ion-android-arrow-down text-danger"></i> 1%
|
|
</span>
|
|
<span class="text-muted">REGISTRATION RATE</span>
|
|
</p>
|
|
</div>
|
|
<!-- /.d-flex -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.col-md-6 -->
|
|
</div>
|
|
<!-- /.row -->
|
|
</div><!-- /.container-fluid -->
|
|
</div>
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
|
|
@@include('./dashboard/_footer.html', {
|
|
"path": "."
|
|
})
|
|
</div>
|
|
<!-- ./wrapper -->
|
|
|
|
@@include('./_scripts.html', {
|
|
"path": "."
|
|
})
|
|
|
|
<!-- ChartJS -->
|
|
<script src="./vendor/chart.js/dist/chart.js"></script>
|
|
<!-- AdminLTE dashboard3 demo (This is only for demo purposes) -->
|
|
<script src="./assets/js/dashboard3.js"></script>
|
|
</body>
|
|
</html>
|