2354 lines
122 KiB
HTML
2354 lines
122 KiB
HTML
{% extends layout_path %}
|
|
|
|
{% load static %}
|
|
{% load i18n %}
|
|
|
|
{% block title %}Tables - Basic Tables{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- 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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-2"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-2"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-2"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-2"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-2"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-2"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Basic Bootstrap Table -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- Bootstrap Dark Table -->
|
|
<div class="card overflow-hidden">
|
|
<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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Bootstrap Dark Table -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Bootstrap Table with Header Dark -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- Bootstrap Table with Header - Light -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-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-12" />
|
|
|
|
<!-- 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-6">
|
|
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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- Bootstrap Table with Caption -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Striped Rows -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--/ Bordered Table -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Borderless Table -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Hoverable Table rows -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Small table -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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="icon-base ti tabler-brand-sketch icon-md text-warning me-4"></i>
|
|
<span class="fw-medium">Sketch Project</span>
|
|
</td>
|
|
<td>Ronnie Shane</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-active">
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-primary">
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-secondary">
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">VueJs Project</span>
|
|
</td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-success">
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-danger">
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-sketch icon-md text-warning me-4"></i>
|
|
<span class="fw-medium">Sketch Project</span>
|
|
</td>
|
|
<td>Sarah Banks</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-warning">
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Custom</span></td>
|
|
<td>Ted Richer</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-info">
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Latest Bootstrap</span>
|
|
</td>
|
|
<td>Perry Parker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-light">
|
|
<td><i class="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i> <span class="fw-medium">Angular UI</span></td>
|
|
<td>Ana Bell</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="table-dark">
|
|
<td class="rounded-start-bottom">
|
|
<i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i>
|
|
<span class="fw-medium">Bootstrap UI</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Contextual Classes -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- Table within card -->
|
|
<h5 class="mb-4">Table without Card</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="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!--/ Table within card -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- 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>
|
|
<!--/ Responsive Table -->
|
|
|
|
<hr class="my-12" />
|
|
|
|
<!-- Nested table -->
|
|
<div class="card overflow-hidden">
|
|
<h5 class="card-header">Nested table</h5>
|
|
<div class="table-responsive">
|
|
<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>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-angular icon-md text-danger me-4"></i>
|
|
<span class="fw-medium">Angular Project</span>
|
|
</td>
|
|
<td>Albert Cook</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="5">
|
|
<table class="table mb-0 table-light">
|
|
<thead>
|
|
<tr>
|
|
<th>Project</th>
|
|
<th>Client</th>
|
|
<th>Users</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-react-native icon-md text-info me-4"></i> <span class="fw-medium">React Project</span></td>
|
|
<td>Barry Hunter</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><i class="icon-base ti tabler-brand-vue icon-md text-success me-4"></i> <span class="fw-medium">VueJs Project</span></td>
|
|
<td>Trevor Baker</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<i class="icon-base ti tabler-brand-bootstrap icon-md text-primary me-4"></i>
|
|
<span class="fw-medium">Bootstrap Project</span>
|
|
</td>
|
|
<td>Jerry Milton</td>
|
|
<td>
|
|
<ul class="list-unstyled 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="{% static '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="{% static '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="{% static '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="icon-base ti tabler-dots-vertical"></i>
|
|
</button>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-pencil me-1"></i> Edit</a>
|
|
<a class="dropdown-item" href="javascript:void(0);"><i class="icon-base ti tabler-trash me-1"></i> Delete</a>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!--/ Nested table -->
|
|
{% endblock %}
|