github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

html improve

pull/4884/head
Daniel 2023-01-29 17:19:42 +05:30
parent 1058fae717
commit 72642c0bdc
13 changed files with 204 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/index.html
View File

@ -26,7 +26,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="fs-3">Dashboard</div> <h3>Dashboard</h3>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-end"> <ol class="breadcrumb float-sm-end">
@ -43,7 +43,7 @@
<div class="row"> <div class="row">
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-primary"> <div class="small-box text-bg-primary">
<div class="inner"> <div class="inner">
<h3>150</h3> <h3>150</h3>
@ -58,7 +58,7 @@
<!-- ./col --> <!-- ./col -->
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-success"> <div class="small-box text-bg-success">
<div class="inner"> <div class="inner">
<h3>53<sup class="fs-5">%</sup></h3> <h3>53<sup class="fs-5">%</sup></h3>
@ -73,7 +73,7 @@
<!-- ./col --> <!-- ./col -->
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-warning"> <div class="small-box text-bg-warning">
<div class="inner"> <div class="inner">
<h3>44</h3> <h3>44</h3>
@ -88,7 +88,7 @@
<!-- ./col --> <!-- ./col -->
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-danger"> <div class="small-box text-bg-danger">
<div class="inner"> <div class="inner">
<h3>65</h3> <h3>65</h3>
@ -146,7 +146,7 @@
<h3 class="card-title">Direct Chat</h3> <h3 class="card-title">Direct Chat</h3>
<div class="card-tools"> <div class="card-tools">
<span title="3 New Messages" class="badge bg-primary">3</span> <span title="3 New Messages" class="badge text-bg-primary">3</span>
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
<i class="fa-solid fa-minus"></i> <i class="fa-solid fa-minus"></i>
</button> </button>

56
src/index2.html
View File

