replacing with built-in css
This commit is contained in:
Daniel
@@ -1,7 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<!-- For RTL verison -->
|
||||
<!-- <html lang="en" dir="rtl"> -->
|
||||
<head>
|
||||
@@include('./_head.html', {
|
||||
"path": ".",
|
||||
@@ -51,14 +49,14 @@
|
||||
<div class="card-body">
|
||||
<div class="d-flex">
|
||||
<p class="d-flex flex-column">
|
||||
<span class="fw-bold text-lg">820</span>
|
||||
<span class="fw-bold fs-5">820</span>
|
||||
<span>Visitors Over Time</span>
|
||||
</p>
|
||||
<p class="ms-auto d-flex flex-column text-end">
|
||||
<span class="text-success">
|
||||
<span class="text-success-emphasis-emphasis">
|
||||
<i class="fa-solid fa-arrow-up"></i> 12.5%
|
||||
</span>
|
||||
<span class="text-muted">Since last week</span>
|
||||
<span class="text-secondary-emphasis">Since last week</span>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.d-flex -->
|
||||
@@ -69,11 +67,11 @@
|
||||
|
||||
<div class="d-flex flex-row justify-content-end">
|
||||
<span class="me-2">
|
||||
<i class="fa-solid fa-square text-primary"></i> This Week
|
||||
<i class="fa-solid fa-square text-primary-emphasis"></i> This Week
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<i class="fa-solid fa-square text-gray"></i> Last Week
|
||||
<i class="fa-solid fa-square text-secondary-emphasis"></i> Last Week
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -105,77 +103,77 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<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="rounded-circle img-size-32 me-2">
|
||||
Some Product
|
||||
</td>
|
||||
<td>$13 USD</td>
|
||||
<td>
|
||||
<small class="text-success me-1">
|
||||
<small class="text-success-emphasis me-1">
|
||||
<i class="fa-solid fa-arrow-up"></i>
|
||||
12%
|
||||
</small>
|
||||
12,000 Sold
|
||||
</td>
|
||||
<td>
|
||||
<a href="#" class="text-muted">
|
||||
<a href="#" class="text-secondary-emphasis">
|
||||
<i class="fa-solid 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">
|
||||
<img src="./assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
||||
Another Product
|
||||
</td>
|
||||
<td>$29 USD</td>
|
||||
<td>
|
||||
<small class="text-warning me-1">
|
||||
<small class="text-warning-emphasis me-1">
|
||||
<i class="fa-solid fa-arrow-down"></i>
|
||||
0.5%
|
||||
</small>
|
||||
123,234 Sold
|
||||
</td>
|
||||
<td>
|
||||
<a href="#" class="text-muted">
|
||||
<a href="#" class="text-secondary-emphasis">
|
||||
<i class="fa-solid 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">
|
||||
<img src="./assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
||||
Amazing Product
|
||||
</td>
|
||||
<td>$1,230 USD</td>
|
||||
<td>
|
||||
<small class="text-danger me-1">
|
||||
<small class="text-danger-emphasis me-1">
|
||||
<i class="fa-solid fa-arrow-down"></i>
|
||||
3%
|
||||
</small>
|
||||
198 Sold
|
||||
</td>
|
||||
<td>
|
||||
<a href="#" class="text-muted">
|
||||
<a href="#" class="text-secondary-emphasis">
|
||||
<i class="fa-solid 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">
|
||||
<img src="./assets/img/default-150x150.png" alt="Product 1" class="rounded-circle img-size-32 me-2">
|
||||
Perfect Item
|
||||
<span class="badge text-bg-danger">NEW</span>
|
||||
</td>
|
||||
<td>$199 USD</td>
|
||||
<td>
|
||||
<small class="text-success me-1">
|
||||
<small class="text-success-emphasis me-1">
|
||||
<i class="fa-solid fa-arrow-up"></i>
|
||||
63%
|
||||
</small>
|
||||
87 Sold
|
||||
</td>
|
||||
<td>
|
||||
<a href="#" class="text-muted">
|
||||
<a href="#" class="text-secondary-emphasis">
|
||||
<i class="fa-solid fa-search"></i>
|
||||
</a>
|
||||
</td>
|
||||
@@ -198,14 +196,14 @@
|
||||
<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 class="fw-bold fs-5">$18,230.00</span>
|
||||
<span>Sales Over Time</span>
|
||||
</p>
|
||||
<p class="ms-auto d-flex flex-column text-end">
|
||||
<span class="text-success">
|
||||
<span class="text-success-emphasis">
|
||||
<i class="fa-solid fa-arrow-up"></i> 33.1%
|
||||
</span>
|
||||
<span class="text-muted">Since last month</span>
|
||||
<span class="text-secondary-emphasis">Since last month</span>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.d-flex -->
|
||||
@@ -216,11 +214,11 @@
|
||||
|
||||
<div class="d-flex flex-row justify-content-end">
|
||||
<span class="me-2">
|
||||
<i class="fa-solid fa-square text-primary"></i> This year
|
||||
<i class="fa-solid fa-square text-primary-emphasis"></i> This year
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<i class="fa-solid fa-square text-gray"></i> Last year
|
||||
<i class="fa-solid fa-square text-secondary-emphasis"></i> Last year
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -241,38 +239,38 @@
|
||||
</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">
|
||||
<p class="text-success-emphasis 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%
|
||||
<i class="ion ion-android-arrow-up text-success-emphasis"></i> 12%
|
||||
</span>
|
||||
<span class="text-muted">CONVERSION RATE</span>
|
||||
<span class="text-secondary-emphasis">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">
|
||||
<p class="text-warning-emphasis 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%
|
||||
<i class="ion ion-android-arrow-up text-warning-emphasis"></i> 0.8%
|
||||
</span>
|
||||
<span class="text-muted">SALES RATE</span>
|
||||
<span class="text-secondary-emphasis">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">
|
||||
<p class="text-danger-emphasis 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%
|
||||
<i class="ion ion-android-arrow-down text-danger-emphasis"></i> 1%
|
||||
</span>
|
||||
<span class="text-muted">REGISTRATION RATE</span>
|
||||
<span class="text-secondary-emphasis">REGISTRATION RATE</span>
|
||||
</p>
|
||||
</div>
|
||||
<!-- /.d-flex -->
|
||||
|
||||
Reference in New Issue
Block a user