/r/n <\/div>\r\n <span>Eshal Rosas<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"w-6 h-6 rounded-full border-gray-200 border transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//1.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//2.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//3.jpg/"//>/r/n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <span class=\"bg-purple-200 text-purple-600 py-1 px-3 rounded-full text-xs\">Active<\/span>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex item-center justify-center\">\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-200 bg-gray-50 hover:bg-gray-100\">\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6\" src=https://www.creative-tim.com/"https:////img.icons8.com//color//100//000000//vue-js.png/"//>/r/n <\/div>\r\n <span class=\"font-medium\">Vue Project<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6 rounded-full\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//2.jpg/"//>/r/n <\/div>\r\n <span>Anita Rodriquez<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"w-6 h-6 rounded-full border-gray-200 border transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//1.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//2.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//3.jpg/"//>/r/n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <span class=\"bg-green-200 text-green-600 py-1 px-3 rounded-full text-xs\">Completed<\/span>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex item-center justify-center\">\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-200 hover:bg-gray-100\">\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6\" src=https://www.creative-tim.com/"https:////img.icons8.com//color//100//000000//angularjs.png/"//>/r/n <\/div>\r\n <span class=\"font-medium\">Angular Project<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6 rounded-full\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//3.jpg/"//>/r/n <\/div>\r\n <span>Taylan Bush<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"w-6 h-6 rounded-full border-gray-200 border transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//1.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//2.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//3.jpg/"//>/r/n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <span class=\"bg-yellow-200 text-yellow-600 py-1 px-3 rounded-full text-xs\">Scheduled<\/span>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex item-center justify-center\">\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-200 bg-gray-50 hover:bg-gray-100\">\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6\" src=https://www.creative-tim.com/"https:////cdn3.iconfinder.com//data//icons//popular-services-brands//512//laravel-64.png/"//>/r/n <\/div>\r\n <span class=\"font-medium\">Laravel Project<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6 rounded-full\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//4.jpg/"//>/r/n <\/div>\r\n <span>Tarik Novak<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"w-6 h-6 rounded-full border-gray-200 border transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//1.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//2.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//3.jpg/"//>/r/n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <span class=\"bg-red-200 text-red-600 py-1 px-3 rounded-full text-xs\">Pending<\/span>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex item-center justify-center\">\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-200 hover:bg-gray-100\">\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6\" src=https://www.creative-tim.com/"https:////img.icons8.com//color//48//000000//git.png/" \/>\r\n <\/div>\r\n <span class=\"font-medium\">GIT Project<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6 rounded-full\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//5.jpg/"//>/r/n <\/div>\r\n <span>Oscar Howard<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"w-6 h-6 rounded-full border-gray-200 border transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//1.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//2.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//3.jpg/"//>/r/n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <span class=\"bg-purple-200 text-purple-600 py-1 px-3 rounded-full text-xs\">Active<\/span>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex item-center justify-center\">\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-200 bg-gray-50 hover:bg-gray-100\">\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6\" src=https://www.creative-tim.com/"https:////img.icons8.com//color//48//000000//nodejs.png/" \/>\r\n <\/div>\r\n <span class=\"font-medium\">NodeJS Project<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6 rounded-full\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//6.jpg/"//>/r/n <\/div>\r\n <span>Melisa Moon<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"w-6 h-6 rounded-full border-gray-200 border transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//1.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//2.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//3.jpg/"//>/r/n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <span class=\"bg-yellow-200 text-yellow-600 py-1 px-3 rounded-full text-xs\">Scheduled<\/span>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex item-center justify-center\">\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-200 hover:bg-gray-100\">\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6\" src=https://www.creative-tim.com/"https:////img.icons8.com//color//48//000000//javascript.png/"//>/r/n <\/div>\r\n <span class=\"font-medium\">JavaScript Project<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6 rounded-full\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//7.jpg/"//>/r/n <\/div>\r\n <span>Cora Key<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"w-6 h-6 rounded-full border-gray-200 border transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//1.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//2.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//3.jpg/"//>/r/n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <span class=\"bg-red-200 text-red-600 py-1 px-3 rounded-full text-xs\">Pending<\/span>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex item-center justify-center\">\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-200 bg-gray-50 hover:bg-gray-100\">\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6\" src=https://www.creative-tim.com/"https:////img.icons8.com//color//48//000000//php.png/"//>/r/n <\/div>\r\n <span class=\"font-medium\">PHP Project<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-left\">\r\n <div class=\"flex items-center\">\r\n <div class=\"mr-2\">\r\n <img class=\"w-6 h-6 rounded-full\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//8.jpg/"//>/r/n <\/div>\r\n <span>Kylan Dorsey<\/span>\r\n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex items-center justify-center\">\r\n <img class=\"w-6 h-6 rounded-full border-gray-200 border transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//1.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//women//2.jpg/"//>/r/n <img class=\"w-6 h-6 rounded-full border-gray-200 border -m-1 transform hover:scale-125\" src=https://www.creative-tim.com/"https:////randomuser.me//api//portraits//men//3.jpg/"//>/r/n <\/div>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <span class=\"bg-green-200 text-green-600 py-1 px-3 rounded-full text-xs\">Completed<\/span>\r\n <\/td>\r\n <td class=\"py-3 px-6 text-center\">\r\n <div class=\"flex item-center justify-center\">\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"w-4 mr-2 transform hover:text-purple-500 hover:scale-110\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>","author_type":"App\\User","author_id":2238,"collection_id":null,"fork_id":null,"votes":2,"score":"2.5","visits":77177,"popularity":105,"slug":"tailwind-css-projects-table","approved":1,"created_at":"2021-11-16T00:00:00.000000Z","updated_at":"2024-08-29T07:26:13.000000Z","downloads":35,"code_views":957,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":10785,"model_type":"App\\Component","model_id":5764,"collection_name":"preview","name":"temp22057","file_name":"temp22057.png","mime_type":"image\/png","disk":"public","size":111191,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp22057___media_library_original_1280_957.png","temp22057___media_library_original_1070_800.png","temp22057___media_library_original_895_669.png","temp22057___media_library_original_749_560.png","temp22057___media_library_original_627_469.png","temp22057___media_library_original_524_392.png","temp22057___media_library_original_439_328.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvUzh6WU9Lc2dUN1J6anZRQW4yb1pJNzBESExOdU5BZ2pVR1VacVN0QnhSZnRmNFVDS2UxZnRUL0FGcktUTlVrMFhncTRHSzFXeGt4b1FnNXFoQVVPN2QzcERHZVFDeGJISm9zZ3VTQmNDZ1IvOWs9Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg=="}},"order_column":1,"created_at":"2023-11-16T15:08:01.000000Z","updated_at":"2023-11-16T15:08:06.000000Z","conversions_disk":"public","uuid":"d06189a6-17bf-4f2a-a822-be89198f1769","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/10785\/temp22057.png","preview_url":""}],"author":{"id":2238,"name":"Gleb Varganov","slug":"gleb-varganov","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/54357640?v=4","header":null,"created_at":"2021-02-13T20:51:54.000000Z","updated_at":"2021-02-21T18:45:15.000000Z"},"tags":[{"id":11,"name":{"en":"Tabs"},"description":"Explore our collection of tab examples that will help you organize your content. Our examples come with snippets that are ready-to-use directly in your Tailwind CSS project.","meta_description":"Explore our collection of tab examples that will help you organize your content for your Tailwind project.","slug":{"en":"tabs"},"type":null,"order_column":12,"created_at":"2020-09-29T11:58:26.000000Z","updated_at":"2022-08-01T16:21:57.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5764,"tag_id":11}}],"fork":null,"favorites":[{"id":12286,"name":"s8990","slug":"s8990","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/16442699?v=4","header":null,"created_at":"2023-05-09T08:10:34.000000Z","updated_at":"2023-05-09T08:10:34.000000Z","pivot":{"component_id":5764,"user_id":12286}}]}" :edit="false">
Full screen Preview
