Dragula
- Robotech
- /
- Advanced UI
- /
- Dragula
Project Active
01:33 /
9:30
·
June 06
Organic Farming
There are many variations of passages of Lorem Ipsum available.
01:33 /
9:30
·
June 06
Transfer Money
There are many variations of passages of Lorem Ipsum available.
01:33 /
9:30
·
June 06
Mobile Account Setting
There are many variations of passages of Lorem Ipsum available.
Project Complete
01:33 /
9:30
·
June 06
Book My World
There are many variations of passages of Lorem Ipsum available.
01:33 /
9:30
·
June 06
Body Care
There are many variations of passages of Lorem Ipsum available.
01:33 /
9:30
·
June 06
New GPS System
There are many variations of passages of Lorem Ipsum available.
<!-- CSS -->
<link rel="stylesheet" href="assets/libs/dragula/dragula.min.css">
<!-- JS -->
<script src="assets/libs/dragula/dragula.min.js"></script>
<script src="assets/js/pages/dragula.init.js"></script>
<!-- HTML -->
<div id="dragula-left" class="pb-1 grid gap-4">
<div class="bg-white dark:bg-slate-800 shadow rounded-md relative">
<div class="flex-auto p-4">
<div class="absolute -top-2 -left-1"><i class="fas fa-circle text-green-500 text-xs"></i></div>
<p class="text-slate-400 text-sm float-right">
<span class="text-slate-400">01:33</span> /
<span class="text-slate-400">9:30</span>
<span class="mx-1">·</span>
<span><i class="far fa-fw fa-clock"></i> June 06</span>
</p>
<h5 class="font-medium mt-0 dark:text-slate-200">Organic Farming</h5>
<p class="text-slate-400 mb-1">There are many variations of passages of Lorem Ipsum available.
</p>
<div class="my-3">
<div class="flex justify-between mb-1">
<span class="text-sm font-medium text-slate-700 dark:text-white">Robotech</span>
<span class="text-sm font-medium text-slate-700 dark:text-white">45% Complete</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-1 dark:bg-gray-700">
<div class="bg-blue-500 h-1 rounded-full" style="width: 45%"></div>
</div>
</div>
<div class="flex justify-between">
<div class="flex -space-x-4">
<img class="w-10 h-10 border-2 border-white rounded-full dark:border-gray-800" src="assets/images/users/avatar-3.png" alt="">
<img class="w-10 h-10 border-2 border-white rounded-full dark:border-gray-800" src="assets/images/users/avatar-5.png" alt="">
<img class="w-10 h-10 border-2 border-white rounded-full dark:border-gray-800" src="assets/images/users/avatar-7.png" alt="">
<a class="flex items-center justify-center w-10 h-10 text-xs font-medium text-white bg-gray-700 border-2 border-white rounded-full hover:bg-gray-600 dark:border-gray-800" href="#">+9</a>
</div>
<ul class="mb-0 self-center">
<li class="inline-block mr-2">
<a class="" href="#">
<i class="mdi mdi-format-list-bulleted text-green-500 text-base"></i>
<span class="text-slate-400 font-medium">15/100</span>
</a>
</li>
<li class="inline-block">
<a class="" href="#">
<i class="mdi mdi-comment-outline dark:text-blue-400 text-primary text-base"></i>
<span class="text-slate-400 font-medium">3</span>
</a>
</li>
<li class="inline-block">
<a class="ml-2" href="#">
<i class="mdi mdi-pencil-outline text-slate-400 font-18"></i>
</a>
</li>
<li class="inline-block">
<a class="" href="#">
<i class="mdi mdi-trash-can-outline text-slate-400 font-18"></i>
</a>
</li>
</ul>
</div>
</div><!--end card-body-->
</div> <!--end card-->
</div>
<div id="dragula-right" class="pb-1 grid gap-4">
<div class="bg-white dark:bg-slate-800 shadow rounded-md relative">
<div class="flex-auto p-4">
<div class="absolute -top-2 -left-1"><i class="fas fa-circle text-red-500 text-xs"></i></div>
<p class="text-slate-400 text-sm float-right">
<span class="text-slate-400">01:33</span> /
<span class="text-slate-400">9:30</span>
<span class="mx-1">·</span>
<span><i class="far fa-fw fa-clock"></i> June 06</span>
</p>
<h5 class="font-medium mt-0 dark:text-slate-200">Book My World</h5>
<p class="text-slate-400 mb-1">There are many variations of passages of Lorem Ipsum available.
</p>
<div class="my-3">
<div class="flex justify-between mb-1">
<span class="text-sm font-medium text-slate-700 dark:text-white">Robotech</span>
<span class="text-sm font-medium text-slate-700 dark:text-white">45% Complete</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-1 dark:bg-gray-700">
<div class="bg-blue-500 h-1 rounded-full" style="width: 45%"></div>
</div>
</div>
<div class="flex justify-between">
<div class="flex -space-x-4">
<img class="w-10 h-10 border-2 border-white rounded-full dark:border-gray-800" src="assets/images/users/avatar-2.png" alt="">
<img class="w-10 h-10 border-2 border-white rounded-full dark:border-gray-800" src="assets/images/users/avatar-8.png" alt="">
<img class="w-10 h-10 border-2 border-white rounded-full dark:border-gray-800" src="assets/images/users/avatar-9.png" alt="">
<a class="flex items-center justify-center w-10 h-10 text-xs font-medium text-white bg-gray-700 border-2 border-white rounded-full hover:bg-gray-600 dark:border-gray-800" href="#">+9</a>
</div>
<ul class="mb-0 self-center">
<li class="inline-block mr-2">
<a class="" href="#">
<i class="mdi mdi-format-list-bulleted text-green-500 text-base"></i>
<span class="text-slate-400 font-medium">15/100</span>
</a>
</li>
<li class="inline-block">
<a class="" href="#">
<i class="mdi mdi-comment-outline dark:text-blue-400 text-primary text-base"></i>
<span class="text-slate-400 font-medium">3</span>
</a>
</li>
<li class="inline-block">
<a class="ml-2" href="#">
<i class="mdi mdi-pencil-outline text-slate-400 font-18"></i>
</a>
</li>
<li class="inline-block">
<a class="" href="#">
<i class="mdi mdi-trash-can-outline text-slate-400 font-18"></i>
</a>
</li>
</ul>
</div>
</div><!--end card-body-->
</div> <!--end card-->
</div>
@@include("partials/footer/footer.html")