@ -25,7 +25,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="fs-3">Dashboard v2</div> <h3>Dashboard v2</h3>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-end"> <ol class="breadcrumb float-sm-end">
@ -42,7 +42,7 @@
<div class="row"> <div class="row">
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box"> <div class="info-box">
<span class="info-box-icon bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span> <span class="info-box-icon text-bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">CPU Traffic</span> <span class="info-box-text">CPU Traffic</span>
@ -58,7 +58,7 @@
<!-- /.col --> <!-- /.col -->
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box"> <div class="info-box">
<span class="info-box-icon bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span> <span class="info-box-icon text-bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">Likes</span> <span class="info-box-text">Likes</span>
@ -75,7 +75,7 @@
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box"> <div class="info-box">
<span class="info-box-icon bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span> <span class="info-box-icon text-bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">Sales</span> <span class="info-box-text">Sales</span>
@ -88,7 +88,7 @@
<!-- /.col --> <!-- /.col -->
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box"> <div class="info-box">
<span class="info-box-icon bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span> <span class="info-box-icon text-bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">New Members</span> <span class="info-box-text">New Members</span>
@ -153,7 +153,7 @@
Add Products to Cart Add Products to Cart
<span class="float-end"><b>160</b>/200</span> <span class="float-end"><b>160</b>/200</span>
<div class="progress progress-sm"> <div class="progress progress-sm">
<div class="progress-bar bg-primary" style="width: 80%"></div> <div class="progress-bar text-bg-primary" style="width: 80%"></div>
</div> </div>
</div> </div>
<!-- /.progress-group --> <!-- /.progress-group -->
@ -162,7 +162,7 @@
Complete Purchase Complete Purchase
<span class="float-end"><b>310</b>/400</span> <span class="float-end"><b>310</b>/400</span>
<div class="progress progress-sm"> <div class="progress progress-sm">
<div class="progress-bar bg-danger" style="width: 75%"></div> <div class="progress-bar text-bg-danger" style="width: 75%"></div>
</div> </div>
</div> </div>
@ -171,7 +171,7 @@
<span class="progress-text">Visit Premium Page</span> <span class="progress-text">Visit Premium Page</span>
<span class="float-end"><b>480</b>/800</span> <span class="float-end"><b>480</b>/800</span>
<div class="progress progress-sm"> <div class="progress progress-sm">
<div class="progress-bar bg-success" style="width: 60%"></div> <div class="progress-bar text-bg-success" style="width: 60%"></div>
</div> </div>
</div> </div>
@ -180,7 +180,7 @@
Send Inquiries Send Inquiries
<span class="float-end"><b>250</b>/500</span> <span class="float-end"><b>250</b>/500</span>
<div class="progress progress-sm"> <div class="progress progress-sm">
<div class="progress-bar bg-warning" style="width: 50%"></div> <div class="progress-bar text-bg-warning" style="width: 50%"></div>
</div> </div>
</div> </div>
<!-- /.progress-group --> <!-- /.progress-group -->
@ -203,7 +203,7 @@
<!-- /.col --> <!-- /.col -->
<div class="col-sm-3 col-6"> <div class="col-sm-3 col-6">
<div class="description-block border-end"> <div class="description-block border-end">
<span class="description-percentage text-purple"><i class="fa-solid fa-caret-left"></i> 0%</span> <span class="description-percentage text-info"><i class="fa-solid fa-caret-left"></i> 0%</span>
<h5 class="description-header">$10,390.90</h5> <h5 class="description-header">$10,390.90</h5>
<span class="description-text">TOTAL COST</span> <span class="description-text">TOTAL COST</span>
</div> </div>
@ -250,7 +250,7 @@
<h3 class="card-title">Direct Chat</h3> <h3 class="card-title">Direct Chat</h3>
<div class="card-tools"> <div class="card-tools">
<span title="3 New Messages" class="badge bg-warning">3</span> <span title="3 New Messages" class="badge text-bg-warning">3</span>
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
<i class="fa-solid fa-minus"></i> <i class="fa-solid fa-minus"></i>
</button> </button>
@ -455,7 +455,7 @@
<h3 class="card-title">Latest Members</h3> <h3 class="card-title">Latest Members</h3>
<div class="card-tools"> <div class="card-tools">
<span class="badge bg-danger">8 New Members</span> <span class="badge text-bg-danger">8 New Members</span>
<button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"> <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse">
<i class="fa-solid fa-minus"></i> <i class="fa-solid fa-minus"></i>
</button> </button>
@ -552,7 +552,7 @@
<tr> <tr>
<td><a href="pages/examples/invoice.html">OR9842</a></td> <td><a href="pages/examples/invoice.html">OR9842</a></td>
<td>Call of Duty IV</td> <td>Call of Duty IV</td>
<td><span class="badge bg-success">Shipped</span></td> <td><span class="badge text-bg-success">Shipped</span></td>
<td> <td>
<div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div> <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
</td> </td>
@ -560,7 +560,7 @@
<tr> <tr>
<td><a href="pages/examples/invoice.html">OR1848</a></td> <td><a href="pages/examples/invoice.html">OR1848</a></td>
<td>Samsung Smart TV</td> <td>Samsung Smart TV</td>
<td><span class="badge bg-warning">Pending</span></td> <td><span class="badge text-bg-warning">Pending</span></td>
<td> <td>
<div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div> <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
</td> </td>
@ -568,7 +568,7 @@
<tr> <tr>
<td><a href="pages/examples/invoice.html">OR7429</a></td> <td><a href="pages/examples/invoice.html">OR7429</a></td>
<td>iPhone 6 Plus</td> <td>iPhone 6 Plus</td>
<td><span class="badge bg-danger">Delivered</span></td> <td><span class="badge text-bg-danger">Delivered</span></td>
<td> <td>
<div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div> <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
</td> </td>
@ -576,7 +576,7 @@
<tr> <tr>
<td><a href="pages/examples/invoice.html">OR7429</a></td> <td><a href="pages/examples/invoice.html">OR7429</a></td>
<td>Samsung Smart TV</td> <td>Samsung Smart TV</td>
<td><span class="badge bg-purple">Processing</span></td> <td><span class="badge text-bg-info">Processing</span></td>
<td> <td>
<div class="sparkbar" data-color="#00c0ef" data-height="20">90,80,-90,70,-61,83,63</div> <div class="sparkbar" data-color="#00c0ef" data-height="20">90,80,-90,70,-61,83,63</div>
</td> </td>
@ -584,7 +584,7 @@
<tr> <tr>
<td><a href="pages/examples/invoice.html">OR1848</a></td> <td><a href="pages/examples/invoice.html">OR1848</a></td>
<td>Samsung Smart TV</td> <td>Samsung Smart TV</td>
<td><span class="badge bg-warning">Pending</span></td> <td><span class="badge text-bg-warning">Pending</span></td>
<td> <td>
<div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div> <div class="sparkbar" data-color="#f39c12" data-height="20">90,80,-90,70,61,-83,68</div>
</td> </td>
@ -592,7 +592,7 @@
<tr> <tr>
<td><a href="pages/examples/invoice.html">OR7429</a></td> <td><a href="pages/examples/invoice.html">OR7429</a></td>
<td>iPhone 6 Plus</td> <td>iPhone 6 Plus</td>
<td><span class="badge bg-danger">Delivered</span></td> <td><span class="badge text-bg-danger">Delivered</span></td>
<td> <td>
<div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div> <div class="sparkbar" data-color="#f56954" data-height="20">90,-80,90,70,-61,83,63</div>
</td> </td>
@ -600,7 +600,7 @@
<tr> <tr>
<td><a href="pages/examples/invoice.html">OR9842</a></td> <td><a href="pages/examples/invoice.html">OR9842</a></td>
<td>Call of Duty IV</td> <td>Call of Duty IV</td>
<td><span class="badge bg-success">Shipped</span></td> <td><span class="badge text-bg-success">Shipped</span></td>
<td> <td>
<div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div> <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
</td> </td>
@ -623,7 +623,7 @@
<div class="col-md-4"> <div class="col-md-4">
<!-- Info Boxes Style 2 --> <!-- Info Boxes Style 2 -->
<div class="info-box mb-3 bg-warning"> <div class="info-box mb-3 text-bg-warning">
<span class="info-box-icon"><i class="fa-solid fa-tag"></i></span> <span class="info-box-icon"><i class="fa-solid fa-tag"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -633,7 +633,7 @@
<!-- /.info-box-content --> <!-- /.info-box-content -->
</div> </div>
<!-- /.info-box --> <!-- /.info-box -->
<div class="info-box mb-3 bg-success"> <div class="info-box mb-3 text-bg-success">
<span class="info-box-icon"><i class="fa-regular fa-heart"></i></span> <span class="info-box-icon"><i class="fa-regular fa-heart"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -643,7 +643,7 @@
<!-- /.info-box-content --> <!-- /.info-box-content -->
</div> </div>
<!-- /.info-box --> <!-- /.info-box -->
<div class="info-box mb-3 bg-danger"> <div class="info-box mb-3 text-bg-danger">
<span class="info-box-icon"><i class="fa-solid fa-cloud-download-alt"></i></span> <span class="info-box-icon"><i class="fa-solid fa-cloud-download-alt"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -653,7 +653,7 @@
<!-- /.info-box-content --> <!-- /.info-box-content -->
</div> </div>
<!-- /.info-box --> <!-- /.info-box -->
<div class="info-box mb-3 bg-purple"> <div class="info-box mb-3 text-bg-info">
<span class="info-box-icon"><i class="fa-regular fa-comment"></i></span> <span class="info-box-icon"><i class="fa-regular fa-comment"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -723,7 +723,7 @@
<li class="nav-item"> <li class="nav-item">
<a href="#" class="nav-link"> <a href="#" class="nav-link">
China China
<span class="float-end text-purple"> <span class="float-end text-info">
<i class="fa-solid fa-arrow-left fs-7"></i> 0% <i class="fa-solid fa-arrow-left fs-7"></i> 0%
</span> </span>
</a> </a>
@ -757,7 +757,7 @@
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript:void(0)" class="product-title">Samsung TV <a href="javascript:void(0)" class="product-title">Samsung TV
<span class="badge bg-warning float-end">$1800</span></a> <span class="badge text-bg-warning float-end">$1800</span></a>
<span class="product-description"> <span class="product-description">
Samsung 32" 1080p 60Hz LED Smart HDTV. Samsung 32" 1080p 60Hz LED Smart HDTV.
</span> </span>
@ -770,7 +770,7 @@
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript:void(0)" class="product-title">Bicycle <a href="javascript:void(0)" class="product-title">Bicycle
<span class="badge bg-purple float-end">$700</span></a> <span class="badge text-bg-info float-end">$700</span></a>
<span class="product-description"> <span class="product-description">
26" Mongoose Dolomite Men's 7-speed, Navy Blue. 26" Mongoose Dolomite Men's 7-speed, Navy Blue.
</span> </span>
@ -783,7 +783,7 @@
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript:void(0)" class="product-title"> <a href="javascript:void(0)" class="product-title">
Xbox One <span class="badge bg-danger float-end"> Xbox One <span class="badge text-bg-danger float-end">
$350 $350
</span> </span>
</a> </a>
@ -799,7 +799,7 @@
</div> </div>
<div class="product-info"> <div class="product-info">
<a href="javascript:void(0)" class="product-title">PlayStation 4 <a href="javascript:void(0)" class="product-title">PlayStation 4
<span class="badge bg-success float-end">$399</span></a> <span class="badge text-bg-success float-end">$399</span></a>
<span class="product-description"> <span class="product-description">
PlayStation 4 500GB Console (PS4) PlayStation 4 500GB Console (PS4)
</span> </span>

