We Design and Develop Clean and High Quality Web Applications
Karen Robinson
Hey ! i'm available here
Your order is placed
Dummy text of the printing and industry.
Robert McCray
Good Morning!
Meeting with designers
It is a long established fact that a reader.
01:33 / 9:30 · June 06
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">Dastone</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">Dastone</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>
