1952 lines
126 KiB
Plaintext
1952 lines
126 KiB
Plaintext
@model IEnumerable<SoftwayWeb.Models.Destinazioni_Out.ConsegnaFatta>
|
|
|
|
@{
|
|
ViewData["Title"] = "Index";
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
<h4 class="py-3 mb-4">
|
|
<span class="text-muted fw-light">Tables /</span> Basic Tables
|
|
</h4>
|
|
|
|
<!-- Basic Bootstrap Table -->
|
|
<div class="card">
|
|
<h5 class="card-header">Table Basic</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-2"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-2"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-2"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-2"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-2"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-2"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Basic Bootstrap Table -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Bootstrap Dark Table -->
|
|
<div class="card">
|
|
<h5 class="card-header">Table Dark</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table table-dark">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="rounded-start-bottom"><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td class="rounded-end-bottom">
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Bootstrap Dark Table -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Bootstrap Table with Header - Dark -->
|
|
<div class="card">
|
|
<h5 class="card-header">Dark Table head</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table">
|
|
<thead class="table-dark">
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Bootstrap Table with Header Dark -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Bootstrap Table with Header - Light -->
|
|
<div class="card">
|
|
<h5 class="card-header">Light Table head</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- Bootstrap Table with Header - Light -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Bootstrap Table with Header - Footer -->
|
|
<div class="card">
|
|
<h5 class="card-header">Table Header & Footer</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot class="table-border-bottom-0">
|
|
<tr>
|
|
<th class="rounded-start-bottom">Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th class="rounded-end-bottom">Actions</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- Bootstrap Table with Header - Footer -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Bootstrap Table with Caption -->
|
|
<div class="card">
|
|
<h5 class="card-header">Table Caption</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table">
|
|
<caption class="ms-4">List of Projects</caption>
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- Bootstrap Table with Caption -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Striped Rows -->
|
|
<div class="card">
|
|
<h5 class="card-header">Striped rows</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Striped Rows -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Bordered Table -->
|
|
<div class="card">
|
|
<h5 class="card-header">Bordered Table</h5>
|
|
<div class="card-body">
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--/ Bordered Table -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Borderless Table -->
|
|
<div class="card">
|
|
<h5 class="card-header">Borderless Table</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table table-borderless">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Borderless Table -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Hoverable Table rows -->
|
|
<div class="card">
|
|
<h5 class="card-header">Hoverable rows</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table table-hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Hoverable Table rows -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Small table -->
|
|
|
|
<div class="card">
|
|
<h5 class="card-header">Small Table</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Small table -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Contextual Classes -->
|
|
|
|
<div class="card">
|
|
<h5 class="card-header">Contextual Classes</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr class="table-default">
|
|
<td><i class="bx bxl-sketch bx-sm text-warning me-3"></i> <span class="fw-medium">Sketch Project</span></td>
|
|
<td>Ronnie Shane</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-active">
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-primary">
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-secondary">
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-success">
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-danger">
|
|
<td><i class="bx bxl-sketch bx-sm text-warning me-3"></i> <span class="fw-medium">Sketch Project</span></td>
|
|
<td>Sarah Banks</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-warning">
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Custom</span></td>
|
|
<td>Ted Richer</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-info">
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Latest Bootstrap</span></td>
|
|
<td>Perry Parker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-light">
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular UI</span></td>
|
|
<td>Ana Bell</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-dark">
|
|
<td class="rounded-start-bottom"><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap UI</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td class="rounded-end-bottom">
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Contextual Classes -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Table within card -->
|
|
<h5 class="mb-4">Table without Card</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table card-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<td><i class="bx bxl-angular bx-sm text-danger me-3"></i> <span class="fw-medium">Angular Project</span></td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-primary me-1">Active</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-react bx-sm text-info me-3"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-success me-1">Completed</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-vuejs bx-sm text-success me-3"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-info me-1">Scheduled</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="bx bxl-bootstrap bx-sm text-primary me-3"></i> <span class="fw-medium">Bootstrap Project</span></td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled users-list m-0 avatar-group d-flex align-items-center">
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Lilian Fuller">
|
|
<img src="~/img/avatars/5.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Sophia Wilkerson">
|
|
<img src="~/img/avatars/6.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
<li data-bs-toggle="tooltip" data-popup="tooltip-custom" data-bs-placement="top" class="avatar avatar-xs pull-up" title="Christina Parker">
|
|
<img src="~/img/avatars/7.png" alt="Avatar" class="rounded-circle">
|
|
</li>
|
|
</ul>
|
|
</td>
|
|
<td><span class="badge bg-label-warning me-1">Pending</span></td>
|
|
<td>
|
|
<div class="dropdown">
|
|
<button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--/ Table within card -->
|
|
|
|
<hr class="my-5">
|
|
|
|
<!-- Responsive Table -->
|
|
<div class="card">
|
|
<h5 class="card-header">Responsive Table</h5>
|
|
<div class="table-responsive text-nowrap">
|
|
<table class="table">
|
|
<thead>
|
|
<tr class="text-nowrap">
|
|
<th>#</th>
|
|
<th>Table heading</th>
|
|
<th>Table heading</th>
|
|
<th>Table heading</th>
|
|
<th>Table heading</th>
|
|
<th>Table heading</th>
|
|
<th>Table heading</th>
|
|
<th>Table heading</th>
|
|
<th>Table heading</th>
|
|
<th>Table heading</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="table-border-bottom-0">
|
|
<tr>
|
|
<th scope="row">1</th>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">2</th>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">3</th>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
<td>Table cell</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|