382 lines
13 KiB
HTML
382 lines
13 KiB
HTML
<div
|
|
class="overflow-hidden rounded-xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
|
>
|
|
<div class="max-w-full overflow-x-auto">
|
|
<table class="min-w-full">
|
|
<!-- table header start -->
|
|
<thead>
|
|
<tr class="border-b border-gray-100 dark:border-gray-800">
|
|
<th class="px-5 py-3 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
User
|
|
</p>
|
|
</div>
|
|
</th>
|
|
<th class="px-5 py-3 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
Project Name
|
|
</p>
|
|
</div>
|
|
</th>
|
|
<th class="px-5 py-3 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
Team
|
|
</p>
|
|
</div>
|
|
</th>
|
|
<th class="px-5 py-3 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
Status
|
|
</p>
|
|
</div>
|
|
</th>
|
|
<th class="px-5 py-3 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
Budget
|
|
</p>
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<!-- table header end -->
|
|
<!-- table body start -->
|
|
<tbody class="divide-y divide-gray-100 dark:divide-gray-800">
|
|
<tr>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-10 h-10 overflow-hidden rounded-full">
|
|
<img src="./images/user/user-17.jpg" alt="brand" />
|
|
</div>
|
|
|
|
<div>
|
|
<span
|
|
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
|
>
|
|
Lindsey Curtis
|
|
</span>
|
|
<span
|
|
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
Web Designer
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
|
Agency Website
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex -space-x-2">
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-22.jpg" alt="user" />
|
|
</div>
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-23.jpg" alt="user" />
|
|
</div>
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-24.jpg" alt="user" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-700 dark:bg-success-500/15 dark:text-success-500"
|
|
>
|
|
Active
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">3.9K</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-10 h-10 overflow-hidden rounded-full">
|
|
<img src="./images/user/user-18.jpg" alt="brand" />
|
|
</div>
|
|
|
|
<div>
|
|
<span
|
|
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
|
>
|
|
Kaiya George
|
|
</span>
|
|
<span
|
|
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
Project Manager
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
|
Technology
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex -space-x-2">
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-25.jpg" alt="user" />
|
|
</div>
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-26.jpg" alt="user" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="rounded-full bg-warning-50 px-2 py-0.5 text-theme-xs font-medium text-warning-700 dark:bg-warning-500/15 dark:text-warning-400"
|
|
>
|
|
Pending
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
|
24.9K
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-10 h-10 overflow-hidden rounded-full">
|
|
<img src="./images/user/user-19.jpg" alt="brand" />
|
|
</div>
|
|
|
|
<div>
|
|
<span
|
|
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
|
>
|
|
Zain Geidt
|
|
</span>
|
|
<span
|
|
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
Content Writer
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
|
Blog Writing
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex -space-x-2">
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-27.jpg" alt="user" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-700 dark:bg-success-500/15 dark:text-success-500"
|
|
>
|
|
Active
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
|
12.7K
|
|
</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-10 h-10 overflow-hidden rounded-full">
|
|
<img src="./images/user/user-20.jpg" alt="brand" />
|
|
</div>
|
|
|
|
<div>
|
|
<span
|
|
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
|
>
|
|
Abram Schleifer
|
|
</span>
|
|
<span
|
|
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
Digital Marketer
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
|
Social Media
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex -space-x-2">
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-28.jpg" alt="user" />
|
|
</div>
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-29.jpg" alt="user" />
|
|
</div>
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-30.jpg" alt="user" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="rounded-full bg-error-50 px-2 py-0.5 text-theme-xs font-medium text-error-700 dark:bg-error-500/15 dark:text-error-500"
|
|
>
|
|
Cancel
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">2.8K</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-10 h-10 overflow-hidden rounded-full">
|
|
<img src="./images/user/user-21.jpg" alt="brand" />
|
|
</div>
|
|
|
|
<div>
|
|
<span
|
|
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
|
>
|
|
Carla George
|
|
</span>
|
|
<span
|
|
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
|
>
|
|
Front-end Developer
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
|
Website
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<div class="flex -space-x-2">
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-31.jpg" alt="user" />
|
|
</div>
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-32.jpg" alt="user" />
|
|
</div>
|
|
<div
|
|
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
|
>
|
|
<img src="./images/user/user-33.jpg" alt="user" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p
|
|
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-700 dark:bg-success-500/15 dark:text-success-500"
|
|
>
|
|
Active
|
|
</p>
|
|
</div>
|
|
</td>
|
|
<td class="px-5 py-4 sm:px-6">
|
|
<div class="flex items-center">
|
|
<p class="text-gray-500 text-theme-sm dark:text-gray-400">4,5K</p>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|