4
src/index3.html
View File

@ -26,7 +26,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="fs-3">Dashboard v3</div> <h3>Dashboard v3</h3>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-end"> <ol class="breadcrumb float-sm-end">
@ -164,7 +164,7 @@
<td> <td>
<img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2"> <img src="./assets/img/default-150x150.png" alt="Product 1" class="img-circle img-size-32 me-2">
Perfect Item Perfect Item
<span class="badge bg-danger">NEW</span> <span class="badge text-bg-danger">NEW</span>
</td> </td>
<td>$199 USD</td> <td>$199 USD</td>
<td> <td>

2
src/pages/examples/login.html
View File

@ -6,7 +6,7 @@
<!-- icheck bootstrap --> <!-- icheck bootstrap -->
@@include('./_head.html', { @@include('./_head.html', {
"path": "../..", "path": "../..",
"title": "AdminLTE 4 | General Form Elements" "title": "AdminLTE 4 | Login Page"
}) })
</head> </head>
<body class="login-page"> <body class="login-page">

84
src/pages/examples/register.html Normal file
View File

@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<!-- For RTL verison -->
<!-- <html lang="en" dir="rtl"> -->
<head>
<!-- icheck bootstrap -->
@@include('./_head.html', {
"path": "../..",
"title": "AdminLTE 4 | Register Page"
})
</head>
<body class="register-page">
<div class="register-box">
<div class="register-logo">
<a href="../../index2.html"><b>Admin</b>LTE</a>
</div>
<!-- /.register-logo -->
<div class="card">
<div class="card-body register-card-body">
<p class="register-box-msg">Register a new membership</p>
<form action="../../index3.html" method="post">
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Full Name">
<div class="input-group-text">
<span class="fa-solid fa-user"></span>
</div>
</div>
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Email">
<div class="input-group-text">
<span class="fa-solid fa-envelope"></span>
</div>
</div>
<div class="input-group mb-3">
<input type="password" class="form-control" placeholder="Password">
<div class="input-group-text">
<span class="fa-solid fa-lock"></span>
</div>
</div>
<div class="row">
<div class="col-8">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
I agree to the <a href="#">terms</a>
</label>
</div>
</div>
<!-- /.col -->
<div class="col-4">
<div class="d-grid gap-2">
<button type="submit" class="btn btn-primary">Sign In</button>
</div>
</div>
<!-- /.col -->
</div>
</form>
<div class="social-auth-links text-center mb-3 d-grid gap-2">
<p>- OR -</p>
<a href="#" class="btn btn-primary">
<i class="fa-brands fa-facebook me-2"></i> Sign in using Facebook
</a>
<a href="#" class="btn btn-danger">
<i class="fa-brands fa-google-plus me-2"></i> Sign in using Google+
</a>
</div>
<!-- /.social-auth-links -->
<p class="mb-0">
<a href="login.html" class="text-center">I already have a membership</a>
</p>
</div>
<!-- /.register-card-body -->
</div>
</div>
<!-- /.register-box -->
@@include('./_scripts.html', {
"path": "../.."
})
</body>
</html>

