1183 lines
78 KiB
HTML
1183 lines
78 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
@@include("partials/title-meta.html", {"title": "Widgets"})
|
|
|
|
<!-- Plugins css-->
|
|
<link href="../assets/libs/sweetalert2/sweetalert2.min.css" rel="stylesheet" type="text/css" />
|
|
|
|
@@include('./partials/head-css.html')
|
|
|
|
</head>
|
|
|
|
<body class="loading">
|
|
|
|
<!-- Begin page -->
|
|
<div id="wrapper">
|
|
|
|
@@include('./partials/left-sidebar.html')
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- Start Page Content here -->
|
|
<!-- ============================================================== -->
|
|
|
|
<div class="content-page">
|
|
<div class="content">
|
|
|
|
@@include('./partials/topbar.html')
|
|
|
|
<!-- Start Content-->
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box">
|
|
<h4 class="page-title">Widgets</h4>
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Admin UI</a></li>
|
|
<li class="breadcrumb-item active">Widgets</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-simple text-center card">
|
|
<div class="card-body">
|
|
<h3 class="text-success mt-0"><span data-plugin="counterup">2562</span></h3>
|
|
<p class="text-muted mb-0">Total Sales today</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-simple text-center card">
|
|
<div class="card-body">
|
|
<h3 class="text-primary mt-0"><span data-plugin="counterup">5685</span></h3>
|
|
<p class="text-muted mb-0">Daily visitors</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-simple text-center card">
|
|
<div class="card-body">
|
|
<h3 class="text-pink mt-0">$ <span data-plugin="counterup">12480</span></h3>
|
|
<p class="text-muted mb-0">Total Earning</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-simple text-center card">
|
|
<div class="card-body">
|
|
<h3 class="text-purple mt-0"><span data-plugin="counterup">62</span></h3>
|
|
<p class="text-muted mb-0">Pending Orders</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-bg-color-icon card">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg rounded-circle bg-icon-success">
|
|
<i class="mdi mdi-android-studio font-24 avatar-title"></i>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0"><span data-plugin="counterup">64,570</span></h3>
|
|
<p class="text-muted mb-0">Today's Visits</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-bg-color-icon card">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg rounded-circle bg-icon-primary">
|
|
<i class="mdi mdi-amazon font-24 avatar-title"></i>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0"><span data-plugin="counterup">31,570</span></h3>
|
|
<p class="text-muted mb-0">Total Revenue</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-bg-color-icon card">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg rounded-circle bg-icon-danger">
|
|
<i class="mdi mdi-apple font-24 avatar-title"></i>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0"><span data-plugin="counterup">280</span></h3>
|
|
<p class="text-muted mb-0">Today's Sales</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-bg-color-icon card">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg rounded-circle bg-icon-purple">
|
|
<i class="mdi mdi-barley font-24 avatar-title"></i>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0"><span data-plugin="counterup">0.16</span>%</h3>
|
|
<p class="text-muted mb-0">Conversion</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-bg-color-icon card">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg rounded-circle bg-icon-info">
|
|
<i class="mdi mdi-black-mesa font-24 avatar-title"></i>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0"><span data-plugin="counterup">23,570</span></h3>
|
|
<p class="text-muted mb-0">Today's Visits</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-bg-color-icon card">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg rounded-circle bg-icon-warning">
|
|
<i class="mdi mdi-bullseye font-24 avatar-title"></i>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0"><span data-plugin="counterup">9,654</span></h3>
|
|
<p class="text-muted mb-0">Total Revenue</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-bg-color-icon card">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg rounded-circle bg-icon-dark">
|
|
<i class="mdi mdi-cart font-24 avatar-title"></i>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0"><span data-plugin="counterup">965</span></h3>
|
|
<p class="text-muted mb-0">Today's Sales</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-bg-color-icon card">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg rounded-circle bg-icon-pink">
|
|
<i class="mdi mdi-clock font-24 avatar-title"></i>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0"><span data-plugin="counterup">0.65</span>%</h3>
|
|
<p class="text-muted mb-0">Conversion</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-right">
|
|
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
|
|
<i class="mdi mdi-dots-horizontal"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Action</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="header-title mt-0">New Customers</h4>
|
|
|
|
<div class="mt-3">
|
|
<div class="media">
|
|
<div dir="ltr">
|
|
<input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#f05050 "
|
|
data-bgColor="#F9B9B9" value="58"
|
|
data-skin="tron" data-angleOffset="180" data-readOnly=true
|
|
data-thickness=".15"/>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0 mb-1"> 268 </h3>
|
|
<p class="text-muted mb-0">Since last week</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end col -->
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-right">
|
|
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
|
|
<i class="mdi mdi-dots-horizontal"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Action</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="header-title mt-0">Online Orders</h4>
|
|
|
|
<div class="mt-3">
|
|
<div class="media">
|
|
<div dir="ltr">
|
|
<input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#675db7"
|
|
data-bgColor="#e8e7f4" value="80"
|
|
data-skin="tron" data-angleOffset="180" data-readOnly=true
|
|
data-thickness=".15"/>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0 mb-1"> 8715 </h3>
|
|
<p class="text-muted mb-0">Since last month</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end col -->
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-right">
|
|
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
|
|
<i class="mdi mdi-dots-horizontal"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Action</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="header-title mt-0">Revenue</h4>
|
|
|
|
<div class="mt-3">
|
|
<div class="media">
|
|
<div dir="ltr">
|
|
<input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#23b397"
|
|
data-bgColor="#c8ece5" value="77"
|
|
data-skin="tron" data-angleOffset="180" data-readOnly=true
|
|
data-thickness=".15"/>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0 mb-1"> $925 </h3>
|
|
<p class="text-muted mb-0">This week</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end col -->
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-right">
|
|
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
|
|
<i class="mdi mdi-dots-horizontal"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Action</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Another action</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Something else</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Separated link</a>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="header-title mt-0">Daily Average</h4>
|
|
|
|
<div class="mt-3">
|
|
<div class="media">
|
|
<div dir="ltr">
|
|
<input data-plugin="knob" data-width="64" data-height="64" data-fgColor="#ffbd4a"
|
|
data-bgColor="#FFE6BA" value="35"
|
|
data-skin="tron" data-angleOffset="180" data-readOnly=true
|
|
data-thickness=".15"/>
|
|
</div>
|
|
<div class="media-body text-right align-self-center">
|
|
<h3 class="mt-0 mb-1"> $78.58 </h3>
|
|
<p class="text-muted mb-0">Revenue today</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end col -->
|
|
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Campaign Sent">Campaign Sent</h5>
|
|
<h3 class="my-2 py-1"><span data-plugin="counterup">865</span></h3>
|
|
<p class="mb-0 text-muted">
|
|
<span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 5.27%</span>
|
|
<span class="text-nowrap">Since last month</span>
|
|
</p>
|
|
</div>
|
|
<div class="avatar-sm">
|
|
<span class="avatar-title bg-soft-primary rounded">
|
|
<i class="ri-stack-line font-20 text-primary"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end col -->
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h5 class="text-muted font-weight-normal mt-0 text-truncate" title="New Leads">New Leads</h5>
|
|
<h3 class="my-2 py-1"><span data-plugin="counterup">384</span></h3>
|
|
<p class="mb-0 text-muted">
|
|
<span class="text-danger mr-2"><span class="mdi mdi-arrow-down-bold"></span> 3.27%</span>
|
|
<span class="text-nowrap">Since last month</span>
|
|
</p>
|
|
</div>
|
|
<div class="avatar-sm">
|
|
<span class="avatar-title bg-soft-primary rounded">
|
|
<i class="ri-slideshow-2-line font-20 text-primary"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end col -->
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Deals">Deals</h5>
|
|
<h3 class="my-2 py-1"><span data-plugin="counterup">34,521</span></h3>
|
|
<p class="mb-0 text-muted">
|
|
<span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 8.58%</span>
|
|
<span class="text-nowrap">Since last month</span>
|
|
</p>
|
|
</div>
|
|
<div class="avatar-sm">
|
|
<span class="avatar-title bg-soft-primary rounded">
|
|
<i class="ri-hand-heart-line font-20 text-primary"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end col -->
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between">
|
|
<div>
|
|
<h5 class="text-muted font-weight-normal mt-0 text-truncate" title="Booked Revenue">Booked Revenue</h5>
|
|
<h3 class="my-2 py-1">$<span data-plugin="counterup">89,357</span></h3>
|
|
<p class="mb-0 text-muted">
|
|
<span class="text-success mr-2"><span class="mdi mdi-arrow-up-bold"></span> 34.61%</span>
|
|
<span class="text-nowrap">Since last month</span>
|
|
</p>
|
|
</div>
|
|
<div class="avatar-sm">
|
|
<span class="avatar-title bg-soft-primary rounded">
|
|
<i class="ri-money-dollar-box-line font-20 text-primary"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-rounded-circle card">
|
|
<div class="card-body">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<div class="avatar-lg">
|
|
<img src="../assets/images/users/avatar-1.jpg" class="img-fluid rounded-circle" alt="user">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<h5 class="mt-0 mb-1">Chadengle</h5>
|
|
<p class="text-muted mb-2 font-13 text-truncate">coderthemes@gmail.com</p>
|
|
<small class="text-warning"><b>Admin</b></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-rounded-circle card">
|
|
<div class="card-body">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<div class="avatar-lg">
|
|
<img src="../assets/images/users/avatar-2.jpg" class="img-fluid rounded-circle" alt="user">
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<h5 class="mt-0 mb-1">Tomaslau</h5>
|
|
<p class="text-muted mb-2 font-13 text-truncate">coderthemes@gmail.com</p>
|
|
<small class="text-success"><b>User</b></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-rounded-circle card">
|
|
<div class="card-body">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<div class="avatar-lg">
|
|
<img src="../assets/images/users/avatar-3.jpg" class="img-fluid rounded-circle" alt="user">
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<h5 class="mt-0 mb-1">Stillnotdavid</h5>
|
|
<p class="text-muted mb-2 font-13 text-truncate">coderthemes@gmail.com</p>
|
|
<small class="text-pink"><b>Admin</b></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="widget-rounded-circle card">
|
|
<div class="card-body">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<div class="avatar-lg">
|
|
<img src="../assets/images/users/avatar-4.jpg" class="img-fluid rounded-circle" alt="user">
|
|
</div>
|
|
</div>
|
|
<div class="col">
|
|
<h5 class="mt-0 mb-1">Arashasghari</h5>
|
|
<p class="text-muted mb-2 font-13 text-truncate">coderthemes@gmail.com</p>
|
|
<small class="text-info"><b>User</b></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card widget-icon">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg">
|
|
<i class="mdi mdi-coffee text-primary avatar-title display-4 m-0"></i>
|
|
</div>
|
|
<div class="wid-icon-info media-body text-right">
|
|
<p class="text-muted mb-1 font-13 text-uppercase">New User</p>
|
|
<h4 class="mb-1 counter">8541</h4>
|
|
<small class="text-success"><b>39% Up</b></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card widget-icon">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg">
|
|
<i class="mdi mdi-contrast-circle text-warning avatar-title display-4 m-0"></i>
|
|
</div>
|
|
<div class="wid-icon-info media-body text-right">
|
|
<p class="text-muted mb-1 font-13 text-uppercase">New Orders</p>
|
|
<h4 class="mb-1 counter">6521</h4>
|
|
<small class="text-danger"><b>56% Down</b></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card widget-icon">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg">
|
|
<i class="mdi mdi-crown text-success avatar-title display-4 m-0"></i>
|
|
</div>
|
|
<div class="wid-icon-info media-body text-right">
|
|
<p class="text-muted mb-1 font-13 text-uppercase">Bug Reports</p>
|
|
<h4 class="mb-1 counter">1452</h4>
|
|
<small class="text-info"><b>0%</b></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="card widget-icon">
|
|
<div class="card-body">
|
|
<div class="media">
|
|
<div class="avatar-lg">
|
|
<i class="mdi mdi-download text-pink avatar-title display-4 m-0"></i>
|
|
</div>
|
|
<div class="wid-icon-info media-body text-right">
|
|
<p class="text-muted mb-1 font-13 text-uppercase">Total Downloads</p>
|
|
<h4 class="mb-1 counter">562</h4>
|
|
<small class="text-success"><b>39% Up</b></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
|
|
<!-- WEATHER -->
|
|
<div class="row">
|
|
|
|
<div class="col-xl-6">
|
|
|
|
<!-- BEGIN WEATHER WIDGET 1 -->
|
|
<div class="card bg-info border-info">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<div class="row align-items-center">
|
|
<div class="col-6 text-center">
|
|
<h1 class="display-4"><i class="wi wi-day-sleet text-white"></i></h1>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="text-white">
|
|
<h2 class="text-white"><b>32°</b></h2>
|
|
<p>Partly cloudy</p>
|
|
<p class=" mb-0">15km/h - 37%</p>
|
|
</div>
|
|
</div>
|
|
</div><!-- End row -->
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="row">
|
|
<div class="col-4 text-center">
|
|
<h4 class="text-white mt-0">SAT</h4>
|
|
<h3 class="my-3"><i class="wi wi-night-alt-cloudy text-white"></i></h3>
|
|
<h4 class="text-white mb-0">30<i class="wi wi-degrees"></i></h4>
|
|
</div>
|
|
<div class="col-4 text-center">
|
|
<h4 class="text-white mt-0">SUN</h4>
|
|
<h3 class="my-3"><i class="wi wi-day-sprinkle text-white"></i></h3>
|
|
<h4 class="text-white mb-0">28<i class="wi wi-degrees"></i></h4>
|
|
</div>
|
|
<div class="col-4 text-center">
|
|
<h4 class="text-white mt-0">MON</h4>
|
|
<h3 class="my-3"><i class="wi wi-hot text-white"></i></h3>
|
|
<h4 class="text-white mb-0">33<i class="wi wi-degrees"></i></h4>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div>
|
|
</div><!-- cardbox -->
|
|
<!-- END Weather WIDGET 1 -->
|
|
|
|
</div><!-- End col-xl-6 -->
|
|
|
|
<div class="col-xl-6">
|
|
|
|
<!-- WEATHER WIDGET 2 -->
|
|
<div class="card bg-success border-success">
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-7">
|
|
<div class="row align-items-center">
|
|
<div class="col-6 text-center">
|
|
<h1 class="display-4"><i class="wi wi-night-sprinkle text-white"></i></h1>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="text-white">
|
|
<h2 class="text-white"><b>18°</b></h2>
|
|
<p>Partly cloudy</p>
|
|
<p class=" mb-0">15km/h - 37%</p>
|
|
</div>
|
|
</div>
|
|
</div><!-- End row -->
|
|
</div>
|
|
<div class="col-md-5">
|
|
<div class="row">
|
|
<div class="col-4 text-center">
|
|
<h4 class="text-white mt-0">SAT</h4>
|
|
<h3 class="my-3"><i class="wi wi-day-sprinkle text-white"></i></h3>
|
|
<h4 class="text-white mb-0">30<i class="wi wi-degrees"></i></h4>
|
|
</div>
|
|
<div class="col-4 text-center">
|
|
<h4 class="text-white mt-0">SUN</h4>
|
|
<h3 class="my-3"><i class="wi wi-storm-showers text-white"></i></h3>
|
|
<h4 class="text-white mb-0">28<i class="wi wi-degrees"></i></h4>
|
|
</div>
|
|
<div class="col-4 text-center">
|
|
<h4 class="text-white mt-0">MON</h4>
|
|
<h3 class="my-3"><i class="wi wi-night-alt-cloudy text-white"></i></h3>
|
|
<h4 class="text-white mb-0">33<i class="wi wi-degrees"></i></h4>
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div>
|
|
</div><!-- end row -->
|
|
</div>
|
|
</div><!-- card-box -->
|
|
<!-- END WEATHER WIDGET 2 -->
|
|
|
|
</div><!-- /.col-xl-6 -->
|
|
</div> <!-- End row -->
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h4 class="mb-3">Chart Widgets</h4>
|
|
|
|
<div class="row">
|
|
<div class="col-xl-4">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title mb-3">Total Revenue</h4>
|
|
|
|
<div class="widget-chart text-center">
|
|
<div id="sparkline1" data-colors="#3bafda,#1abc9c"></div>
|
|
<div class="row mt-3">
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Target</p>
|
|
<h4>$1000</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last week</p>
|
|
<h4>$523</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
|
|
<h4>$965</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xl-4">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title mb-3">Sales Status</h4>
|
|
|
|
<div class="widget-chart text-center">
|
|
<div id="sparkline2" data-colors="#3bafda" class="text-center"></div>
|
|
<div class="row mt-3">
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Target</p>
|
|
<h4>$825</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last week</p>
|
|
<h4>$423</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
|
|
<h4>$806</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xl-4">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title mb-3">Recent Users</h4>
|
|
|
|
<div class="widget-chart text-center">
|
|
<div id="sparkline3" data-colors="#e3eaef,#3bafda,#1abc9c,#f1556c" class="text-center"></div>
|
|
<div class="row mt-3">
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Target</p>
|
|
<h4>$982</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last week</p>
|
|
<h4>$525</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
|
|
<h4>$937</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-xl-4">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title mb-3">Total Revenue</h4>
|
|
|
|
<div class="widget-chart text-center">
|
|
<div id="sparkline4" data-colors="#f672a7,#3bafda" class="text-center"></div>
|
|
<div class="row mt-3">
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Target</p>
|
|
<h4>$943</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last week</p>
|
|
<h4>$624</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
|
|
<h4>$904</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xl-4">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title mb-3">Sales Status</h4>
|
|
|
|
<div class="widget-chart text-center">
|
|
<div id="sparkline5" data-colors="#3bafda" class="text-center"></div>
|
|
|
|
<div class="row mt-3">
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Target</p>
|
|
<h4>$1022</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last week</p>
|
|
<h4>$538</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
|
|
<h4>$988</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-xl-4">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="header-title mb-3">Recent Users</h4>
|
|
|
|
<div class="widget-chart text-center">
|
|
<div id="sparkline6" data-colors="#f1556c,#1abc9c" class="text-center"></div>
|
|
<div class="row mt-3">
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Target</p>
|
|
<h4>$1022</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last week</p>
|
|
<h4>$538</h4>
|
|
</div>
|
|
<div class="col-4">
|
|
<p class="text-muted font-15 mb-1 text-truncate">Last Month</p>
|
|
<h4>$988</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end row -->
|
|
</div> <!-- end col-->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h4 class="mb-3">Other Widgets</h4>
|
|
|
|
<div class="row">
|
|
<!-- INBOX -->
|
|
<div class="col-xl-4">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-right">
|
|
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Settings</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Action</a>
|
|
</div>
|
|
</div>
|
|
<h4 class="header-title mb-3">Inbox</h4>
|
|
|
|
<div class="inbox-widget" data-simplebar style="max-height: 407px;">
|
|
<div class="inbox-item">
|
|
<div class="inbox-item-img"><img src="../assets/images/users/avatar-2.jpg" class="rounded-circle" alt=""></div>
|
|
<p class="inbox-item-author">Tomaslau</p>
|
|
<p class="inbox-item-text">I've finished it! See you so...</p>
|
|
<p class="inbox-item-date">
|
|
<a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
|
|
</p>
|
|
</div>
|
|
<div class="inbox-item">
|
|
<div class="inbox-item-img"><img src="../assets/images/users/avatar-3.jpg" class="rounded-circle" alt=""></div>
|
|
<p class="inbox-item-author">Stillnotdavid</p>
|
|
<p class="inbox-item-text">This theme is awesome!</p>
|
|
<p class="inbox-item-date">
|
|
<a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
|
|
</p>
|
|
</div>
|
|
<div class="inbox-item">
|
|
<div class="inbox-item-img"><img src="../assets/images/users/avatar-4.jpg" class="rounded-circle" alt=""></div>
|
|
<p class="inbox-item-author">Kurafire</p>
|
|
<p class="inbox-item-text">Nice to meet you</p>
|
|
<p class="inbox-item-date">
|
|
<a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="inbox-item">
|
|
<div class="inbox-item-img"><img src="../assets/images/users/avatar-5.jpg" class="rounded-circle" alt=""></div>
|
|
<p class="inbox-item-author">Shahedk</p>
|
|
<p class="inbox-item-text">Hey! there I'm available...</p>
|
|
<p class="inbox-item-date">
|
|
<a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
|
|
</p>
|
|
</div>
|
|
<div class="inbox-item">
|
|
<div class="inbox-item-img"><img src="../assets/images/users/avatar-6.jpg" class="rounded-circle" alt=""></div>
|
|
<p class="inbox-item-author">Adhamdannaway</p>
|
|
<p class="inbox-item-text">This theme is awesome!</p>
|
|
<p class="inbox-item-date">
|
|
<a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="inbox-item">
|
|
<div class="inbox-item-img"><img src="../assets/images/users/avatar-3.jpg" class="rounded-circle" alt=""></div>
|
|
<p class="inbox-item-author">Stillnotdavid</p>
|
|
<p class="inbox-item-text">This theme is awesome!</p>
|
|
<p class="inbox-item-date">
|
|
<a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
|
|
</p>
|
|
</div>
|
|
<div class="inbox-item">
|
|
<div class="inbox-item-img"><img src="../assets/images/users/avatar-4.jpg" class="rounded-circle" alt=""></div>
|
|
<p class="inbox-item-author">Kurafire</p>
|
|
<p class="inbox-item-text">Nice to meet you</p>
|
|
<p class="inbox-item-date">
|
|
<a href="javascript:(0);" class="btn btn-sm btn-link text-info font-13"> Reply </a>
|
|
</p>
|
|
</div>
|
|
</div> <!-- end inbox-widget -->
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div> <!-- end col -->
|
|
|
|
<!-- CHAT -->
|
|
<div class="col-xl-4">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-right">
|
|
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Settings</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Action</a>
|
|
</div>
|
|
</div>
|
|
<h4 class="header-title mb-3">Chat</h4>
|
|
|
|
<div class="chat-conversation">
|
|
<div data-simplebar style="height: 370px;">
|
|
<ul class="conversation-list">
|
|
<li class="clearfix">
|
|
<div class="chat-avatar">
|
|
<img src="../assets/images/users/avatar-5.jpg" alt="male">
|
|
<i>10:00</i>
|
|
</div>
|
|
<div class="conversation-text">
|
|
<div class="ctext-wrap">
|
|
<i>Smith</i>
|
|
<p>
|
|
Hello!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="clearfix odd">
|
|
<div class="chat-avatar">
|
|
<img src="../assets/images/users/avatar-1.jpg" alt="Female">
|
|
<i>10:01</i>
|
|
</div>
|
|
<div class="conversation-text">
|
|
<div class="ctext-wrap">
|
|
<i>Nik</i>
|
|
<p>
|
|
Hi, How are you? What about our next meeting?
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="clearfix">
|
|
<div class="chat-avatar">
|
|
<img src="../assets/images/users/avatar-5.jpg" alt="male">
|
|
<i>10:01</i>
|
|
</div>
|
|
<div class="conversation-text">
|
|
<div class="ctext-wrap">
|
|
<i>Smith</i>
|
|
<p>
|
|
Yeah everything is fine
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="clearfix odd">
|
|
<div class="chat-avatar">
|
|
<img src="../assets/images/users/avatar-1.jpg" alt="male">
|
|
<i>10:02</i>
|
|
</div>
|
|
<div class="conversation-text">
|
|
<div class="ctext-wrap">
|
|
<i>Nik</i>
|
|
<p>
|
|
Wow that's great
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<form class="needs-validation" novalidate name="chat-form" id="chat-form">
|
|
<div class="row">
|
|
<div class="col">
|
|
<input type="text" class="form-control chat-input" placeholder="Enter your text" required>
|
|
<div class="invalid-feedback">
|
|
Please enter your messsage
|
|
</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button type="submit" class="btn btn-primary chat-send width-sm waves-effect waves-light">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div> <!-- end .chat-conversation-->
|
|
</div>
|
|
</div> <!-- end card-->
|
|
</div> <!-- end col-->
|
|
|
|
<!-- Todos app -->
|
|
<div class="col-xl-4">
|
|
<!-- Todo-->
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="dropdown float-right">
|
|
<a href="#" class="dropdown-toggle arrow-none card-drop" data-toggle="dropdown" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical"></i>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Settings</a>
|
|
<!-- item-->
|
|
<a href="javascript:void(0);" class="dropdown-item">Action</a>
|
|
</div>
|
|
</div>
|
|
<h4 class="header-title mb-3">Todo</h4>
|
|
|
|
<div class="todoapp">
|
|
<div class="row">
|
|
<div class="col">
|
|
<h5 id="todo-message"><span id="todo-remaining"></span> of <span id="todo-total"></span> remaining</h5>
|
|
</div>
|
|
<div class="col-auto">
|
|
<a href="" class="float-right btn btn-light btn-sm" id="btn-archive">Archive</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="max-height: 310px;" data-simplebar>
|
|
<ul class="list-group list-group-flush todo-list" id="todo-list"></ul>
|
|
</div>
|
|
|
|
<form name="todo-form" id="todo-form" class="needs-validation mt-3" novalidate>
|
|
<div class="row">
|
|
<div class="col">
|
|
<input type="text" id="todo-input-text" name="todo-input-text" class="form-control"
|
|
placeholder="Add new todo" required>
|
|
<div class="invalid-feedback">
|
|
Please enter your task name
|
|
</div>
|
|
</div>
|
|
<div class="col-auto">
|
|
<button class="btn btn-primary btn-md btn-block width-sm waves-effect waves-light" type="submit" id="todo-btn-submit">Add</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div> <!-- end .todoapp-->
|
|
|
|
</div> <!-- end card-body -->
|
|
</div> <!-- end card-->
|
|
</div> <!-- end col -->
|
|
</div> <!-- end row -->
|
|
</div> <!-- end col-->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
|
|
|
|
</div> <!-- container -->
|
|
|
|
</div> <!-- content -->
|
|
|
|
@@include('./partials/footer.html')
|
|
|
|
</div>
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- End Page content -->
|
|
<!-- ============================================================== -->
|
|
|
|
|
|
</div>
|
|
<!-- END wrapper -->
|
|
|
|
@@include('./partials/right-sidebar.html')
|
|
|
|
<!-- Vendor js -->
|
|
<script src="../assets/js/vendor.min.js"></script>
|
|
|
|
<!-- Plugins js -->
|
|
<script src="../assets/libs/jquery-knob/jquery.knob.min.js"></script>
|
|
<script src="../assets/libs/jquery-sparkline/jquery.sparkline.min.js"></script>
|
|
<script src="../assets/libs/moment/min/moment.min.js"></script>
|
|
<script src="../assets/libs/jquery.scrollto/jquery.scrollTo.min.js"></script>
|
|
<script src="../assets/libs/sweetalert2/sweetalert2.min.js"></script>
|
|
|
|
<!-- Chat js -->
|
|
<script src="../assets/js/pages/jquery.chat.js"></script>
|
|
|
|
<!-- TODO js-->
|
|
<script src="../assets/js/pages/jquery.todo.js"></script>
|
|
|
|
<!-- Widgets demo js-->
|
|
<script src="../assets/js/pages/widgets.init.js"></script>
|
|
|
|
<!-- App js -->
|
|
<script src="../assets/js/app.min.js"></script>
|
|
|
|
</body>
|
|
</html> |