Card by Cybercom682
#161616
HTML +TailwindCSS
1<div 2 class="max-w-sm mx-auto bg-white dark:bg-zinc-800 shadow-md rounded-lg overflow-hidden" 3> 4 <div class="px-5 py-3 flex justify-between items-center"> 5 <h3 class="text-zinc-900 dark:text-white text-lg">Progress</h3> 6 <svg 7 stroke-width="2" 8 stroke="currentColor" 9 viewBox="0 0 24 24" 10 fill="none" 11 class="h-6 w-6 text-zinc-900 dark:text-white" 12 xmlns="http://www.w3.org/2000/svg" 13 > 14 <path 15 d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" 16 stroke-linejoin="round" 17 stroke-linecap="round" 18 ></path> 19 </svg> 20 </div> 21 <div class="px-5 pb-5"> 22 <p class="mb-2 text-sm text-zinc-600 dark:text-zinc-400"> 23 File: var/test/admin.php extracted.. 24 </p> 25 <div class="w-full bg-zinc-200 dark:bg-zinc-700 rounded-full h-2.5"> 26 <div style="width: 70%" class="bg-blue-600 h-2.5 rounded-full"></div> 27 </div> 28 <div class="flex justify-between items-center mt-3"> 29 <span class="text-sm text-zinc-600 dark:text-zinc-400">70% Complete</span> 30 <button class="text-xs text-blue-600 hover:underline">Details</button> 31 </div> 32 </div> 33</div> 34
214 views
214 views
MIT License