2
src/pages/forms/general.html
View File

@ -25,7 +25,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="fs-3">General Form</div> <h3>General Form</h3>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-end"> <ol class="breadcrumb float-sm-end">

2
src/pages/layout/fixed-sidebar.html
View File

@ -25,7 +25,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="fs-3">Fixed Layout</div> <h3>Fixed Layout</h3>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-end"> <ol class="breadcrumb float-sm-end">

58
src/pages/tables/simple.html
View File

@ -25,7 +25,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="fs-3">Simple Tables</div> <h3>Simple Tables</h3>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-end"> <ol class="breadcrumb float-sm-end">
@ -65,37 +65,37 @@
<div class="progress-bar progress-bar-danger" style="width: 55%"></div> <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-danger">55%</span></td> <td><span class="badge text-bg-danger">55%</span></td>
</tr> </tr>
<tr> <tr>
<td>2.</td> <td>2.</td>
<td>Clean database</td> <td>Clean database</td>
<td> <td>
<div class="progress progress-xs"> <div class="progress progress-xs">
<div class="progress-bar bg-warning" style="width: 70%"></div> <div class="progress-bar text-bg-warning" style="width: 70%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-warning">70%</span></td> <td><span class="badge text-bg-warning">70%</span></td>
</tr> </tr>
<tr> <tr>
<td>3.</td> <td>3.</td>
<td>Cron job running</td> <td>Cron job running</td>
<td> <td>
<div class="progress progress-xs progress-striped active"> <div class="progress progress-xs progress-striped active">
<div class="progress-bar bg-primary" style="width: 30%"></div> <div class="progress-bar text-bg-primary" style="width: 30%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-primary">30%</span></td> <td><span class="badge text-bg-primary">30%</span></td>
</tr> </tr>
<tr> <tr>
<td>4.</td> <td>4.</td>
<td>Fix and squish bugs</td> <td>Fix and squish bugs</td>
<td> <td>
<div class="progress progress-xs progress-striped active"> <div class="progress progress-xs progress-striped active">
<div class="progress-bar bg-success" style="width: 90%"></div> <div class="progress-bar text-bg-success" style="width: 90%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-success">90%</span></td> <td><span class="badge text-bg-success">90%</span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -137,37 +137,37 @@
<div class="progress-bar progress-bar-danger" style="width: 55%"></div> <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-danger">55%</span></td> <td><span class="badge text-bg-danger">55%</span></td>
</tr> </tr>
<tr> <tr>
<td>2.</td> <td>2.</td>
<td>Clean database</td> <td>Clean database</td>
<td> <td>
<div class="progress progress-xs"> <div class="progress progress-xs">
<div class="progress-bar bg-warning" style="width: 70%"></div> <div class="progress-bar text-bg-warning" style="width: 70%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-warning">70%</span></td> <td><span class="badge text-bg-warning">70%</span></td>
</tr> </tr>
<tr> <tr>
<td>3.</td> <td>3.</td>
<td>Cron job running</td> <td>Cron job running</td>
<td> <td>
<div class="progress progress-xs progress-striped active"> <div class="progress progress-xs progress-striped active">
<div class="progress-bar bg-primary" style="width: 30%"></div> <div class="progress-bar text-bg-primary" style="width: 30%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-primary">30%</span></td> <td><span class="badge text-bg-primary">30%</span></td>
</tr> </tr>
<tr> <tr>
<td>4.</td> <td>4.</td>
<td>Fix and squish bugs</td> <td>Fix and squish bugs</td>
<td> <td>
<div class="progress progress-xs progress-striped active"> <div class="progress progress-xs progress-striped active">
<div class="progress-bar bg-success" style="width: 90%"></div> <div class="progress-bar text-bg-success" style="width: 90%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-success">90%</span></td> <td><span class="badge text-bg-success">90%</span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -212,37 +212,37 @@
<div class="progress-bar progress-bar-danger" style="width: 55%"></div> <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-danger">55%</span></td> <td><span class="badge text-bg-danger">55%</span></td>
</tr> </tr>
<tr> <tr>
<td>2.</td> <td>2.</td>
<td>Clean database</td> <td>Clean database</td>
<td> <td>
<div class="progress progress-xs"> <div class="progress progress-xs">
<div class="progress-bar bg-warning" style="width: 70%"></div> <div class="progress-bar text-bg-warning" style="width: 70%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-warning">70%</span></td> <td><span class="badge text-bg-warning">70%</span></td>
</tr> </tr>
<tr> <tr>
<td>3.</td> <td>3.</td>
<td>Cron job running</td> <td>Cron job running</td>
<td> <td>
<div class="progress progress-xs progress-striped active"> <div class="progress progress-xs progress-striped active">
<div class="progress-bar bg-primary" style="width: 30%"></div> <div class="progress-bar text-bg-primary" style="width: 30%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-primary">30%</span></td> <td><span class="badge text-bg-primary">30%</span></td>
</tr> </tr>
<tr> <tr>
<td>4.</td> <td>4.</td>
<td>Fix and squish bugs</td> <td>Fix and squish bugs</td>
<td> <td>
<div class="progress progress-xs progress-striped active"> <div class="progress progress-xs progress-striped active">
<div class="progress-bar bg-success" style="width: 90%"></div> <div class="progress-bar text-bg-success" style="width: 90%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-success">90%</span></td> <td><span class="badge text-bg-success">90%</span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -275,37 +275,37 @@
<div class="progress-bar progress-bar-danger" style="width: 55%"></div> <div class="progress-bar progress-bar-danger" style="width: 55%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-danger">55%</span></td> <td><span class="badge text-bg-danger">55%</span></td>
</tr> </tr>
<tr> <tr>
<td>2.</td> <td>2.</td>
<td>Clean database</td> <td>Clean database</td>
<td> <td>
<div class="progress progress-xs"> <div class="progress progress-xs">
<div class="progress-bar bg-warning" style="width: 70%"></div> <div class="progress-bar text-bg-warning" style="width: 70%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-warning">70%</span></td> <td><span class="badge text-bg-warning">70%</span></td>
</tr> </tr>
<tr> <tr>
<td>3.</td> <td>3.</td>
<td>Cron job running</td> <td>Cron job running</td>
<td> <td>
<div class="progress progress-xs progress-striped active"> <div class="progress progress-xs progress-striped active">
<div class="progress-bar bg-primary" style="width: 30%"></div> <div class="progress-bar text-bg-primary" style="width: 30%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-primary">30%</span></td> <td><span class="badge text-bg-primary">30%</span></td>
</tr> </tr>
<tr> <tr>
<td>4.</td> <td>4.</td>
<td>Fix and squish bugs</td> <td>Fix and squish bugs</td>
<td> <td>
<div class="progress progress-xs progress-striped active"> <div class="progress progress-xs progress-striped active">
<div class="progress-bar bg-success" style="width: 90%"></div> <div class="progress-bar text-bg-success" style="width: 90%"></div>
</div> </div>
</td> </td>
<td><span class="badge bg-success">90%</span></td> <td><span class="badge text-bg-success">90%</span></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

