133 lines
7.5 KiB
Plaintext
133 lines
7.5 KiB
Plaintext
<%- include('partials/htmlHead.ejs') %>
|
|
<div class="container">
|
|
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-4">
|
|
<div class="col-xl-3 col-lg-6">
|
|
<div class="info-card l-bg-cherry">
|
|
<div class="card-statistic p-4">
|
|
<div class="card-icon card-icon-large"><i class="bi bi-cart"></i></div>
|
|
<div class="mb-4">
|
|
<h5 class="card-title mb-0">New Orders</h5>
|
|
</div>
|
|
<div class="row align-items-center mb-2 d-flex">
|
|
<div class="col-8">
|
|
<h2 class="d-flex align-items-center mb-0">
|
|
3,243
|
|
</h2>
|
|
</div>
|
|
<div class="col-4 text-right">
|
|
<span>12.5% <i class="fa fa-arrow-up"></i></span>
|
|
</div>
|
|
</div>
|
|
<div class="progress mt-1 " data-height="8" style="height: 8px;">
|
|
<div class="progress-bar l-bg-cyan" role="progressbar" data-width="25%" aria-valuenow="25"
|
|
aria-valuemin="0" aria-valuemax="100" style="width: 25%;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-lg-6">
|
|
<div class="info-card l-bg-blue-dark">
|
|
<div class="card-statistic p-4">
|
|
<div class="card-icon card-icon-large"><i class="bi bi-cart"></i></div>
|
|
<div class="mb-4">
|
|
<h5 class="card-title mb-0">New Orders</h5>
|
|
</div>
|
|
<div class="row align-items-center mb-2 d-flex">
|
|
<div class="col-8">
|
|
<h2 class="d-flex align-items-center mb-0">
|
|
3,243
|
|
</h2>
|
|
</div>
|
|
<div class="col-4 text-right">
|
|
<span>12.5% <i class="fa fa-arrow-up"></i></span>
|
|
</div>
|
|
</div>
|
|
<div class="progress mt-1 " data-height="8" style="height: 8px;">
|
|
<div class="progress-bar l-bg-cyan" role="progressbar" data-width="25%" aria-valuenow="25"
|
|
aria-valuemin="0" aria-valuemax="100" style="width: 25%;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="card node-card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-end">
|
|
<a class="text-muted dropdown-toggle font-size-16" href="#" role="button"
|
|
data-bs-toggle="dropdown" aria-haspopup="true"><i
|
|
class="bx bx-dots-horizontal-rounded"></i></a>
|
|
<div class="dropdown-menu dropdown-menu-end"><a class="dropdown-item" href="#">Edit</a><a
|
|
class="dropdown-item" href="#">Action</a><a class="dropdown-item"
|
|
href="#">Remove</a></div>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<div><img src="https://bootdey.com/img/Content/avatar/avatar1.png" alt=""
|
|
class="avatar-md rounded-circle img-thumbnail" /></div>
|
|
<div class="flex-1 ms-3">
|
|
<h5 class="font-size-16 mb-1"><a href="#" class="text-dark">Phyllis Gatlin</a></h5>
|
|
<span class="badge badge-soft-success mb-0">Full Stack Developer</span>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3 pt-1">
|
|
<p class="text-muted mb-0"><i
|
|
class="mdi mdi-phone font-size-15 align-middle pe-2 text-primary"></i> 070 2860 5375
|
|
</p>
|
|
<p class="text-muted mb-0 mt-2"><i
|
|
class="mdi mdi-email font-size-15 align-middle pe-2 text-primary"></i>
|
|
PhyllisGatlin@spy.com</p>
|
|
<p class="text-muted mb-0 mt-2"><i
|
|
class="mdi mdi-google-maps font-size-15 align-middle pe-2 text-primary"></i> 52
|
|
Ilchester MYBSTER 9WX</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="card node-card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-end">
|
|
<a class="text-muted dropdown-toggle font-size-16" href="#" role="button"
|
|
data-bs-toggle="dropdown" aria-haspopup="true"><i
|
|
class="bx bx-dots-horizontal-rounded"></i></a>
|
|
<div class="dropdown-menu dropdown-menu-end"><a class="dropdown-item" href="#">Edit</a><a
|
|
class="dropdown-item" href="#">Action</a><a class="dropdown-item"
|
|
href="#">Remove</a></div>
|
|
</div>
|
|
<div class="d-flex align-items-center">
|
|
<div><img src="https://bootdey.com/img/Content/avatar/avatar5.png" alt=""
|
|
class="avatar-md rounded-circle img-thumbnail" /></div>
|
|
<div class="flex-1 ms-3">
|
|
<h5 class="font-size-16 mb-1"><a href="#" class="text-dark">Diana Owens</a></h5>
|
|
<span class="badge badge-soft-danger mb-0">UI/UX Designer</span>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3 pt-1">
|
|
<p class="text-muted mb-0"><i
|
|
class="mdi mdi-phone font-size-15 align-middle pe-2 text-primary"></i> 087 6321 3235
|
|
</p>
|
|
<p class="text-muted mb-0 mt-2"><i
|
|
class="mdi mdi-email font-size-15 align-middle pe-2 text-primary"></i>
|
|
DianaOwens@spy.com</p>
|
|
<p class="text-muted mb-0 mt-2"><i
|
|
class="mdi mdi-google-maps font-size-15 align-middle pe-2 text-primary"></i> 52
|
|
Ilchester MYBSTER 9WX</p>
|
|
</div>
|
|
<div class="d-flex gap-2 pt-4">
|
|
<button type="button" class="btn btn-soft-primary btn-sm w-50"><i
|
|
class="bx bx-user me-1"></i> Profile</button>
|
|
<button type="button" class="btn btn-primary btn-sm w-50"><i
|
|
class="bx bx-message-square-dots me-1"></i> Contact</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<%- include('partials/bodyEnd.ejs') %>
|
|
|
|
<%- include('partials/htmlFooter.ejs') %> |