2
src/pages/widgets/cards.html
View File

@ -25,7 +25,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="fs-3">Cards</div> <h3>Cards</h3>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-end"> <ol class="breadcrumb float-sm-end">

34
src/pages/widgets/info-box.html
View File

@ -26,7 +26,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="fs-3">Info Box</div> <h3>Info Box</h3>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-end"> <ol class="breadcrumb float-sm-end">
@ -44,7 +44,7 @@
<div class="row"> <div class="row">
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box"> <div class="info-box">
<span class="info-box-icon bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span> <span class="info-box-icon text-bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">CPU Traffic</span> <span class="info-box-text">CPU Traffic</span>
@ -61,7 +61,7 @@
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box"> <div class="info-box">
<span class="info-box-icon bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span> <span class="info-box-icon text-bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">Sales</span> <span class="info-box-text">Sales</span>
@ -78,7 +78,7 @@
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box"> <div class="info-box">
<span class="info-box-icon bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span> <span class="info-box-icon text-bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">New Members</span> <span class="info-box-text">New Members</span>
@ -92,7 +92,7 @@
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box"> <div class="info-box">
<span class="info-box-icon bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span> <span class="info-box-icon text-bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">Likes</span> <span class="info-box-text">Likes</span>
@ -111,7 +111,7 @@
<div class="row"> <div class="row">
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box shadow-none"> <div class="info-box shadow-none">
<span class="info-box-icon bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span> <span class="info-box-icon text-bg-primary shadow-sm"><i class="fa-solid fa-cog"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">CPU Traffic</span> <span class="info-box-text">CPU Traffic</span>
@ -128,7 +128,7 @@
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box shadow-sm"> <div class="info-box shadow-sm">
<span class="info-box-icon bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span> <span class="info-box-icon text-bg-success shadow-sm"><i class="fa-solid fa-shopping-cart"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">Sales</span> <span class="info-box-text">Sales</span>
@ -145,7 +145,7 @@
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box shadow"> <div class="info-box shadow">
<span class="info-box-icon bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span> <span class="info-box-icon text-bg-warning shadow-sm"><i class="fa-solid fa-users"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">New Members</span> <span class="info-box-text">New Members</span>
@ -159,7 +159,7 @@
<div class="col-12 col-sm-6 col-md-3"> <div class="col-12 col-sm-6 col-md-3">
<div class="info-box shadow-lg"> <div class="info-box shadow-lg">
<span class="info-box-icon bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span> <span class="info-box-icon text-bg-danger shadow-sm"><i class="fa-solid fa-thumbs-up"></i></span>
<div class="info-box-content"> <div class="info-box-content">
<span class="info-box-text">Likes</span> <span class="info-box-text">Likes</span>
@ -177,7 +177,7 @@
<h5 class="mt-4 mb-2">Info Box With <code>bg-*</code></h5> <h5 class="mt-4 mb-2">Info Box With <code>bg-*</code></h5>
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-6 col-12"> <div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-primary"> <div class="info-box text-bg-primary">
<span class="info-box-icon"><i class="fa-regular fa-bookmark"></i></span> <span class="info-box-icon"><i class="fa-regular fa-bookmark"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -197,7 +197,7 @@
</div> </div>
<!-- /.col --> <!-- /.col -->
<div class="col-md-3 col-sm-6 col-12"> <div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-success"> <div class="info-box text-bg-success">
<span class="info-box-icon"><i class="fa-regular fa-thumbs-up"></i></span> <span class="info-box-icon"><i class="fa-regular fa-thumbs-up"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -217,7 +217,7 @@
</div> </div>
<!-- /.col --> <!-- /.col -->
<div class="col-md-3 col-sm-6 col-12"> <div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-warning"> <div class="info-box text-bg-warning">
<span class="info-box-icon"><i class="fa-regular fa-calendar-alt"></i></span> <span class="info-box-icon"><i class="fa-regular fa-calendar-alt"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -237,7 +237,7 @@
</div> </div>
<!-- /.col --> <!-- /.col -->
<div class="col-md-3 col-sm-6 col-12"> <div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-danger"> <div class="info-box text-bg-danger">
<span class="info-box-icon"><i class="fa-solid fa-comments"></i></span> <span class="info-box-icon"><i class="fa-solid fa-comments"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -263,7 +263,7 @@
<h5 class="mt-4 mb-2">Info Box With <code>bg-gradient</code></h5> <h5 class="mt-4 mb-2">Info Box With <code>bg-gradient</code></h5>
<div class="row"> <div class="row">
<div class="col-md-3 col-sm-6 col-12"> <div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-primary bg-gradient"> <div class="info-box text-bg-primary bg-gradient">
<span class="info-box-icon"><i class="fa-regular fa-bookmark"></i></span> <span class="info-box-icon"><i class="fa-regular fa-bookmark"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -283,7 +283,7 @@
</div> </div>
<!-- /.col --> <!-- /.col -->
<div class="col-md-3 col-sm-6 col-12"> <div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-success bg-gradient"> <div class="info-box text-bg-success bg-gradient">
<span class="info-box-icon"><i class="fa-regular fa-thumbs-up"></i></span> <span class="info-box-icon"><i class="fa-regular fa-thumbs-up"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -303,7 +303,7 @@
</div> </div>
<!-- /.col --> <!-- /.col -->
<div class="col-md-3 col-sm-6 col-12"> <div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-warning bg-gradient"> <div class="info-box text-bg-warning bg-gradient">
<span class="info-box-icon"><i class="fa-regular fa-calendar-alt"></i></span> <span class="info-box-icon"><i class="fa-regular fa-calendar-alt"></i></span>
<div class="info-box-content"> <div class="info-box-content">
@ -323,7 +323,7 @@
</div> </div>
<!-- /.col --> <!-- /.col -->
<div class="col-md-3 col-sm-6 col-12"> <div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-danger bg-gradient"> <div class="info-box text-bg-danger bg-gradient">
<span class="info-box-icon"><i class="fa-solid fa-comments"></i></span> <span class="info-box-icon"><i class="fa-solid fa-comments"></i></span>
<div class="info-box-content"> <div class="info-box-content">

10
src/pages/widgets/small-box.html
View File

@ -26,7 +26,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row mb-2"> <div class="row mb-2">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="fs-3">Small Box</div> <h3>Small Box</h3>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
<ol class="breadcrumb float-sm-end"> <ol class="breadcrumb float-sm-end">
@ -45,7 +45,7 @@
<div class="row"> <div class="row">
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-primary"> <div class="small-box text-bg-primary">
<div class="inner"> <div class="inner">
<h3>150</h3> <h3>150</h3>
@ -60,7 +60,7 @@
<!-- ./col --> <!-- ./col -->
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-success"> <div class="small-box text-bg-success">
<div class="inner"> <div class="inner">
<h3>53<sup class="fs-5">%</sup></h3> <h3>53<sup class="fs-5">%</sup></h3>
@ -75,7 +75,7 @@
<!-- ./col --> <!-- ./col -->
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-warning"> <div class="small-box text-bg-warning">
<div class="inner"> <div class="inner">
<h3>44</h3> <h3>44</h3>
@ -90,7 +90,7 @@
<!-- ./col --> <!-- ./col -->
<div class="col-lg-3 col-6"> <div class="col-lg-3 col-6">
<!-- small box --> <!-- small box -->
<div class="small-box bg-danger"> <div class="small-box text-bg-danger">
<div class="inner"> <div class="inner">
<h3>65</h3> <h3>65</h3>

28
src/partials/dashboard/_sidenav.html
View File

@ -2,7 +2,7 @@
<aside class="main-sidebar sidebar-bg-dark sidebar-color-primary shadow"> <aside class="main-sidebar sidebar-bg-dark sidebar-color-primary shadow">
<div class="brand-container"> <div class="brand-container">
<a href="javascript:;" class="brand-link"> <a href="javascript:;" class="brand-link">
<img src="@@path/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-80 shadow"> <img src="@@path/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-75 shadow">
<span class="brand-text fw-light">AdminLTE 4</span> <span class="brand-text fw-light">AdminLTE 4</span>
</a> </a>
<a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:;" role="button"><i class="fa-solid fa-angle-double-left"></i></a> <a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:;" role="button"><i class="fa-solid fa-angle-double-left"></i></a>
@ -76,7 +76,7 @@
<i class="nav-icon fa-solid fa-circle"></i> <i class="nav-icon fa-solid fa-circle"></i>
<p> <p>
Layout Options Layout Options
<span class="badge bg-info float-end me-3">6</span> <span class="badge text-bg-info float-end me-3">6</span>
<i class="end fa-solid fa-angle-right"></i> <i class="end fa-solid fa-angle-right"></i>
</p> </p>
</a> </a>
@ -123,6 +123,30 @@
</li> </li>
</ul> </ul>
</li> </li>
<li class="nav-header">EXAMPLES</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link">
<i class="nav-icon fa-solid fa-arrow-right-to-bracket"></i>
<p>
Login & Register
<i class="end fa-solid fa-angle-right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="@@path/pages/examples/login.html" class="nav-link ">
<i class="nav-icon fa-regular fa-circle"></i>
<p>Login v1</p>
</a>
</li>
<li class="nav-item">
<a href="@@path/pages/examples/register.html" class="nav-link ">
<i class="nav-icon fa-regular fa-circle"></i>
<p>Register v1</p>
</a>
</li>
</ul>
</li>
<li class="nav-header">MULTI LEVEL EXAMPLE</li> <li class="nav-header">MULTI LEVEL EXAMPLE</li>
<li class="nav-item"> <li class="nav-item">
<a href="javascript:;" class="nav-link"> <a href="javascript:;" class="nav-link">

7
src/partials/dashboard/_topbar.html
View File

@ -27,7 +27,7 @@
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link" data-bs-toggle="dropdown" href="#"> <a class="nav-link" data-bs-toggle="dropdown" href="#">
<i class="fa-regular fa-comments"></i> <i class="fa-regular fa-comments"></i>
<span class="navbar-badge badge bg-danger">3</span> <span class="navbar-badge badge text-bg-danger">3</span>
</a> </a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
<a href="#" class="dropdown-item"> <a href="#" class="dropdown-item">
@ -91,7 +91,7 @@
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link" data-bs-toggle="dropdown" href="#"> <a class="nav-link" data-bs-toggle="dropdown" href="#">
<i class="fa-regular fa-bell"></i> <i class="fa-regular fa-bell"></i>
<span class="navbar-badge badge bg-warning">15</span> <span class="navbar-badge badge text-bg-warning">15</span>
</a> </a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
<span class="dropdown-item dropdown-header">15 Notifications</span> <span class="dropdown-item dropdown-header">15 Notifications</span>
@ -121,7 +121,7 @@
</a> </a>
<ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end"> <ul class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
<!-- User image --> <!-- User image -->
<li class="user-header bg-primary"> <li class="user-header text-bg-primary">
<img src="@@path/assets/img/user2-160x160.jpg" class="img-circle shadow" alt="User Image"> <img src="@@path/assets/img/user2-160x160.jpg" class="img-circle shadow" alt="User Image">
<p> <p>
@ -156,7 +156,6 @@
<span class="theme-icon-active"> <span class="theme-icon-active">
<i class="my-1"></i> <i class="my-1"></i>
</span> </span>
<span class="d-lg-none ms-2">Toggle theme</span>
</button> </button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;"> <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;">
<li> <li>