Open Source
Preline Pro
Sign in
Get all access
Home
Examples
Templates
Pricing
Docs
Preline UI (Open Source)
Back to Examples
All examples
Projects
Description goes here.
User Profile: Files Grid View
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body> <div class="dmfqa hdv6z i5hzf aygsi jagr4"> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <img class="i65bn ndrgo hkc1m exlm9 m6bzj" src="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" alt="Avatar"> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> cover_image.jpg </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2023 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M2 13v-1h6v1"/><path d="M5 12v6"/><path d="M4 18h2"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> project notes.html </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 6th, 2023 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> error.txt </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Jan 18th, 2023 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gulpfile.js </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2022 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <img class="i65bn ndrgo hkc1m exlm9 m6bzj" src="https://images.unsplash.com/photo-1635776062127-d379bfcba9f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" alt="Avatar"> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gradient.png </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2022 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><circle cx="10" cy="12" r="2"/><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> screenshot_2023-02-09 00.01.18.jpg </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Sep 2nd, 2022 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx mvdmw" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3333 32C14.2773 32 16.6667 29.6106 16.6667 26.6666V21.3333H11.3333C8.38933 21.3333 6 23.7226 6 26.6666C6 29.6106 8.38933 32 11.3333 32Z" fill="#0ACF83"/><path d="M6 16C6 13.056 8.38933 10.6667 11.3333 10.6667H16.6667V21.3334H11.3333C8.38933 21.3334 6 18.944 6 16Z" fill="#A259FF"/><path d="M6 5.33333C6 2.38933 8.38933 0 11.3333 0H16.6667V10.6667H11.3333C8.38933 10.6667 6 8.27733 6 5.33333Z" fill="#F24E1E"/><path d="M16.6667 0H22C24.944 0 27.3334 2.38933 27.3334 5.33333C27.3334 8.27733 24.944 10.6667 22 10.6667H16.6667V0Z" fill="#FF7262"/><path d="M27.3334 16C27.3334 18.944 24.944 21.3334 22 21.3334C19.056 21.3334 16.6667 18.944 16.6667 16C16.6667 13.056 19.056 10.6667 22 10.6667C24.944 10.6667 27.3334 13.056 27.3334 16Z" fill="#1ABCFE"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3333 32C14.2773 32 16.6667 29.6106 16.6667 26.6666V21.3333H11.3333C8.38933 21.3333 6 23.7226 6 26.6666C6 29.6106 8.38933 32 11.3333 32Z" fill="#0ACF83"/><path d="M6 16C6 13.056 8.38933 10.6667 11.3333 10.6667H16.6667V21.3334H11.3333C8.38933 21.3334 6 18.944 6 16Z" fill="#A259FF"/><path d="M6 5.33333C6 2.38933 8.38933 0 11.3333 0H16.6667V10.6667H11.3333C8.38933 10.6667 6 8.27733 6 5.33333Z" fill="#F24E1E"/><path d="M16.6667 0H22C24.944 0 27.3334 2.38933 27.3334 5.33333C27.3334 8.27733 24.944 10.6667 22 10.6667H16.6667V0Z" fill="#FF7262"/><path d="M27.3334 16C27.3334 18.944 24.944 21.3334 22 21.3334C19.056 21.3334 16.6667 18.944 16.6667 16C16.6667 13.056 19.056 10.6667 22 10.6667C24.944 10.6667 27.3334 13.056 27.3334 16Z" fill="#1ABCFE"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> Preline UI Figma.fig </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Jan 20th, 2021 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx mvdmw" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0324 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 15.8079L25.9844 18.3197L31.9364 15.8079V8.86395L20.0324 1.91994Z" fill="#21A366"/><path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"/><path d="M30.614 1.91994H20.0324V8.86395H31.9364V3.24228C31.9364 2.89158 31.7971 2.55523 31.5491 2.30725C31.3011 2.05926 30.9647 1.91994 30.614 1.91994Z" fill="#33C481"/><path d="M20.0324 15.8079H8.12839V28.3736C8.12839 28.7243 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.6959 9.45071 29.6959H30.6141C30.9647 29.6959 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7243 31.9364 28.3736V22.7519L20.0324 15.8079Z" fill="#185C37"/><path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" fill="black"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" fill="black"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16402 23.7439 0.827672 23.6047 0.579686 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579686 8.25922C0.827672 8.01122 1.16402 7.87194 1.51472 7.87194Z" fill="#107C41"/><path d="M3.69711 20.7679L6.90722 15.794L3.96694 10.8479H6.33286L7.93791 14.0095C8.08536 14.3091 8.18688 14.5326 8.24248 14.68H8.26328C8.36912 14.4407 8.47984 14.2079 8.5956 13.9817L10.3108 10.8479H12.4822L9.46656 15.7663L12.5586 20.7679H10.2473L8.3932 17.2959C8.30592 17.148 8.23184 16.9927 8.172 16.8317H8.14424C8.09016 16.9891 8.01824 17.1399 7.92998 17.2811L6.02236 20.7679H3.69711Z" fill="white"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> weekly_report.xls </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Aug 5th, 2021 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M2 13v-1h6v1"/><path d="M5 12v6"/><path d="M4 18h2"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> weekly_report.xls </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Oct 17th, 2021 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --></div> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html> <!-- Share File Modal --> <div id="hs-pro-dupfmsh" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-dupfmsh-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center"> <div class="relative i65bn fmwcv overflow-hidden flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Header --> <div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700"> <h3 id="hs-pro-dupfmsh-label" class="vo20k bp13m dark:text-neutral-200"> Share this file </h3> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-dupfmsh"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Header --> <div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <form> <!-- Body --> <div class="pi5e6 space-y-4"> <!-- Input --> <div class="relative"> <input type="text" class="jlmh5 sofkk dhy94 u0qae block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder-neutral-600 dark:focus:ring-neutral-600" placeholder="Search for team or person"> <div class="hidden absolute h5ske fug6q flex items-center howv4 a799i jjspw"> <button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg> </button> </div> </div> <!-- End Input --> <textarea id="hs-pro-daemdc" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder-neutral-600 dark:focus:ring-neutral-600" rows="3" placeholder="Add a message, if you’d like." data-hs-textarea-auto-height></textarea> <!-- Media --> <div class="yyez4 flex items-center vmt4s wfm4e d77gl lile3 dark:border-neutral-700"> <img class="guosi exlm9 umxjj" src="https://images.unsplash.com/photo-1635776062127-d379bfcba9f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&q=80" alt="Media Image"> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gradient.png </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Sep 2nd, 2022 </p> </div> </div> <!-- End Media --> </div> <!-- End Footer --> <!-- Footer --> <div class="pi5e6 flex uip67 lialp"> <div class="i65bn"> <input id="hs-mshfctc" type="text" class="hidden" value="https://www.figma.com/community/file/1179068859697769656"> <button type="button" class="js-clipboard s3yr9 hs-tooltip i7oig rfnst inline-flex r00n9 items-center pgjbi ps5iq agawe vo20k cm336 bp13m eweab focus:outline-hidden evxbs dark:bg-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" data-clipboard-target="#hs-mshfctc" data-clipboard-action="copy" data-clipboard-success-text="Link copied"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg> <span class="js-clipboard-success-text">Copy link</span> </button> </div> <div class="flex-1 flex c9j8j items-center h1dxu"> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> Cancel </button> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-dupfmsh"> Share </button> </div> </div> <!-- End Footer --> </form> </div> </div> </div> </div> <!-- End Share File Modal --> <!-- Delete Message Modal --> <div id="hs-pro-chhdl" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-chhdl-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center"> <div class="relative i65bn fmwcv overflow-hidden flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Close Button --> <div class="absolute wix12 pjxsz bo1ta"> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-chhdl"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Close Button --> <!-- Body --> <div class="pi5e6 "> <h3 id="hs-pro-chhdl-label" class="u832x vo20k bp13m dark:text-neutral-200"> Are you sure? </h3> <p class="xe8oj t5ziw xq1jm dark:text-neutral-400"> Are you sure you want to delete this file? </p> <!-- Checkbox --> <div class="w11y8 flex items-center"> <input type="checkbox" class="hq6gx stqz8 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-600 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chhdlcch"> <label for="hs-pro-chhdlcch" class="t5ziw xq1jm zocwd dark:text-neutral-400"> Don't show me this again </label> </div> <!-- End Checkbox --> <!-- Button Group --> <div class="w11y8 flex flex-wrap c9j8j h1dxu"> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Cancel </button> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e qb17b ggt5g zr4l6 whgr1 disabled:opacity-50 disabled:pointer-events-none"> Yes, I’m sure </button> </div> <!-- End Button Group --> </div> <!-- End Body --> </div> </div> </div> <!-- End Delete Message Modal -->
<!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <img class="i65bn ndrgo hkc1m exlm9 m6bzj" src="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" alt="Avatar"> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> cover_image.jpg </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2023 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M2 13v-1h6v1"/><path d="M5 12v6"/><path d="M4 18h2"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> project notes.html </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 6th, 2023 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> error.txt </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Jan 18th, 2023 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gulpfile.js </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2022 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <img class="i65bn ndrgo hkc1m exlm9 m6bzj" src="https://images.unsplash.com/photo-1635776062127-d379bfcba9f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" alt="Avatar"> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gradient.png </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2022 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><circle cx="10" cy="12" r="2"/><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> screenshot_2023-02-09 00.01.18.jpg </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Sep 2nd, 2022 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx mvdmw" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3333 32C14.2773 32 16.6667 29.6106 16.6667 26.6666V21.3333H11.3333C8.38933 21.3333 6 23.7226 6 26.6666C6 29.6106 8.38933 32 11.3333 32Z" fill="#0ACF83"/><path d="M6 16C6 13.056 8.38933 10.6667 11.3333 10.6667H16.6667V21.3334H11.3333C8.38933 21.3334 6 18.944 6 16Z" fill="#A259FF"/><path d="M6 5.33333C6 2.38933 8.38933 0 11.3333 0H16.6667V10.6667H11.3333C8.38933 10.6667 6 8.27733 6 5.33333Z" fill="#F24E1E"/><path d="M16.6667 0H22C24.944 0 27.3334 2.38933 27.3334 5.33333C27.3334 8.27733 24.944 10.6667 22 10.6667H16.6667V0Z" fill="#FF7262"/><path d="M27.3334 16C27.3334 18.944 24.944 21.3334 22 21.3334C19.056 21.3334 16.6667 18.944 16.6667 16C16.6667 13.056 19.056 10.6667 22 10.6667C24.944 10.6667 27.3334 13.056 27.3334 16Z" fill="#1ABCFE"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3333 32C14.2773 32 16.6667 29.6106 16.6667 26.6666V21.3333H11.3333C8.38933 21.3333 6 23.7226 6 26.6666C6 29.6106 8.38933 32 11.3333 32Z" fill="#0ACF83"/><path d="M6 16C6 13.056 8.38933 10.6667 11.3333 10.6667H16.6667V21.3334H11.3333C8.38933 21.3334 6 18.944 6 16Z" fill="#A259FF"/><path d="M6 5.33333C6 2.38933 8.38933 0 11.3333 0H16.6667V10.6667H11.3333C8.38933 10.6667 6 8.27733 6 5.33333Z" fill="#F24E1E"/><path d="M16.6667 0H22C24.944 0 27.3334 2.38933 27.3334 5.33333C27.3334 8.27733 24.944 10.6667 22 10.6667H16.6667V0Z" fill="#FF7262"/><path d="M27.3334 16C27.3334 18.944 24.944 21.3334 22 21.3334C19.056 21.3334 16.6667 18.944 16.6667 16C16.6667 13.056 19.056 10.6667 22 10.6667C24.944 10.6667 27.3334 13.056 27.3334 16Z" fill="#1ABCFE"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> Preline UI Figma.fig </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Jan 20th, 2021 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx mvdmw" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0324 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 15.8079L25.9844 18.3197L31.9364 15.8079V8.86395L20.0324 1.91994Z" fill="#21A366"/><path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"/><path d="M30.614 1.91994H20.0324V8.86395H31.9364V3.24228C31.9364 2.89158 31.7971 2.55523 31.5491 2.30725C31.3011 2.05926 30.9647 1.91994 30.614 1.91994Z" fill="#33C481"/><path d="M20.0324 15.8079H8.12839V28.3736C8.12839 28.7243 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.6959 9.45071 29.6959H30.6141C30.9647 29.6959 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7243 31.9364 28.3736V22.7519L20.0324 15.8079Z" fill="#185C37"/><path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" fill="black"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" fill="black"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16402 23.7439 0.827672 23.6047 0.579686 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579686 8.25922C0.827672 8.01122 1.16402 7.87194 1.51472 7.87194Z" fill="#107C41"/><path d="M3.69711 20.7679L6.90722 15.794L3.96694 10.8479H6.33286L7.93791 14.0095C8.08536 14.3091 8.18688 14.5326 8.24248 14.68H8.26328C8.36912 14.4407 8.47984 14.2079 8.5956 13.9817L10.3108 10.8479H12.4822L9.46656 15.7663L12.5586 20.7679H10.2473L8.3932 17.2959C8.30592 17.148 8.23184 16.9927 8.172 16.8317H8.14424C8.09016 16.9891 8.01824 17.1399 7.92998 17.2811L6.02236 20.7679H3.69711Z" fill="white"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> weekly_report.xls </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Aug 5th, 2021 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- File Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="relative group"> <div class="ndrgo hkc1m flex flex-col r00n9 items-center"> <svg class="hq6gx t5zar kvliy dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" x2="3" y1="6" y2="6"/><line x1="15" x2="3" y1="12" y2="12"/><line x1="17" x2="3" y1="18" y2="18"/></svg> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=560&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- Body --> <div class="yyez4 flex items-center vmt4s"> <!-- Icon --> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"> <svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M2 13v-1h6v1"/><path d="M5 12v6"/><path d="M4 18h2"/></svg> </span> <!-- End Icon --> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> weekly_report.xls </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Oct 17th, 2021 </p> </div> </div> <!-- End Body --> </div> <!-- End File Card --> <!-- Share File Modal --> <div id="hs-pro-dupfmsh" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-dupfmsh-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center"> <div class="relative i65bn fmwcv overflow-hidden flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Header --> <div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700"> <h3 id="hs-pro-dupfmsh-label" class="vo20k bp13m dark:text-neutral-200"> Share this file </h3> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-dupfmsh"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Header --> <div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <form> <!-- Body --> <div class="pi5e6 space-y-4"> <!-- Input --> <div class="relative"> <input type="text" class="jlmh5 sofkk dhy94 u0qae block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder-neutral-600 dark:focus:ring-neutral-600" placeholder="Search for team or person"> <div class="hidden absolute h5ske fug6q flex items-center howv4 a799i jjspw"> <button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg> </button> </div> </div> <!-- End Input --> <textarea id="hs-pro-daemdc" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder-neutral-600 dark:focus:ring-neutral-600" rows="3" placeholder="Add a message, if you’d like." data-hs-textarea-auto-height></textarea> <!-- Media --> <div class="yyez4 flex items-center vmt4s wfm4e d77gl lile3 dark:border-neutral-700"> <img class="guosi exlm9 umxjj" src="https://images.unsplash.com/photo-1635776062127-d379bfcba9f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&q=80" alt="Media Image"> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gradient.png </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Sep 2nd, 2022 </p> </div> </div> <!-- End Media --> </div> <!-- End Footer --> <!-- Footer --> <div class="pi5e6 flex uip67 lialp"> <div class="i65bn"> <input id="hs-mshfctc" type="text" class="hidden" value="https://www.figma.com/community/file/1179068859697769656"> <button type="button" class="js-clipboard s3yr9 hs-tooltip i7oig rfnst inline-flex r00n9 items-center pgjbi ps5iq agawe vo20k cm336 bp13m eweab focus:outline-hidden evxbs dark:bg-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" data-clipboard-target="#hs-mshfctc" data-clipboard-action="copy" data-clipboard-success-text="Link copied"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg> <span class="js-clipboard-success-text">Copy link</span> </button> </div> <div class="flex-1 flex c9j8j items-center h1dxu"> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> Cancel </button> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-dupfmsh"> Share </button> </div> </div> <!-- End Footer --> </form> </div> </div> </div> </div> <!-- End Share File Modal --> <!-- Delete Message Modal --> <div id="hs-pro-chhdl" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-chhdl-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center"> <div class="relative i65bn fmwcv overflow-hidden flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Close Button --> <div class="absolute wix12 pjxsz bo1ta"> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-chhdl"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Close Button --> <!-- Body --> <div class="pi5e6 "> <h3 id="hs-pro-chhdl-label" class="u832x vo20k bp13m dark:text-neutral-200"> Are you sure? </h3> <p class="xe8oj t5ziw xq1jm dark:text-neutral-400"> Are you sure you want to delete this file? </p> <!-- Checkbox --> <div class="w11y8 flex items-center"> <input type="checkbox" class="hq6gx stqz8 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-600 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chhdlcch"> <label for="hs-pro-chhdlcch" class="t5ziw xq1jm zocwd dark:text-neutral-400"> Don't show me this again </label> </div> <!-- End Checkbox --> <!-- Button Group --> <div class="w11y8 flex flex-wrap c9j8j h1dxu"> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Cancel </button> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e qb17b ggt5g zr4l6 whgr1 disabled:opacity-50 disabled:pointer-events-none"> Yes, I’m sure </button> </div> <!-- End Button Group --> </div> <!-- End Body --> </div> </div> </div> <!-- End Delete Message Modal -->
User Profile Files List View
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body> <div class="i65bn dyqrp mx-auto"><div class="space-y-3"> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <img class="guosi exlm9 ps5iq" src="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=180&q=80" alt="Avatar"> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> cover_image.jpg </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2023 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m5 12-3 3 3 3"/><path d="m9 18 3-3-3-3"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> project notes.html </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 6th, 2023 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M2 13v-1h6v1"/><path d="M5 12v6"/><path d="M4 18h2"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> error.txt </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Jan 18th, 2023 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gulpfile.js </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2022 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <img class="guosi exlm9 ps5iq" src="https://images.unsplash.com/photo-1635776062127-d379bfcba9f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=180&q=80" alt="Avatar"> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gradient.png </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2022 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><circle cx="10" cy="12" r="2"/><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> screenshot_2023-02-09 00.01.18.jpg </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Sep 2nd, 2022 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3333 32C14.2773 32 16.6667 29.6106 16.6667 26.6666V21.3333H11.3333C8.38933 21.3333 6 23.7226 6 26.6666C6 29.6106 8.38933 32 11.3333 32Z" fill="#0ACF83"/><path d="M6 16C6 13.056 8.38933 10.6667 11.3333 10.6667H16.6667V21.3334H11.3333C8.38933 21.3334 6 18.944 6 16Z" fill="#A259FF"/><path d="M6 5.33333C6 2.38933 8.38933 0 11.3333 0H16.6667V10.6667H11.3333C8.38933 10.6667 6 8.27733 6 5.33333Z" fill="#F24E1E"/><path d="M16.6667 0H22C24.944 0 27.3334 2.38933 27.3334 5.33333C27.3334 8.27733 24.944 10.6667 22 10.6667H16.6667V0Z" fill="#FF7262"/><path d="M27.3334 16C27.3334 18.944 24.944 21.3334 22 21.3334C19.056 21.3334 16.6667 18.944 16.6667 16C16.6667 13.056 19.056 10.6667 22 10.6667C24.944 10.6667 27.3334 13.056 27.3334 16Z" fill="#1ABCFE"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> Preline UI Figma.fig </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Jan 20th, 2021 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0324 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 15.8079L25.9844 18.3197L31.9364 15.8079V8.86395L20.0324 1.91994Z" fill="#21A366"/><path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"/><path d="M30.614 1.91994H20.0324V8.86395H31.9364V3.24228C31.9364 2.89158 31.7971 2.55523 31.5491 2.30725C31.3011 2.05926 30.9647 1.91994 30.614 1.91994Z" fill="#33C481"/><path d="M20.0324 15.8079H8.12839V28.3736C8.12839 28.7243 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.6959 9.45071 29.6959H30.6141C30.9647 29.6959 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7243 31.9364 28.3736V22.7519L20.0324 15.8079Z" fill="#185C37"/><path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" fill="black"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" fill="black"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16402 23.7439 0.827672 23.6047 0.579686 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579686 8.25922C0.827672 8.01122 1.16402 7.87194 1.51472 7.87194Z" fill="#107C41"/><path d="M3.69711 20.7679L6.90722 15.794L3.96694 10.8479H6.33286L7.93791 14.0095C8.08536 14.3091 8.18688 14.5326 8.24248 14.68H8.26328C8.36912 14.4407 8.47984 14.2079 8.5956 13.9817L10.3108 10.8479H12.4822L9.46656 15.7663L12.5586 20.7679H10.2473L8.3932 17.2959C8.30592 17.148 8.23184 16.9927 8.172 16.8317H8.14424C8.09016 16.9891 8.01824 17.1399 7.92998 17.2811L6.02236 20.7679H3.69711Z" fill="white"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> weekly_report.xls </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Aug 5th, 2021 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M2 13v-1h6v1"/><path d="M5 12v6"/><path d="M4 18h2"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> weekly_report.xls </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Oct 17th, 2021 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> </div></div> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html> <!-- Share File Modal --> <div id="hs-pro-dupfmsh" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-dupfmsh-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center"> <div class="relative i65bn fmwcv overflow-hidden flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Header --> <div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700"> <h3 id="hs-pro-dupfmsh-label" class="vo20k bp13m dark:text-neutral-200"> Share this file </h3> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-dupfmsh"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Header --> <div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <form> <!-- Body --> <div class="pi5e6 space-y-4"> <!-- Input --> <div class="relative"> <input type="text" class="jlmh5 sofkk dhy94 u0qae block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder-neutral-600 dark:focus:ring-neutral-600" placeholder="Search for team or person"> <div class="hidden absolute h5ske fug6q flex items-center howv4 a799i jjspw"> <button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg> </button> </div> </div> <!-- End Input --> <textarea id="hs-pro-daemdc" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder-neutral-600 dark:focus:ring-neutral-600" rows="3" placeholder="Add a message, if you’d like." data-hs-textarea-auto-height></textarea> <!-- Media --> <div class="yyez4 flex items-center vmt4s wfm4e d77gl lile3 dark:border-neutral-700"> <img class="guosi exlm9 umxjj" src="https://images.unsplash.com/photo-1635776062127-d379bfcba9f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&q=80" alt="Media Image"> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gradient.png </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Sep 2nd, 2022 </p> </div> </div> <!-- End Media --> </div> <!-- End Footer --> <!-- Footer --> <div class="pi5e6 flex uip67 lialp"> <div class="i65bn"> <input id="hs-mshfctc" type="text" class="hidden" value="https://www.figma.com/community/file/1179068859697769656"> <button type="button" class="js-clipboard s3yr9 hs-tooltip i7oig rfnst inline-flex r00n9 items-center pgjbi ps5iq agawe vo20k cm336 bp13m eweab focus:outline-hidden evxbs dark:bg-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" data-clipboard-target="#hs-mshfctc" data-clipboard-action="copy" data-clipboard-success-text="Link copied"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg> <span class="js-clipboard-success-text">Copy link</span> </button> </div> <div class="flex-1 flex c9j8j items-center h1dxu"> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> Cancel </button> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-dupfmsh"> Share </button> </div> </div> <!-- End Footer --> </form> </div> </div> </div> </div> <!-- End Share File Modal --> <!-- Delete Message Modal --> <div id="hs-pro-chhdl" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-chhdl-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center"> <div class="relative i65bn fmwcv overflow-hidden flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Close Button --> <div class="absolute wix12 pjxsz bo1ta"> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-chhdl"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Close Button --> <!-- Body --> <div class="pi5e6 "> <h3 id="hs-pro-chhdl-label" class="u832x vo20k bp13m dark:text-neutral-200"> Are you sure? </h3> <p class="xe8oj t5ziw xq1jm dark:text-neutral-400"> Are you sure you want to delete this file? </p> <!-- Checkbox --> <div class="w11y8 flex items-center"> <input type="checkbox" class="hq6gx stqz8 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-600 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chhdlcch"> <label for="hs-pro-chhdlcch" class="t5ziw xq1jm zocwd dark:text-neutral-400"> Don't show me this again </label> </div> <!-- End Checkbox --> <!-- Button Group --> <div class="w11y8 flex flex-wrap c9j8j h1dxu"> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Cancel </button> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e qb17b ggt5g zr4l6 whgr1 disabled:opacity-50 disabled:pointer-events-none"> Yes, I’m sure </button> </div> <!-- End Button Group --> </div> <!-- End Body --> </div> </div> </div> <!-- End Delete Message Modal -->
<div class="space-y-3"> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <img class="guosi exlm9 ps5iq" src="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=180&q=80" alt="Avatar"> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> cover_image.jpg </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2023 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="m5 12-3 3 3 3"/><path d="m9 18 3-3-3-3"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> project notes.html </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 6th, 2023 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M2 13v-1h6v1"/><path d="M5 12v6"/><path d="M4 18h2"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> error.txt </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Jan 18th, 2023 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gulpfile.js </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2022 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <img class="guosi exlm9 ps5iq" src="https://images.unsplash.com/photo-1635776062127-d379bfcba9f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=180&q=80" alt="Avatar"> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gradient.png </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Feb 25th, 2022 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><circle cx="10" cy="12" r="2"/><path d="m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> screenshot_2023-02-09 00.01.18.jpg </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Sep 2nd, 2022 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.3333 32C14.2773 32 16.6667 29.6106 16.6667 26.6666V21.3333H11.3333C8.38933 21.3333 6 23.7226 6 26.6666C6 29.6106 8.38933 32 11.3333 32Z" fill="#0ACF83"/><path d="M6 16C6 13.056 8.38933 10.6667 11.3333 10.6667H16.6667V21.3334H11.3333C8.38933 21.3334 6 18.944 6 16Z" fill="#A259FF"/><path d="M6 5.33333C6 2.38933 8.38933 0 11.3333 0H16.6667V10.6667H11.3333C8.38933 10.6667 6 8.27733 6 5.33333Z" fill="#F24E1E"/><path d="M16.6667 0H22C24.944 0 27.3334 2.38933 27.3334 5.33333C27.3334 8.27733 24.944 10.6667 22 10.6667H16.6667V0Z" fill="#FF7262"/><path d="M27.3334 16C27.3334 18.944 24.944 21.3334 22 21.3334C19.056 21.3334 16.6667 18.944 16.6667 16C16.6667 13.056 19.056 10.6667 22 10.6667C24.944 10.6667 27.3334 13.056 27.3334 16Z" fill="#1ABCFE"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> Preline UI Figma.fig </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Jan 20th, 2021 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0324 1.91994H9.45071C9.09999 1.91994 8.76367 2.05926 8.51567 2.30725C8.26767 2.55523 8.12839 2.89158 8.12839 3.24228V8.86395L20.0324 15.8079L25.9844 18.3197L31.9364 15.8079V8.86395L20.0324 1.91994Z" fill="#21A366"/><path d="M8.12839 8.86395H20.0324V15.8079H8.12839V8.86395Z" fill="#107C41"/><path d="M30.614 1.91994H20.0324V8.86395H31.9364V3.24228C31.9364 2.89158 31.7971 2.55523 31.5491 2.30725C31.3011 2.05926 30.9647 1.91994 30.614 1.91994Z" fill="#33C481"/><path d="M20.0324 15.8079H8.12839V28.3736C8.12839 28.7243 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.6959 9.45071 29.6959H30.6141C30.9647 29.6959 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7243 31.9364 28.3736V22.7519L20.0324 15.8079Z" fill="#185C37"/><path d="M20.0324 15.8079H31.9364V22.7519H20.0324V15.8079Z" fill="#107C41"/><path opacity="0.1" d="M16.7261 6.87994H8.12839V25.7279H16.7261C17.0764 25.7269 17.4121 25.5872 17.6599 25.3395C17.9077 25.0917 18.0473 24.756 18.0484 24.4056V8.20226C18.0473 7.8519 17.9077 7.51616 17.6599 7.2684C17.4121 7.02064 17.0764 6.88099 16.7261 6.87994Z" fill="black"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V26.7199H15.7341C16.0844 26.7189 16.4201 26.5792 16.6679 26.3315C16.9157 26.0837 17.0553 25.748 17.0564 25.3976V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/><path opacity="0.2" d="M15.7341 7.87194H8.12839V24.7359H15.7341C16.0844 24.7349 16.4201 24.5952 16.6679 24.3475C16.9157 24.0997 17.0553 23.764 17.0564 23.4136V9.19426C17.0553 8.84386 16.9157 8.50818 16.6679 8.26042C16.4201 8.01266 16.0844 7.87299 15.7341 7.87194Z" fill="black"/><path opacity="0.2" d="M14.7421 7.87194H8.12839V24.7359H14.7421C15.0924 24.7349 15.4281 24.5952 15.6759 24.3475C15.9237 24.0997 16.0633 23.764 16.0644 23.4136V9.19426C16.0633 8.84386 15.9237 8.50818 15.6759 8.26042C15.4281 8.01266 15.0924 7.87299 14.7421 7.87194Z" fill="black"/><path d="M1.51472 7.87194H14.7421C15.0927 7.87194 15.4291 8.01122 15.6771 8.25922C15.925 8.50722 16.0644 8.84354 16.0644 9.19426V22.4216C16.0644 22.7723 15.925 23.1087 15.6771 23.3567C15.4291 23.6047 15.0927 23.7439 14.7421 23.7439H1.51472C1.16402 23.7439 0.827672 23.6047 0.579686 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579686 8.25922C0.827672 8.01122 1.16402 7.87194 1.51472 7.87194Z" fill="#107C41"/><path d="M3.69711 20.7679L6.90722 15.794L3.96694 10.8479H6.33286L7.93791 14.0095C8.08536 14.3091 8.18688 14.5326 8.24248 14.68H8.26328C8.36912 14.4407 8.47984 14.2079 8.5956 13.9817L10.3108 10.8479H12.4822L9.46656 15.7663L12.5586 20.7679H10.2473L8.3932 17.2959C8.30592 17.148 8.23184 16.9927 8.172 16.8317H8.14424C8.09016 16.9891 8.01824 17.1399 7.92998 17.2811L6.02236 20.7679H3.69711Z" fill="white"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> weekly_report.xls </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Aug 5th, 2021 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="yyez4 relative group flex items-center vmt4s oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center ezw10 iyzma dczw4 oo8ro wfm4e d77gl t6rrs ps5iq wtcgy dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-400"><svg class="hq6gx stqz8 j043o" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M2 13v-1h6v1"/><path d="M5 12v6"/><path d="M4 18h2"/></svg></span> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> weekly_report.xls </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Oct 17th, 2021 </p> </div> <!-- More Dropdown --> <div class="lg:absolute povwc bcqby group-hover:opacity-100 lg:opacity-0"> <div class="manq4 egmn5 inline-flex items-center tuzkq oo8ro wfm4e d77gl ffisy ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <a class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" href="https://images.unsplash.com/photo-1635776062360-af423602aff3?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=988&q=80" target="_blank" download> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg> </a> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Download </span> </div> <!-- End Button Icon --> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none dark:text-neutral-400 focus:outline-hidden kf4z7 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"/><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Share </span> </div> <!-- End Button Icon --> <div class="w4u4p ljyfw mpxzq rjuva dark:bg-neutral-700"></div> <!-- Button Icon --> <div class="hs-tooltip inline-block"> <button type="button" class="hs-tooltip-toggle a5anp inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b vrq52 sz4r0 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden p03mn dark:text-red-500 dark:hover:bg-red-500/20 dark:focus:bg-red-500/20" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> </button> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Delete </span> </div> <!-- End Button Icon --> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> </div> <!-- Share File Modal --> <div id="hs-pro-dupfmsh" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-dupfmsh-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center"> <div class="relative i65bn fmwcv overflow-hidden flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Header --> <div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700"> <h3 id="hs-pro-dupfmsh-label" class="vo20k bp13m dark:text-neutral-200"> Share this file </h3> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-dupfmsh"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Header --> <div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <form> <!-- Body --> <div class="pi5e6 space-y-4"> <!-- Input --> <div class="relative"> <input type="text" class="jlmh5 sofkk dhy94 u0qae block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder-neutral-600 dark:focus:ring-neutral-600" placeholder="Search for team or person"> <div class="hidden absolute h5ske fug6q flex items-center howv4 a799i jjspw"> <button type="button" class="inline-flex hq6gx r00n9 items-center awhdl oq0dt t6rrs ck8au focus:outline-hidden oahj8 dark:text-neutral-500 dark:hover:text-blue-500 dark:focus:text-blue-500" aria-label="Close"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg> </button> </div> </div> <!-- End Input --> <textarea id="hs-pro-daemdc" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder-neutral-600 dark:focus:ring-neutral-600" rows="3" placeholder="Add a message, if you’d like." data-hs-textarea-auto-height></textarea> <!-- Media --> <div class="yyez4 flex items-center vmt4s wfm4e d77gl lile3 dark:border-neutral-700"> <img class="guosi exlm9 umxjj" src="https://images.unsplash.com/photo-1635776062127-d379bfcba9f8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&q=80" alt="Media Image"> <div class="e3fpz truncate"> <p class="block truncate t5ziw y2wul bp13m dark:text-neutral-200"> gradient.png </p> <p class="block truncate cm336 t6rrs dark:text-neutral-500"> James Sep 2nd, 2022 </p> </div> </div> <!-- End Media --> </div> <!-- End Footer --> <!-- Footer --> <div class="pi5e6 flex uip67 lialp"> <div class="i65bn"> <input id="hs-mshfctc" type="text" class="hidden" value="https://www.figma.com/community/file/1179068859697769656"> <button type="button" class="js-clipboard s3yr9 hs-tooltip i7oig rfnst inline-flex r00n9 items-center pgjbi ps5iq agawe vo20k cm336 bp13m eweab focus:outline-hidden evxbs dark:bg-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-600 dark:focus:bg-neutral-600" data-clipboard-target="#hs-mshfctc" data-clipboard-action="copy" data-clipboard-success-text="Link copied"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg> <span class="js-clipboard-success-text">Copy link</span> </button> </div> <div class="flex-1 flex c9j8j items-center h1dxu"> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-dupfmsh"> Cancel </button> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-dupfmsh"> Share </button> </div> </div> <!-- End Footer --> </form> </div> </div> </div> </div> <!-- End Share File Modal --> <!-- Delete Message Modal --> <div id="hs-pro-chhdl" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-chhdl-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl lmwfy p3qto cux47 sm:mx-auto h-[calc(100%-56px)] min-h-[calc(100%-56px)] flex items-center"> <div class="relative i65bn fmwcv overflow-hidden flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Close Button --> <div class="absolute wix12 pjxsz bo1ta"> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-chhdl"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Close Button --> <!-- Body --> <div class="pi5e6 "> <h3 id="hs-pro-chhdl-label" class="u832x vo20k bp13m dark:text-neutral-200"> Are you sure? </h3> <p class="xe8oj t5ziw xq1jm dark:text-neutral-400"> Are you sure you want to delete this file? </p> <!-- Checkbox --> <div class="w11y8 flex items-center"> <input type="checkbox" class="hq6gx stqz8 wiva2 dqdmd rwtxm tyfry checked:border-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-600 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-chhdlcch"> <label for="hs-pro-chhdlcch" class="t5ziw xq1jm zocwd dark:text-neutral-400"> Don't show me this again </label> </div> <!-- End Checkbox --> <!-- Button Group --> <div class="w11y8 flex flex-wrap c9j8j h1dxu"> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Cancel </button> <button type="button" class="i7oig apc69 inline-flex items-center lialp cm336 vo20k ps5iq wfm4e qb17b ggt5g zr4l6 whgr1 disabled:opacity-50 disabled:pointer-events-none"> Yes, I’m sure </button> </div> <!-- End Button Group --> </div> <!-- End Body --> </div> </div> </div> <!-- End Delete Message Modal -->
User Profile Teams List View
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body> <div class="i65bn vgnh1 mx-auto"><!-- Card List Group --> <div class="space-y-3"> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #Digitalmarketing </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Marketing</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Digital</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Our group promotes and sells products and services by leveraging online marketing tactics </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Leave team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc1" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #supportteam </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Customer service</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Support</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Keep in touch and stay productive with us </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">M</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">S</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Request sent </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc2" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #Events </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Organizers</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Because we love to know what's going rjx3z & share great ideas </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Join team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc3" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc3"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #ethereum </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Ethereum</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Cryptocurrency</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Focusing rjx3z innovative and disruptive business models </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">U</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">G</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">K</span> <span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Leave team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc4" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc4"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #payments </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Payment</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Finance</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Our responsibility to manage the money in this organization </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Join team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc5" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc5"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #Invoices </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Payment</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Finance</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> This group serves online money transfers as an electronic alternative to paper methods </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">W</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Join team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc6" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc6"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #Subscription </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Mailchimp</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Subscription</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> The all-in-one Marketing Platform built for growing businesses. </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Request sent </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc7" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc7"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #conference </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Marketing</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Online meeting services group </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">W</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">S</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Leave team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc8" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc8"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> </div> <!-- End Card List Group --></div> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html> <!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body><!-- Add Team Modal --> <div id="hs-pro-datm" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-datm-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl x29fm p3qto qc7lo ygnz4 h-[calc(100%-56px)] min-h-[calc(100%-56px)] sm:mx-auto"> <div class="i65bn fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Header --> <div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700"> <h3 id="hs-pro-datm-label" class="vo20k bp13m dark:text-neutral-200"> Create team </h3> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-datm"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Header --> <!-- Body --> <div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="pi5e6 space-y-5"> <div class="space-y-2"> <label for="hs-pro-dactmt" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Title </label> <input id="hs-pro-dactmt" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Team title" value=" "> </div> <div class="space-y-2"> <label for="dactmi" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Industry </label> <input id="dactmi" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name"> </div> <div class="space-y-2"> <label for="dactmd" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Description </label> <textarea id="dactmd" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" rows="3" placeholder="Tell us a little bit about team" data-hs-textarea-auto-height></textarea> </div> <div class="space-y-2"> <label for="dactmm" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Members </label> <!-- Input Form --> <div class="flex flex-col sm:flex-row sm:items-center aygsi"> <input id="dactmm" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name"> <button type="button" class="jlmh5 sofkk apc69 inline-flex r00n9 items-center lialp psfwb vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> Add </button> </div> <!-- End Input Form --> </div> <div class="space-y-2"> <label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Suggested members </label> <div class="flex items-center space-x-2"> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach1" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach1" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> James Collins </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach2" class="relative block oq0dt cursor-pointer"> <span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach2" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Lori Hunter </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach3" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach3" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Lewis Clarke </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach4" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach4" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Ella Lauda </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach5" class="relative block oq0dt cursor-pointer"> <span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach5" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Ols Schols </span> </div> <!-- End User --> </div> </div> <!-- Drag 'n Drop --> <div class="space-y-2"> <label class="block block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Cover </label> <div class="kg38v flex r00n9 oo8ro wfm4e ef3uy wiva2 lile3 dark:bg-neutral-800 dark:border-neutral-600"> <div class="lj7mp"> <svg class="zz68c kvliy mx-auto dark:text-neutral-400" width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <path d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <rect x="17.0656" y="1.62305" width="35.8689" height="42.7541" rx="5" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <path d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/> <circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/> </svg> <div class="o1gdb flex flex-wrap r00n9 k8e57 xq1jm"> <span class="jjspw vo20k bp13m dark:text-neutral-200"> Drop your files here or </span> <label for="hs-pro-dactc" class="relative cursor-pointer oo8ro y2wul rwtxm anx4o ps5iq ymclh pdar8 focus-within:outline-hidden ctwfs saj9v d9bqc dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600"> <span>browse</span> <input id="hs-pro-dactc" type="file" class="ecbnn"> </label> </div> <p class="xe8oj cm336 kvliy dark:text-neutral-400"> CSV, XLS, DOCX </p> </div> </div> </div> <!-- End Drag 'n Drop --> </div> </div> <!-- End Body --> <!-- Footer --> <div class="pi5e6 flex uip67 lialp"> <div class="flex-1 flex c9j8j items-center h1dxu"> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-datm"> Cancel </button> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-datm"> Create team </button> </div> </div> <!-- Footer --> </div> </div> </div> <!-- End Add Team Modal --> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html> <!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body><!-- Add Team Modal --> <div id="hs-pro-detm" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-detm-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl x29fm p3qto qc7lo ygnz4 h-[calc(100%-56px)] min-h-[calc(100%-56px)] sm:mx-auto"> <div class="i65bn fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Header --> <div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700"> <h3 id="hs-pro-detm-label" class="vo20k bp13m dark:text-neutral-200"> Edit team </h3> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-detm"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Header --> <!-- Body --> <div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="pi5e6 space-y-5"> <div class="space-y-2"> <label for="hs-pro-daetmt" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Title </label> <input id="hs-pro-daetmt" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Team title" value="conference "> </div> <div class="space-y-2"> <label for="daetmi" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Industry </label> <input id="daetmi" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name"> </div> <div class="space-y-2"> <label for="daetmd" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Description </label> <textarea id="daetmd" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" rows="3" placeholder="Tell us a little bit about team" data-hs-textarea-auto-height>Online meeting services group</textarea> </div> <div class="space-y-2"> <label for="daetmm" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Members </label> <!-- Input Form --> <div class="flex flex-col sm:flex-row sm:items-center aygsi"> <input id="daetmm" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name"> <button type="button" class="jlmh5 sofkk apc69 inline-flex r00n9 items-center lialp psfwb vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> Add </button> </div> <!-- End Input Form --> </div> <div class="space-y-2"> <label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Suggested members </label> <div class="flex items-center space-x-2"> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach1" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach1" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" checked > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> James Collins </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach2" class="relative block oq0dt cursor-pointer"> <span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach2" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Lori Hunter </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach3" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach3" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Lewis Clarke </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach4" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach4" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Ella Lauda </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach5" class="relative block oq0dt cursor-pointer"> <span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach5" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" checked > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Ols Schols </span> </div> <!-- End User --> </div> </div> <!-- Drag 'n Drop --> <div class="space-y-2"> <label class="block block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Cover </label> <div class="kg38v flex r00n9 oo8ro wfm4e ef3uy wiva2 lile3 dark:bg-neutral-800 dark:border-neutral-600"> <div class="lj7mp"> <svg class="zz68c kvliy mx-auto dark:text-neutral-400" width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <path d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <rect x="17.0656" y="1.62305" width="35.8689" height="42.7541" rx="5" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <path d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/> <circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/> </svg> <div class="o1gdb flex flex-wrap r00n9 k8e57 xq1jm"> <span class="jjspw vo20k bp13m dark:text-neutral-200"> Drop your files here or </span> <label for="hs-pro-daetc" class="relative cursor-pointer oo8ro y2wul rwtxm anx4o ps5iq ymclh pdar8 focus-within:outline-hidden ctwfs saj9v d9bqc dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600"> <span>browse</span> <input id="hs-pro-daetc" type="file" class="ecbnn"> </label> </div> <p class="xe8oj cm336 kvliy dark:text-neutral-400"> CSV, XLS, DOCX </p> </div> </div> </div> <!-- End Drag 'n Drop --> </div> </div> <!-- End Body --> <!-- Footer --> <div class="pi5e6 flex uip67 lialp"> <div class="flex-1 flex c9j8j items-center h1dxu"> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> Cancel </button> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-detm"> Save changes </button> </div> </div> <!-- Footer --> </div> </div> </div> <!-- End Add Team Modal --> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- Card List Group --> <div class="space-y-3"> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #Digitalmarketing </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Marketing</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Digital</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Our group promotes and sells products and services by leveraging online marketing tactics </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Leave team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc1" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #supportteam </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Customer service</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Support</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Keep in touch and stay productive with us </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">M</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">S</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Request sent </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc2" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #Events </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Organizers</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Because we love to know what's going rjx3z & share great ideas </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Join team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc3" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc3"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #ethereum </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Ethereum</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Cryptocurrency</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Focusing rjx3z innovative and disruptive business models </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">U</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">G</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">K</span> <span class="flex hq6gx r00n9 items-center aukwz oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Leave team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc4" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc4"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #payments </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Payment</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Finance</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Our responsibility to manage the money in this organization </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Join team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc5" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc5"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #Invoices </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Payment</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Finance</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> This group serves online money transfers as an electronic alternative to paper methods </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">W</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Join team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc6" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc6"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #Subscription </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Mailchimp</span> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Subscription</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> The all-in-one Marketing Platform built for growing businesses. </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <img class="hq6gx ezw10 oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>Request sent </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc7" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc7"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> <!-- Team List Card --> <div class="pi5e6 relative flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="dmfqa nyh8f zb7az uinlu ekyph"> <div class="spn27"> <p> <a class="inline-flex items-center pgjbi bp13m ymclh pdar8 y2wul ck8au focus:outline-hidden np187 oahj8 dark:text-neutral-200 dark:hover:text-blue-500 dark:focus:outline-hidden dark:focus:text-blue-500" href="#"> #conference </a> </p> <!-- Badge Group --> <div class="xe8oj m0g1f flex flex-wrap eawyh"> <span class="c90zz dh0bo g7way inline-block agawe bp13m cm336 umxjj dark:bg-neutral-700 dark:text-neutral-200">Marketing</span> </div> <!-- End Badge Group --> </div> <!-- End Col --> <div class="r423t"> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Online meeting services group </p> <!-- Avatar Group --> <div class="ls9te flex items-center vmt4s"> <h4 class="cm336 e7zws t6rrs dark:text-neutral-200"> Members: </h4> <div class="flex items-center -space-x-2"> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">W</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">S</span> <span class="flex hq6gx r00n9 items-center ezw10 oo8ro wfm4e d77gl p4gf7 cm336 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span> </div> </div> <!-- End Avatar Group --> </div> <!-- End Col --> <div class="spn27"> <!-- Button Group --> <div class="flex lg:flex-col c9j8j items-center h1dxu pyimf d77gl fejoq xatq3 h9ju2 dark:border-neutral-700"> <div class="vipzv lg:ms-auto"> <button type="button" class="i7oig apc69 inline-flex items-center lialp t5ziw vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> Leave team </button> </div> <!-- More Dropdown --> <div class="hrndv lg:ms-auto"> <!-- More Dropdown --> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-dupc8" type="button" class="guosi qi6sx inline-flex r00n9 items-center lialp ps5iq wfm4e qb17b t6rrs ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-dupc8"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit team </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive team </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-800 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete team </button> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> <!-- End Col --> </div> </div> <!-- End Team List Card --> </div> <!-- End Card List Group --> <!-- Add Team Modal --> <div id="hs-pro-datm" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-datm-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl x29fm p3qto qc7lo ygnz4 h-[calc(100%-56px)] min-h-[calc(100%-56px)] sm:mx-auto"> <div class="i65bn fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Header --> <div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700"> <h3 id="hs-pro-datm-label" class="vo20k bp13m dark:text-neutral-200"> Create team </h3> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-datm"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Header --> <!-- Body --> <div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="pi5e6 space-y-5"> <div class="space-y-2"> <label for="hs-pro-dactmt" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Title </label> <input id="hs-pro-dactmt" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Team title" value=" "> </div> <div class="space-y-2"> <label for="dactmi" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Industry </label> <input id="dactmi" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name"> </div> <div class="space-y-2"> <label for="dactmd" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Description </label> <textarea id="dactmd" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" rows="3" placeholder="Tell us a little bit about team" data-hs-textarea-auto-height></textarea> </div> <div class="space-y-2"> <label for="dactmm" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Members </label> <!-- Input Form --> <div class="flex flex-col sm:flex-row sm:items-center aygsi"> <input id="dactmm" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name"> <button type="button" class="jlmh5 sofkk apc69 inline-flex r00n9 items-center lialp psfwb vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> Add </button> </div> <!-- End Input Form --> </div> <div class="space-y-2"> <label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Suggested members </label> <div class="flex items-center space-x-2"> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach1" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach1" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> James Collins </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach2" class="relative block oq0dt cursor-pointer"> <span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach2" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Lori Hunter </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach3" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach3" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Lewis Clarke </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach4" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach4" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Ella Lauda </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-dactcach5" class="relative block oq0dt cursor-pointer"> <span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-dactcach5" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Ols Schols </span> </div> <!-- End User --> </div> </div> <!-- Drag 'n Drop --> <div class="space-y-2"> <label class="block block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Cover </label> <div class="kg38v flex r00n9 oo8ro wfm4e ef3uy wiva2 lile3 dark:bg-neutral-800 dark:border-neutral-600"> <div class="lj7mp"> <svg class="zz68c kvliy mx-auto dark:text-neutral-400" width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <path d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <rect x="17.0656" y="1.62305" width="35.8689" height="42.7541" rx="5" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <path d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/> <circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/> </svg> <div class="o1gdb flex flex-wrap r00n9 k8e57 xq1jm"> <span class="jjspw vo20k bp13m dark:text-neutral-200"> Drop your files here or </span> <label for="hs-pro-dactc" class="relative cursor-pointer oo8ro y2wul rwtxm anx4o ps5iq ymclh pdar8 focus-within:outline-hidden ctwfs saj9v d9bqc dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600"> <span>browse</span> <input id="hs-pro-dactc" type="file" class="ecbnn"> </label> </div> <p class="xe8oj cm336 kvliy dark:text-neutral-400"> CSV, XLS, DOCX </p> </div> </div> </div> <!-- End Drag 'n Drop --> </div> </div> <!-- End Body --> <!-- Footer --> <div class="pi5e6 flex uip67 lialp"> <div class="flex-1 flex c9j8j items-center h1dxu"> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-datm"> Cancel </button> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-datm"> Create team </button> </div> </div> <!-- Footer --> </div> </div> </div> <!-- End Add Team Modal --> <!-- Add Team Modal --> <div id="hs-pro-detm" class="hs-overlay hidden lpgt1 fixed ofq05 uv2uj kdmqb overflow-x-hidden overflow-y-auto [--close-when-click-inside:true] howv4" role="dialog" tabindex="-1" aria-labelledby="hs-pro-detm-label"> <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 s193u opacity-0 f6mgt g0ipl x29fm p3qto qc7lo ygnz4 h-[calc(100%-56px)] min-h-[calc(100%-56px)] sm:mx-auto"> <div class="i65bn fmwcv flex flex-col oo8ro lile3 pointer-events-auto rrmkk dark:bg-neutral-800"> <!-- Header --> <div class="o1ncb dkhxo flex uip67 items-center ic6aj d77gl dark:border-neutral-700"> <h3 id="hs-pro-detm-label" class="vo20k bp13m dark:text-neutral-200"> Edit team </h3> <button type="button" class="aukwz hq6gx flex r00n9 items-center lialp oq0dt wfm4e qb17b agawe bp13m eweab disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden evxbs dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" aria-label="Close" data-hs-overlay="#hs-pro-detm"> <span class="ecbnn">Close</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg> </button> </div> <!-- End Header --> <!-- Body --> <div class="overflow-y-auto n4ec4 xlk9f rzoxf xcbgk dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500"> <div class="pi5e6 space-y-5"> <div class="space-y-2"> <label for="hs-pro-daetmt" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Title </label> <input id="hs-pro-daetmt" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Team title" value="conference "> </div> <div class="space-y-2"> <label for="daetmi" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Industry </label> <input id="daetmi" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name"> </div> <div class="space-y-2"> <label for="daetmd" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Description </label> <textarea id="daetmd" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" rows="3" placeholder="Tell us a little bit about team" data-hs-textarea-auto-height>Online meeting services group</textarea> </div> <div class="space-y-2"> <label for="daetmm" class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Members </label> <!-- Input Form --> <div class="flex flex-col sm:flex-row sm:items-center aygsi"> <input id="daetmm" type="text" class="jlmh5 sofkk apc69 block i65bn d77gl ps5iq psfwb a0kik oo46r tyfry disabled:opacity-50 disabled:pointer-events-none dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="Enter name"> <button type="button" class="jlmh5 sofkk apc69 inline-flex r00n9 items-center lialp psfwb vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> Add </button> </div> <!-- End Input Form --> </div> <div class="space-y-2"> <label class="block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Suggested members </label> <div class="flex items-center space-x-2"> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach1" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach1" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" checked > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> James Collins </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach2" class="relative block oq0dt cursor-pointer"> <span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">L</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach2" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Lori Hunter </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach3" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach3" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Lewis Clarke </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach4" class="relative block oq0dt cursor-pointer"> <img class="hs-tooltip-toggle hq6gx sc50o oq0dt" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach4" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Ella Lauda </span> </div> <!-- End User --> <!-- User --> <div class="hs-tooltip inline-block"> <label for="hs-pro-daetcach5" class="relative block oq0dt cursor-pointer"> <span class="hs-tooltip-toggle flex hq6gx r00n9 items-center sc50o oo8ro wfm4e d77gl p4gf7 vo20k e7zws oq0dt dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">O</span><span class="block absolute -top-1 -end-1 oo8ro oq0dt dark:bg-neutral-800"> <span class="relative flex flex-col r00n9 items-center ca09w agawe w229a t63u7 xq1jm oq0dt dark:bg-neutral-700 dark:border-neutral-800 dark:text-neutral-300"> <input type="checkbox" id="hs-pro-daetcach5" class="absolute ofq05 uv2uj lpgt1 v345i qb17b checked:bg-blue-500 p1ez7 rgvf6 oq0dt focus:outline-hidden" checked > <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/> </svg> </span> </span> </label> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Ols Schols </span> </div> <!-- End User --> </div> </div> <!-- Drag 'n Drop --> <div class="space-y-2"> <label class="block block ej64t t5ziw vo20k bp13m dark:text-neutral-200"> Cover </label> <div class="kg38v flex r00n9 oo8ro wfm4e ef3uy wiva2 lile3 dark:bg-neutral-800 dark:border-neutral-600"> <div class="lj7mp"> <svg class="zz68c kvliy mx-auto dark:text-neutral-400" width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <path d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <rect x="17.0656" y="1.62305" width="35.8689" height="42.7541" rx="5" fill="currentColor" stroke="currentColor" stroke-width="2" class="mlmpr to6ze dark:fill-neutral-800 dark:stroke-neutral-500"/> <path d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/> <circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="to6ze dark:stroke-neutral-500"/> </svg> <div class="o1gdb flex flex-wrap r00n9 k8e57 xq1jm"> <span class="jjspw vo20k bp13m dark:text-neutral-200"> Drop your files here or </span> <label for="hs-pro-daetc" class="relative cursor-pointer oo8ro y2wul rwtxm anx4o ps5iq ymclh pdar8 focus-within:outline-hidden ctwfs saj9v d9bqc dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600"> <span>browse</span> <input id="hs-pro-daetc" type="file" class="ecbnn"> </label> </div> <p class="xe8oj cm336 kvliy dark:text-neutral-400"> CSV, XLS, DOCX </p> </div> </div> </div> <!-- End Drag 'n Drop --> </div> </div> <!-- End Body --> <!-- Footer --> <div class="pi5e6 flex uip67 lialp"> <div class="flex-1 flex c9j8j items-center h1dxu"> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center qgy40 lt27r oo8ro wfm4e d77gl bp13m t5ziw vo20k ps5iq hx4gm acu59 tdhmi disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> Cancel </button> <button type="button" class="i7oig apc69 dslo6 inline-flex r00n9 items-center lialp qgy40 lt27r jqqot wfm4e f31lg zr4l6 t5ziw vo20k ps5iq hx4gm acu59 lmqf9 disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-detm"> Save changes </button> </div> </div> <!-- Footer --> </div> </div> </div> <!-- End Add Team Modal -->
Projects
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body><!-- Card Grid Group --> <div class="dmfqa salis i5hzf h59sd"> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl truncate lile3 dark:bg-neutral-900 dark:border-neutral-700"> <!-- Header --> <div class="pi5e6 relative flex vmt4s"> <!-- Logo --> <div class="hq6gx"> <div class="hq6gx wfm4e d77gl lile3 dark:border-neutral-700"> <div class="t5zar flex r00n9 items-center"><svg class="hq6gx awhdl t6rrs dark:text-neutral-500" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7326 0C9.96372 0.00130479 8.53211 1.43397 8.53342 3.19935C8.53211 4.96473 9.96503 6.39739 11.7339 6.39869H14.9345V3.20065C14.9358 1.43527 13.5029 0.00260958 11.7326 0C11.7339 0 11.7339 0 11.7326 0M11.7326 8.53333H3.20053C1.43161 8.53464 -0.00130383 9.9673 3.57297e-06 11.7327C-0.00261123 13.4981 1.4303 14.9307 3.19922 14.9333H11.7326C13.5016 14.932 14.9345 13.4994 14.9332 11.734C14.9345 9.9673 13.5016 8.53464 11.7326 8.53333V8.53333Z" fill="#36C5F0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M32 11.7327C32.0013 9.9673 30.5684 8.53464 28.7995 8.53333C27.0306 8.53464 25.5976 9.9673 25.5989 11.7327V14.9333H28.7995C30.5684 14.932 32.0013 13.4994 32 11.7327ZM23.4666 11.7327V3.19935C23.4679 1.43527 22.0363 0.00260958 20.2674 0C18.4984 0.00130479 17.0655 1.43397 17.0668 3.19935V11.7327C17.0642 13.4981 18.4971 14.9307 20.2661 14.9333C22.035 14.932 23.4679 13.4994 23.4666 11.7327Z" fill="#2EB67D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.2661 32C22.035 31.9987 23.4679 30.566 23.4666 28.8007C23.4679 27.0353 22.035 25.6026 20.2661 25.6013H17.0656V28.8007C17.0642 30.5647 18.4972 31.9974 20.2661 32ZM20.2661 23.4654H28.7995C30.5684 23.4641 32.0013 22.0314 32 20.266C32.0026 18.5006 30.5697 17.068 28.8008 17.0654H20.2674C18.4985 17.0667 17.0656 18.4993 17.0669 20.2647C17.0656 22.0314 18.4972 23.4641 20.2661 23.4654V23.4654Z" fill="#ECB22E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.93953e-07 20.266C-0.00130651 22.0314 1.43161 23.4641 3.20052 23.4654C4.96944 23.4641 6.40235 22.0314 6.40105 20.266V17.0667H3.20052C1.43161 17.068 -0.00130651 18.5006 8.93953e-07 20.266ZM8.53342 20.266V28.7993C8.53081 30.5647 9.96372 31.9974 11.7326 32C13.5016 31.9987 14.9345 30.566 14.9332 28.8007V20.2686C14.9358 18.5032 13.5029 17.0706 11.7339 17.068C9.96372 17.068 8.53211 18.5006 8.53342 20.266C8.53342 20.2673 8.53342 20.266 8.53342 20.266Z" fill="#E01E5A"/></svg></div> </div> </div> <!-- End Logo --> <div class="e3fpz truncate xe8oj"> <div class="fy7l0"> <span class="block t5ziw bp13m dark:text-neutral-300"> Slack Inc. </span> </div> <div class="hs-tooltip hq6gx block"> <h4 class="hs-tooltip-toggle vo20k truncate bp13m dark:text-neutral-300"> Illustration of Materials Design </h4> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst j1nxz f9qde ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Illustration of Materials Design </span> </div> </div> <div class="absolute wix12 pjxsz"> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wpmd1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n9mfl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpmd1"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/><path d="m15 5 3 3"/></svg> Edit </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> </div> <!-- End Header --> <!-- List --> <div class="mctd2 dmfqa uir33 k2clc d77gl divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700"> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 34 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Tasks </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 19 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> In Progress </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 14 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Completed </p> </div> <!-- End Item --> </div> <!-- End List --> <!-- Grid --> <div class="pi5e6 flex flex-col q97y2"> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Due date </p> <div class="e3fpz"> <p class="vo20k t5ziw bp13m dark:text-neutral-200"> 12 July, 2024 </p> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Category </p> <div class="e3fpz"> <span class="hz4z9 kzzmm inline-flex items-center vrcxw agawe t5ziw bp13m umxjj dark:bg-neutral-700 dark:text-neutral-200"> <span class="inline-block ccy3q q6835 fs9eh oq0dt"></span> Illustration </span> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Assignee </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="assigneeAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Amanda Harvey</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Last edited </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="lastEditedAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">James Collins</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Team: </p> <div class="e3fpz"> <!-- Avatar Group --> <div class="flex items-center"> <!-- Avatars --> <div class="flex items-center sm:-space-x-px"> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> James Collins (You) <span class="block s2avd boaf8">Online</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Daniel Hobbs <span class="block s2avd boaf8">Last seen 1 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Amanda Harvey <span class="block s2avd boaf8">Last seen 5 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center agawe p4gf7 cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-700 dark:text-neutral-300">L</span> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Liza Harrison <span class="block s2avd boaf8">Last seen 3 hours ago</span> </span> </div> <!-- End Avatar --> </div> <!-- End Avatars --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] [--trigger:hover] relative inline-flex"> <button id="hs-pro-wpagd1" type="button" class="flex r00n9 items-center pgjbi t5ziw t6rrs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="sm:hidden hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="sm:hidden">+6</span> <span class="hidden sm:block mb4ft">+2</span> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden ocib4 ym42y lile3 rkof5 dark:bg-neutral-700 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpagd1"> <div class="relative v5sq3 yyez4 h932c overflow-y-auto n4ec4 xlk9f tu1n2 k6c79 dark:[&::-webkit-scrollbar-track]:bg-neutral-600 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-400"> <span class="block ej64t s2avd e7zws boaf8">Last seen by</span> <div class="space-y-2"> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> James Collins (You) </p> <p class="s2avd amkne boaf8"> Online </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Daniel Hobbs </p> <p class="s2avd amkne boaf8"> Last seen 1 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Amanda Harvey </p> <p class="s2avd amkne boaf8"> Last seen 5 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">L</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Liza Harrison </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Crane </p> <p class="s2avd amkne boaf8"> Last seen 1 day ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">O</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Ols Schols </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Avatar Group --> </div> </div> <!-- End Item --> </div> <!-- End Grid --> <!-- Footer --> <div class="mt-auto mctd2 dkhxo flex items-center pyimf d77gl dark:border-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg> 2 </span> <div class="relative g6bj4 g4kd8 before:absolute before:top-1/2 before:-start-px before:w-px before:h-3 before:bg-gray-300 before:-translate-y-1/2 dark:before:bg-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> 1 </span> </div> <!-- Progress --> <div class="ms-auto bpqmo flex items-center pgjbi lt27r"> <div class="flex i65bn s0pmm rjuva oq0dt overflow-hidden dark:bg-neutral-700" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100"> <div class="flex flex-col r00n9 oq0dt overflow-hidden mc62i t5ziw piafy zr4l6 lj7mp lt27r f1zti ksm85" style="width: 38%;"></div> </div> <div class="p8o62 cuqi8 -mt-0.5"> <span class="t5ziw piafy t6rrs dark:text-neutral-500">38%</span> </div> </div> <!-- End Progress --> </div> <!-- End Footer --> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl truncate lile3 dark:bg-neutral-900 dark:border-neutral-700"> <!-- Header --> <div class="pi5e6 relative flex vmt4s"> <!-- Logo --> <div class="hq6gx"> <div class="hq6gx wfm4e d77gl lile3 dark:border-neutral-700"> <div class="t5zar flex r00n9 items-center"><svg class="hq6gx awhdl t6rrs dark:text-neutral-500" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7438 0.940745C6.84695 1.30308 2.6841 1.63631 2.48837 1.67533C1.9396 1.77319 1.44038 2.14544 1.20563 2.63537L1 3.06646L1.01982 13.3407L1.04893 23.615L1.36234 24.2517C1.53886 24.6042 2.73365 26.2499 4.0362 27.9439C6.61221 31.2836 6.79802 31.47 7.77726 31.5679C8.06156 31.597 10.1966 31.4991 12.5081 31.3622C14.8295 31.2154 18.5508 30.99 20.7842 30.863C30.3233 30.2839 29.8334 30.3328 30.3815 29.8627C31.0672 29.2947 31.0183 30.2251 31.0474 17.7377C31.0672 7.15003 31.0573 6.45509 30.9006 6.13177C30.7148 5.76943 30.3815 5.51487 26.0329 2.45885C23.1243 0.421704 22.9186 0.313932 21.6155 0.294111C21.0772 0.274911 16.6307 0.568497 11.7438 0.940745ZM22.752 2.28232C23.1633 2.46814 26.1704 4.56412 26.6108 4.9661C26.7284 5.08378 26.7675 5.18164 26.7086 5.24048C26.5717 5.35817 7.96245 6.465 7.42421 6.38634C7.17956 6.34732 6.81722 6.20052 6.61159 6.06302C5.75932 5.48514 3.64413 3.75149 3.64413 3.62452C3.64413 3.29129 3.57538 3.29129 11.8714 2.69421C13.4582 2.58644 16.0633 2.39071 17.6502 2.26312C21.0871 1.98874 22.1159 1.99865 22.752 2.28232ZM28.6677 7.63996C28.8046 7.77685 28.9223 8.04132 28.9613 8.29589C28.9904 8.53125 29.0102 12.9189 28.9904 18.0313C28.9613 26.8067 28.9514 27.3555 28.7848 27.61C28.6869 27.7667 28.4912 27.9333 28.3438 27.9823C27.9331 28.1489 8.43318 29.2557 8.03183 29.138C7.84601 29.0891 7.59083 28.9324 7.45394 28.7955L7.21858 28.541L7.18947 19.0799C7.16965 12.4395 7.18947 9.5012 7.26813 9.23672C7.32697 9.041 7.47376 8.80564 7.60136 8.72759C7.77788 8.60991 8.93364 8.51205 12.9101 8.2773C15.7016 8.1206 20.0206 7.85613 22.4987 7.70933C28.3933 7.34638 28.3741 7.34638 28.6677 7.63996Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path d="M23.4277 10.8818C22.3698 10.9506 21.4296 11.0484 21.3218 11.1073C20.9985 11.2739 20.8028 11.5483 20.7638 11.8617C20.7347 12.185 20.8325 12.224 21.8898 12.3516L22.35 12.4104V16.5925C22.35 19.0799 22.311 20.7256 22.2621 20.6767C22.2131 20.6178 20.8226 18.5027 19.167 15.9756C17.512 13.4392 16.1407 11.3525 16.1209 11.3333C16.1011 11.3135 15.024 11.3724 13.7313 11.4609C12.1445 11.5687 11.273 11.6666 11.0965 11.7644C10.8122 11.9112 10.4988 12.4303 10.4988 12.7734C10.4988 12.979 10.871 13.0868 11.6545 13.0868H12.0658V25.1139L11.4 25.3196C10.8809 25.4763 10.7044 25.5741 10.6165 25.7698C10.4598 26.1031 10.4697 26.4066 10.6264 26.4066C10.6852 26.4066 11.792 26.3378 13.0649 26.2598C15.582 26.113 15.8657 26.0442 16.1302 25.5252C16.2088 25.3685 16.277 25.2019 16.277 25.1529C16.277 25.1139 15.9345 24.9962 15.5226 24.8984C15.1014 24.8005 14.6802 24.7027 14.5923 24.6828C14.4257 24.6339 14.4157 24.3304 14.4157 20.1186V15.6033L17.3931 20.2753C20.5173 25.1721 20.9093 25.7308 21.3893 25.9755C21.987 26.2889 23.5051 26.0733 24.2688 25.5741L24.5042 25.4273L24.524 18.7479L24.5531 12.0586L25.0722 11.9608C25.6891 11.8431 25.9734 11.5594 25.9734 11.0695C25.9734 10.7561 25.9536 10.7362 25.66 10.7462C25.4847 10.7542 24.4757 10.813 23.4277 10.8818Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/></svg></div> </div> </div> <!-- End Logo --> <div class="e3fpz truncate xe8oj"> <div class="fy7l0"> <span class="block t5ziw bp13m dark:text-neutral-300"> Notion </span> </div> <div class="hs-tooltip hq6gx block"> <h4 class="hs-tooltip-toggle vo20k truncate bp13m dark:text-neutral-300"> Add missing plugin demos to Stackblitz (framework guides) </h4> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst j1nxz f9qde ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Add missing plugin demos to Stackblitz (framework guides) </span> </div> </div> <div class="absolute wix12 pjxsz"> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wpmd2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n9mfl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpmd2"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/><path d="m15 5 3 3"/></svg> Edit </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> </div> <!-- End Header --> <!-- List --> <div class="mctd2 dmfqa uir33 k2clc d77gl divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700"> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 9 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Tasks </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 0 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> In Progress </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 9 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Completed </p> </div> <!-- End Item --> </div> <!-- End List --> <!-- Grid --> <div class="pi5e6 flex flex-col q97y2"> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Due date </p> <div class="e3fpz"> <p class="vo20k t5ziw bp13m dark:text-neutral-200"> 4 June, 2024 </p> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Category </p> <div class="e3fpz"> <span class="hz4z9 kzzmm inline-flex items-center vrcxw agawe t5ziw bp13m umxjj dark:bg-neutral-700 dark:text-neutral-200"> <span class="inline-block ccy3q q6835 ggt5g oq0dt"></span> UI/UX </span> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Assignee </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="assigneeAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Daniel Hobbs</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Last edited </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="lastEditedAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Daniel Hobbs</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Team: </p> <div class="e3fpz"> <!-- Avatar Group --> <div class="flex items-center"> <!-- Avatars --> <div class="flex items-center sm:-space-x-px"> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> James Collins (You) <span class="block s2avd boaf8">Online</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Daniel Hobbs <span class="block s2avd boaf8">Last seen 1 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Amanda Harvey <span class="block s2avd boaf8">Last seen 5 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center agawe p4gf7 cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-700 dark:text-neutral-300">L</span> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Liza Harrison <span class="block s2avd boaf8">Last seen 3 hours ago</span> </span> </div> <!-- End Avatar --> </div> <!-- End Avatars --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] [--trigger:hover] relative inline-flex"> <button id="hs-pro-wpagd2" type="button" class="flex r00n9 items-center pgjbi t5ziw t6rrs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="sm:hidden hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="sm:hidden">+6</span> <span class="hidden sm:block mb4ft">+2</span> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden ocib4 ym42y lile3 rkof5 dark:bg-neutral-700 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpagd2"> <div class="relative v5sq3 yyez4 h932c overflow-y-auto n4ec4 xlk9f tu1n2 k6c79 dark:[&::-webkit-scrollbar-track]:bg-neutral-600 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-400"> <span class="block ej64t s2avd e7zws boaf8">Last seen by</span> <div class="space-y-2"> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> James Collins (You) </p> <p class="s2avd amkne boaf8"> Online </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Daniel Hobbs </p> <p class="s2avd amkne boaf8"> Last seen 1 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Amanda Harvey </p> <p class="s2avd amkne boaf8"> Last seen 5 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">L</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Liza Harrison </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Crane </p> <p class="s2avd amkne boaf8"> Last seen 1 day ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">O</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Ols Schols </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Avatar Group --> </div> </div> <!-- End Item --> </div> <!-- End Grid --> <!-- Footer --> <div class="mt-auto mctd2 dkhxo flex items-center pyimf d77gl dark:border-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg> 4 </span> <div class="relative g6bj4 g4kd8 before:absolute before:top-1/2 before:-start-px before:w-px before:h-3 before:bg-gray-300 before:-translate-y-1/2 dark:before:bg-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> 41 </span> </div> <!-- Progress --> <div class="ms-auto bpqmo flex items-center pgjbi lt27r"> <div class="flex i65bn s0pmm rjuva oq0dt overflow-hidden dark:bg-neutral-700" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"> <div class="flex flex-col r00n9 oq0dt overflow-hidden mc62i t5ziw piafy zr4l6 lj7mp lt27r f1zti ksm85" style="width: 100%;"></div> </div> <div class="p8o62 cuqi8 -mt-0.5"> <span class="t5ziw piafy t6rrs dark:text-neutral-500">100%</span> </div> </div> <!-- End Progress --> </div> <!-- End Footer --> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl truncate lile3 dark:bg-neutral-900 dark:border-neutral-700"> <!-- Header --> <div class="pi5e6 relative flex vmt4s"> <!-- Logo --> <div class="hq6gx"> <div class="hq6gx wfm4e d77gl lile3 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center t5zar bp13m dark:text-neutral-200 wyyla vo20k e7zws lile3"> D </span> </div> </div> <!-- End Logo --> <div class="e3fpz truncate xe8oj"> <div class="fy7l0"> <span class="block t5ziw bp13m dark:text-neutral-300"> Dropbox Inc. </span> </div> <div class="hs-tooltip hq6gx block"> <h4 class="hs-tooltip-toggle vo20k truncate bp13m dark:text-neutral-300"> Datatables integration </h4> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst j1nxz f9qde ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Datatables integration </span> </div> </div> <div class="absolute wix12 pjxsz"> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wpmd3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n9mfl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpmd3"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/><path d="m15 5 3 3"/></svg> Edit </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> </div> <!-- End Header --> <!-- List --> <div class="mctd2 dmfqa uir33 k2clc d77gl divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700"> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 101 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Tasks </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 51 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> In Progress </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 50 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Completed </p> </div> <!-- End Item --> </div> <!-- End List --> <!-- Grid --> <div class="pi5e6 flex flex-col q97y2"> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Due date </p> <div class="e3fpz"> <p class="vo20k t5ziw bp13m dark:text-neutral-200"> 31 August, 2024 </p> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Category </p> <div class="e3fpz"> <span class="hz4z9 kzzmm inline-flex items-center vrcxw agawe t5ziw bp13m umxjj dark:bg-neutral-700 dark:text-neutral-200"> <span class="inline-block ccy3q q6835 k2w7g oq0dt"></span> Datatables </span> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Assignee </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="assigneeAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Amanda Harvey</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Last edited </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <span class="flex hq6gx r00n9 items-center ibvs1 a5zdr bss30 dark:bg-purple-800 dark:text-white cm336 vo20k e7zws umxjj"> L </span> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Liza Harrison</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Team: </p> <div class="e3fpz"> <!-- Avatar Group --> <div class="flex items-center"> <!-- Avatars --> <div class="flex items-center sm:-space-x-px"> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> James Collins (You) <span class="block s2avd boaf8">Online</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Daniel Hobbs <span class="block s2avd boaf8">Last seen 1 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Amanda Harvey <span class="block s2avd boaf8">Last seen 5 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center agawe p4gf7 cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-700 dark:text-neutral-300">L</span> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Liza Harrison <span class="block s2avd boaf8">Last seen 3 hours ago</span> </span> </div> <!-- End Avatar --> </div> <!-- End Avatars --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] [--trigger:hover] relative inline-flex"> <button id="hs-pro-wpagd3" type="button" class="flex r00n9 items-center pgjbi t5ziw t6rrs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="sm:hidden hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="sm:hidden">+6</span> <span class="hidden sm:block mb4ft">+2</span> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden ocib4 ym42y lile3 rkof5 dark:bg-neutral-700 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpagd3"> <div class="relative v5sq3 yyez4 h932c overflow-y-auto n4ec4 xlk9f tu1n2 k6c79 dark:[&::-webkit-scrollbar-track]:bg-neutral-600 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-400"> <span class="block ej64t s2avd e7zws boaf8">Last seen by</span> <div class="space-y-2"> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> James Collins (You) </p> <p class="s2avd amkne boaf8"> Online </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Daniel Hobbs </p> <p class="s2avd amkne boaf8"> Last seen 1 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Amanda Harvey </p> <p class="s2avd amkne boaf8"> Last seen 5 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">L</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Liza Harrison </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Crane </p> <p class="s2avd amkne boaf8"> Last seen 1 day ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">O</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Ols Schols </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Avatar Group --> </div> </div> <!-- End Item --> </div> <!-- End Grid --> <!-- Footer --> <div class="mt-auto mctd2 dkhxo flex items-center pyimf d77gl dark:border-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg> 56 </span> <div class="relative g6bj4 g4kd8 before:absolute before:top-1/2 before:-start-px before:w-px before:h-3 before:bg-gray-300 before:-translate-y-1/2 dark:before:bg-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> 14 </span> </div> <!-- Progress --> <div class="ms-auto bpqmo flex items-center pgjbi lt27r"> <div class="flex i65bn s0pmm rjuva oq0dt overflow-hidden dark:bg-neutral-700" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"> <div class="flex flex-col r00n9 oq0dt overflow-hidden mc62i t5ziw piafy zr4l6 lj7mp lt27r f1zti ksm85" style="width: 50%;"></div> </div> <div class="p8o62 cuqi8 -mt-0.5"> <span class="t5ziw piafy t6rrs dark:text-neutral-500">50%</span> </div> </div> <!-- End Progress --> </div> <!-- End Footer --> </div> <!-- End Card --> </div> <!-- End Card Grid Group --> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- Card Grid Group --> <div class="dmfqa salis i5hzf h59sd"> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl truncate lile3 dark:bg-neutral-900 dark:border-neutral-700"> <!-- Header --> <div class="pi5e6 relative flex vmt4s"> <!-- Logo --> <div class="hq6gx"> <div class="hq6gx wfm4e d77gl lile3 dark:border-neutral-700"> <div class="t5zar flex r00n9 items-center"><svg class="hq6gx awhdl t6rrs dark:text-neutral-500" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.7326 0C9.96372 0.00130479 8.53211 1.43397 8.53342 3.19935C8.53211 4.96473 9.96503 6.39739 11.7339 6.39869H14.9345V3.20065C14.9358 1.43527 13.5029 0.00260958 11.7326 0C11.7339 0 11.7339 0 11.7326 0M11.7326 8.53333H3.20053C1.43161 8.53464 -0.00130383 9.9673 3.57297e-06 11.7327C-0.00261123 13.4981 1.4303 14.9307 3.19922 14.9333H11.7326C13.5016 14.932 14.9345 13.4994 14.9332 11.734C14.9345 9.9673 13.5016 8.53464 11.7326 8.53333V8.53333Z" fill="#36C5F0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M32 11.7327C32.0013 9.9673 30.5684 8.53464 28.7995 8.53333C27.0306 8.53464 25.5976 9.9673 25.5989 11.7327V14.9333H28.7995C30.5684 14.932 32.0013 13.4994 32 11.7327ZM23.4666 11.7327V3.19935C23.4679 1.43527 22.0363 0.00260958 20.2674 0C18.4984 0.00130479 17.0655 1.43397 17.0668 3.19935V11.7327C17.0642 13.4981 18.4971 14.9307 20.2661 14.9333C22.035 14.932 23.4679 13.4994 23.4666 11.7327Z" fill="#2EB67D"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.2661 32C22.035 31.9987 23.4679 30.566 23.4666 28.8007C23.4679 27.0353 22.035 25.6026 20.2661 25.6013H17.0656V28.8007C17.0642 30.5647 18.4972 31.9974 20.2661 32ZM20.2661 23.4654H28.7995C30.5684 23.4641 32.0013 22.0314 32 20.266C32.0026 18.5006 30.5697 17.068 28.8008 17.0654H20.2674C18.4985 17.0667 17.0656 18.4993 17.0669 20.2647C17.0656 22.0314 18.4972 23.4641 20.2661 23.4654V23.4654Z" fill="#ECB22E"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.93953e-07 20.266C-0.00130651 22.0314 1.43161 23.4641 3.20052 23.4654C4.96944 23.4641 6.40235 22.0314 6.40105 20.266V17.0667H3.20052C1.43161 17.068 -0.00130651 18.5006 8.93953e-07 20.266ZM8.53342 20.266V28.7993C8.53081 30.5647 9.96372 31.9974 11.7326 32C13.5016 31.9987 14.9345 30.566 14.9332 28.8007V20.2686C14.9358 18.5032 13.5029 17.0706 11.7339 17.068C9.96372 17.068 8.53211 18.5006 8.53342 20.266C8.53342 20.2673 8.53342 20.266 8.53342 20.266Z" fill="#E01E5A"/></svg></div> </div> </div> <!-- End Logo --> <div class="e3fpz truncate xe8oj"> <div class="fy7l0"> <span class="block t5ziw bp13m dark:text-neutral-300"> Slack Inc. </span> </div> <div class="hs-tooltip hq6gx block"> <h4 class="hs-tooltip-toggle vo20k truncate bp13m dark:text-neutral-300"> Illustration of Materials Design </h4> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst j1nxz f9qde ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Illustration of Materials Design </span> </div> </div> <div class="absolute wix12 pjxsz"> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wpmd1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n9mfl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpmd1"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/><path d="m15 5 3 3"/></svg> Edit </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> </div> <!-- End Header --> <!-- List --> <div class="mctd2 dmfqa uir33 k2clc d77gl divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700"> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 34 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Tasks </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 19 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> In Progress </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 14 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Completed </p> </div> <!-- End Item --> </div> <!-- End List --> <!-- Grid --> <div class="pi5e6 flex flex-col q97y2"> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Due date </p> <div class="e3fpz"> <p class="vo20k t5ziw bp13m dark:text-neutral-200"> 12 July, 2024 </p> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Category </p> <div class="e3fpz"> <span class="hz4z9 kzzmm inline-flex items-center vrcxw agawe t5ziw bp13m umxjj dark:bg-neutral-700 dark:text-neutral-200"> <span class="inline-block ccy3q q6835 fs9eh oq0dt"></span> Illustration </span> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Assignee </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="assigneeAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Amanda Harvey</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Last edited </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="lastEditedAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">James Collins</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Team: </p> <div class="e3fpz"> <!-- Avatar Group --> <div class="flex items-center"> <!-- Avatars --> <div class="flex items-center sm:-space-x-px"> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> James Collins (You) <span class="block s2avd boaf8">Online</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Daniel Hobbs <span class="block s2avd boaf8">Last seen 1 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Amanda Harvey <span class="block s2avd boaf8">Last seen 5 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center agawe p4gf7 cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-700 dark:text-neutral-300">L</span> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Liza Harrison <span class="block s2avd boaf8">Last seen 3 hours ago</span> </span> </div> <!-- End Avatar --> </div> <!-- End Avatars --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] [--trigger:hover] relative inline-flex"> <button id="hs-pro-wpagd1" type="button" class="flex r00n9 items-center pgjbi t5ziw t6rrs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="sm:hidden hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="sm:hidden">+6</span> <span class="hidden sm:block mb4ft">+2</span> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden ocib4 ym42y lile3 rkof5 dark:bg-neutral-700 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpagd1"> <div class="relative v5sq3 yyez4 h932c overflow-y-auto n4ec4 xlk9f tu1n2 k6c79 dark:[&::-webkit-scrollbar-track]:bg-neutral-600 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-400"> <span class="block ej64t s2avd e7zws boaf8">Last seen by</span> <div class="space-y-2"> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> James Collins (You) </p> <p class="s2avd amkne boaf8"> Online </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Daniel Hobbs </p> <p class="s2avd amkne boaf8"> Last seen 1 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Amanda Harvey </p> <p class="s2avd amkne boaf8"> Last seen 5 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">L</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Liza Harrison </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Crane </p> <p class="s2avd amkne boaf8"> Last seen 1 day ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">O</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Ols Schols </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Avatar Group --> </div> </div> <!-- End Item --> </div> <!-- End Grid --> <!-- Footer --> <div class="mt-auto mctd2 dkhxo flex items-center pyimf d77gl dark:border-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg> 2 </span> <div class="relative g6bj4 g4kd8 before:absolute before:top-1/2 before:-start-px before:w-px before:h-3 before:bg-gray-300 before:-translate-y-1/2 dark:before:bg-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> 1 </span> </div> <!-- Progress --> <div class="ms-auto bpqmo flex items-center pgjbi lt27r"> <div class="flex i65bn s0pmm rjuva oq0dt overflow-hidden dark:bg-neutral-700" role="progressbar" aria-valuenow="38" aria-valuemin="0" aria-valuemax="100"> <div class="flex flex-col r00n9 oq0dt overflow-hidden mc62i t5ziw piafy zr4l6 lj7mp lt27r f1zti ksm85" style="width: 38%;"></div> </div> <div class="p8o62 cuqi8 -mt-0.5"> <span class="t5ziw piafy t6rrs dark:text-neutral-500">38%</span> </div> </div> <!-- End Progress --> </div> <!-- End Footer --> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl truncate lile3 dark:bg-neutral-900 dark:border-neutral-700"> <!-- Header --> <div class="pi5e6 relative flex vmt4s"> <!-- Logo --> <div class="hq6gx"> <div class="hq6gx wfm4e d77gl lile3 dark:border-neutral-700"> <div class="t5zar flex r00n9 items-center"><svg class="hq6gx awhdl t6rrs dark:text-neutral-500" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7438 0.940745C6.84695 1.30308 2.6841 1.63631 2.48837 1.67533C1.9396 1.77319 1.44038 2.14544 1.20563 2.63537L1 3.06646L1.01982 13.3407L1.04893 23.615L1.36234 24.2517C1.53886 24.6042 2.73365 26.2499 4.0362 27.9439C6.61221 31.2836 6.79802 31.47 7.77726 31.5679C8.06156 31.597 10.1966 31.4991 12.5081 31.3622C14.8295 31.2154 18.5508 30.99 20.7842 30.863C30.3233 30.2839 29.8334 30.3328 30.3815 29.8627C31.0672 29.2947 31.0183 30.2251 31.0474 17.7377C31.0672 7.15003 31.0573 6.45509 30.9006 6.13177C30.7148 5.76943 30.3815 5.51487 26.0329 2.45885C23.1243 0.421704 22.9186 0.313932 21.6155 0.294111C21.0772 0.274911 16.6307 0.568497 11.7438 0.940745ZM22.752 2.28232C23.1633 2.46814 26.1704 4.56412 26.6108 4.9661C26.7284 5.08378 26.7675 5.18164 26.7086 5.24048C26.5717 5.35817 7.96245 6.465 7.42421 6.38634C7.17956 6.34732 6.81722 6.20052 6.61159 6.06302C5.75932 5.48514 3.64413 3.75149 3.64413 3.62452C3.64413 3.29129 3.57538 3.29129 11.8714 2.69421C13.4582 2.58644 16.0633 2.39071 17.6502 2.26312C21.0871 1.98874 22.1159 1.99865 22.752 2.28232ZM28.6677 7.63996C28.8046 7.77685 28.9223 8.04132 28.9613 8.29589C28.9904 8.53125 29.0102 12.9189 28.9904 18.0313C28.9613 26.8067 28.9514 27.3555 28.7848 27.61C28.6869 27.7667 28.4912 27.9333 28.3438 27.9823C27.9331 28.1489 8.43318 29.2557 8.03183 29.138C7.84601 29.0891 7.59083 28.9324 7.45394 28.7955L7.21858 28.541L7.18947 19.0799C7.16965 12.4395 7.18947 9.5012 7.26813 9.23672C7.32697 9.041 7.47376 8.80564 7.60136 8.72759C7.77788 8.60991 8.93364 8.51205 12.9101 8.2773C15.7016 8.1206 20.0206 7.85613 22.4987 7.70933C28.3933 7.34638 28.3741 7.34638 28.6677 7.63996Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path d="M23.4277 10.8818C22.3698 10.9506 21.4296 11.0484 21.3218 11.1073C20.9985 11.2739 20.8028 11.5483 20.7638 11.8617C20.7347 12.185 20.8325 12.224 21.8898 12.3516L22.35 12.4104V16.5925C22.35 19.0799 22.311 20.7256 22.2621 20.6767C22.2131 20.6178 20.8226 18.5027 19.167 15.9756C17.512 13.4392 16.1407 11.3525 16.1209 11.3333C16.1011 11.3135 15.024 11.3724 13.7313 11.4609C12.1445 11.5687 11.273 11.6666 11.0965 11.7644C10.8122 11.9112 10.4988 12.4303 10.4988 12.7734C10.4988 12.979 10.871 13.0868 11.6545 13.0868H12.0658V25.1139L11.4 25.3196C10.8809 25.4763 10.7044 25.5741 10.6165 25.7698C10.4598 26.1031 10.4697 26.4066 10.6264 26.4066C10.6852 26.4066 11.792 26.3378 13.0649 26.2598C15.582 26.113 15.8657 26.0442 16.1302 25.5252C16.2088 25.3685 16.277 25.2019 16.277 25.1529C16.277 25.1139 15.9345 24.9962 15.5226 24.8984C15.1014 24.8005 14.6802 24.7027 14.5923 24.6828C14.4257 24.6339 14.4157 24.3304 14.4157 20.1186V15.6033L17.3931 20.2753C20.5173 25.1721 20.9093 25.7308 21.3893 25.9755C21.987 26.2889 23.5051 26.0733 24.2688 25.5741L24.5042 25.4273L24.524 18.7479L24.5531 12.0586L25.0722 11.9608C25.6891 11.8431 25.9734 11.5594 25.9734 11.0695C25.9734 10.7561 25.9536 10.7362 25.66 10.7462C25.4847 10.7542 24.4757 10.813 23.4277 10.8818Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/></svg></div> </div> </div> <!-- End Logo --> <div class="e3fpz truncate xe8oj"> <div class="fy7l0"> <span class="block t5ziw bp13m dark:text-neutral-300"> Notion </span> </div> <div class="hs-tooltip hq6gx block"> <h4 class="hs-tooltip-toggle vo20k truncate bp13m dark:text-neutral-300"> Add missing plugin demos to Stackblitz (framework guides) </h4> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst j1nxz f9qde ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Add missing plugin demos to Stackblitz (framework guides) </span> </div> </div> <div class="absolute wix12 pjxsz"> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wpmd2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n9mfl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpmd2"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/><path d="m15 5 3 3"/></svg> Edit </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> </div> <!-- End Header --> <!-- List --> <div class="mctd2 dmfqa uir33 k2clc d77gl divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700"> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 9 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Tasks </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 0 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> In Progress </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 9 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Completed </p> </div> <!-- End Item --> </div> <!-- End List --> <!-- Grid --> <div class="pi5e6 flex flex-col q97y2"> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Due date </p> <div class="e3fpz"> <p class="vo20k t5ziw bp13m dark:text-neutral-200"> 4 June, 2024 </p> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Category </p> <div class="e3fpz"> <span class="hz4z9 kzzmm inline-flex items-center vrcxw agawe t5ziw bp13m umxjj dark:bg-neutral-700 dark:text-neutral-200"> <span class="inline-block ccy3q q6835 ggt5g oq0dt"></span> UI/UX </span> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Assignee </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="assigneeAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Daniel Hobbs</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Last edited </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="lastEditedAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Daniel Hobbs</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Team: </p> <div class="e3fpz"> <!-- Avatar Group --> <div class="flex items-center"> <!-- Avatars --> <div class="flex items-center sm:-space-x-px"> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> James Collins (You) <span class="block s2avd boaf8">Online</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Daniel Hobbs <span class="block s2avd boaf8">Last seen 1 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Amanda Harvey <span class="block s2avd boaf8">Last seen 5 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center agawe p4gf7 cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-700 dark:text-neutral-300">L</span> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Liza Harrison <span class="block s2avd boaf8">Last seen 3 hours ago</span> </span> </div> <!-- End Avatar --> </div> <!-- End Avatars --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] [--trigger:hover] relative inline-flex"> <button id="hs-pro-wpagd2" type="button" class="flex r00n9 items-center pgjbi t5ziw t6rrs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="sm:hidden hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="sm:hidden">+6</span> <span class="hidden sm:block mb4ft">+2</span> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden ocib4 ym42y lile3 rkof5 dark:bg-neutral-700 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpagd2"> <div class="relative v5sq3 yyez4 h932c overflow-y-auto n4ec4 xlk9f tu1n2 k6c79 dark:[&::-webkit-scrollbar-track]:bg-neutral-600 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-400"> <span class="block ej64t s2avd e7zws boaf8">Last seen by</span> <div class="space-y-2"> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> James Collins (You) </p> <p class="s2avd amkne boaf8"> Online </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Daniel Hobbs </p> <p class="s2avd amkne boaf8"> Last seen 1 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Amanda Harvey </p> <p class="s2avd amkne boaf8"> Last seen 5 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">L</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Liza Harrison </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Crane </p> <p class="s2avd amkne boaf8"> Last seen 1 day ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">O</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Ols Schols </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Avatar Group --> </div> </div> <!-- End Item --> </div> <!-- End Grid --> <!-- Footer --> <div class="mt-auto mctd2 dkhxo flex items-center pyimf d77gl dark:border-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg> 4 </span> <div class="relative g6bj4 g4kd8 before:absolute before:top-1/2 before:-start-px before:w-px before:h-3 before:bg-gray-300 before:-translate-y-1/2 dark:before:bg-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> 41 </span> </div> <!-- Progress --> <div class="ms-auto bpqmo flex items-center pgjbi lt27r"> <div class="flex i65bn s0pmm rjuva oq0dt overflow-hidden dark:bg-neutral-700" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"> <div class="flex flex-col r00n9 oq0dt overflow-hidden mc62i t5ziw piafy zr4l6 lj7mp lt27r f1zti ksm85" style="width: 100%;"></div> </div> <div class="p8o62 cuqi8 -mt-0.5"> <span class="t5ziw piafy t6rrs dark:text-neutral-500">100%</span> </div> </div> <!-- End Progress --> </div> <!-- End Footer --> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl truncate lile3 dark:bg-neutral-900 dark:border-neutral-700"> <!-- Header --> <div class="pi5e6 relative flex vmt4s"> <!-- Logo --> <div class="hq6gx"> <div class="hq6gx wfm4e d77gl lile3 dark:border-neutral-700"> <span class="flex hq6gx r00n9 items-center t5zar bp13m dark:text-neutral-200 wyyla vo20k e7zws lile3"> D </span> </div> </div> <!-- End Logo --> <div class="e3fpz truncate xe8oj"> <div class="fy7l0"> <span class="block t5ziw bp13m dark:text-neutral-300"> Dropbox Inc. </span> </div> <div class="hs-tooltip hq6gx block"> <h4 class="hs-tooltip-toggle vo20k truncate bp13m dark:text-neutral-300"> Datatables integration </h4> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst j1nxz f9qde ym42y cm336 zr4l6 ps5iq dark:bg-neutral-700" role="tooltip"> Datatables integration </span> </div> </div> <div class="absolute wix12 pjxsz"> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wpmd3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw xq1jm ksr3h umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 n9mfl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-950" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpmd3"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z"/><path d="m15 5 3 3"/></svg> Edit </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> </div> <!-- End Header --> <!-- List --> <div class="mctd2 dmfqa uir33 k2clc d77gl divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700"> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 101 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Tasks </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 51 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> In Progress </p> </div> <!-- End Item --> <!-- Item --> <div class="dkhxo"> <p class="y2wul t5ziw bp13m dark:text-neutral-200"> 50 </p> <p class="t5ziw t6rrs dark:text-neutral-500"> Completed </p> </div> <!-- End Item --> </div> <!-- End List --> <!-- Grid --> <div class="pi5e6 flex flex-col q97y2"> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Due date </p> <div class="e3fpz"> <p class="vo20k t5ziw bp13m dark:text-neutral-200"> 31 August, 2024 </p> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Category </p> <div class="e3fpz"> <span class="hz4z9 kzzmm inline-flex items-center vrcxw agawe t5ziw bp13m umxjj dark:bg-neutral-700 dark:text-neutral-200"> <span class="inline-block ccy3q q6835 k2w7g oq0dt"></span> Datatables </span> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Assignee </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <img class="hq6gx ibvs1 umxjj" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="assigneeAvatar"> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Amanda Harvey</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Last edited </p> <div class="e3fpz"> <div class="flex items-center vrcxw"> <span class="flex hq6gx r00n9 items-center ibvs1 a5zdr bss30 dark:bg-purple-800 dark:text-white cm336 vo20k e7zws umxjj"> L </span> <span class="vo20k t5ziw bp13m dark:text-neutral-200">Liza Harrison</span> </div> </div> </div> <!-- End Item --> <!-- Item --> <div class="flex items-center lialp"> <p class="o1qfp t5ziw t6rrs dark:text-neutral-500"> Team: </p> <div class="e3fpz"> <!-- Avatar Group --> <div class="flex items-center"> <!-- Avatars --> <div class="flex items-center sm:-space-x-px"> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> James Collins (You) <span class="block s2avd boaf8">Online</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Daniel Hobbs <span class="block s2avd boaf8">Last seen 1 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"> <img class="hs-tooltip-toggle hq6gx lpgt1 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Amanda Harvey <span class="block s2avd boaf8">Last seen 5 mins ago</span> </span> </div> <!-- End Avatar --> <!-- Avatar --> <div class="hs-tooltip hq6gx hidden sm:block"> <div class="relative v5sq3 flex oo8ro ibvs1 umxjj ouvii dark:ring-neutral-800 t2pcc dark:bg-neutral-900"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center agawe p4gf7 cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-700 dark:text-neutral-300">L</span> </div> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Liza Harrison <span class="block s2avd boaf8">Last seen 3 hours ago</span> </span> </div> <!-- End Avatar --> </div> <!-- End Avatars --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:top-right] [--trigger:hover] relative inline-flex"> <button id="hs-pro-wpagd3" type="button" class="flex r00n9 items-center pgjbi t5ziw t6rrs disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dark:text-neutral-500" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="sm:hidden hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg> <span class="sm:hidden">+6</span> <span class="hidden sm:block mb4ft">+2</span> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 rmc90 transition-[opacity,margin] duration opacity-0 hidden ocib4 ym42y lile3 rkof5 dark:bg-neutral-700 before:h-4 before:absolute before:-top-4 before:start-0 before:w-full" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wpagd3"> <div class="relative v5sq3 yyez4 h932c overflow-y-auto n4ec4 xlk9f tu1n2 k6c79 dark:[&::-webkit-scrollbar-track]:bg-neutral-600 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-400"> <span class="block ej64t s2avd e7zws boaf8">Last seen by</span> <div class="space-y-2"> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482633369-9fe69af50bfb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> James Collins (You) </p> <p class="s2avd amkne boaf8"> Online </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Daniel Hobbs </p> <p class="s2avd amkne boaf8"> Last seen 1 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Amanda Harvey </p> <p class="s2avd amkne boaf8"> Last seen 5 mins ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class="sm:hidden flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">L</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Liza Harrison </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"> <img class="hq6gx ezw10 ibvs1 umxjj ouvii dark:ring-neutral-800" src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Crane </p> <p class="s2avd amkne boaf8"> Last seen 1 day ago </p> </div> </div> <!-- End Avatar --> <!-- Avatar --> <div class=" flex items-center lialp"> <div class="hq6gx"><span class="hs-tooltip-toggle flex hq6gx r00n9 items-center ezw10 cs2cw a2xqp cm336 vo20k e7zws ibvs1 umxjj ouvii dark:ring-neutral-800 dark:bg-neutral-600 dark:text-neutral-300">O</span> </div> <div class="e3fpz"> <p class="vo20k cm336 amkne jlv4x dark:text-neutral-200"> Ols Schols </p> <p class="s2avd amkne boaf8"> Last seen 3 hours ago </p> </div> </div> <!-- End Avatar --> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Avatar Group --> </div> </div> <!-- End Item --> </div> <!-- End Grid --> <!-- Footer --> <div class="mt-auto mctd2 dkhxo flex items-center pyimf d77gl dark:border-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z"/><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/></svg> 56 </span> <div class="relative g6bj4 g4kd8 before:absolute before:top-1/2 before:-start-px before:w-px before:h-3 before:bg-gray-300 before:-translate-y-1/2 dark:before:bg-neutral-700"> <span class="flex r00n9 items-center pgjbi t5ziw piafy t6rrs dark:text-neutral-500"> <svg class="hq6gx a49ku" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg> 14 </span> </div> <!-- Progress --> <div class="ms-auto bpqmo flex items-center pgjbi lt27r"> <div class="flex i65bn s0pmm rjuva oq0dt overflow-hidden dark:bg-neutral-700" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"> <div class="flex flex-col r00n9 oq0dt overflow-hidden mc62i t5ziw piafy zr4l6 lj7mp lt27r f1zti ksm85" style="width: 50%;"></div> </div> <div class="p8o62 cuqi8 -mt-0.5"> <span class="t5ziw piafy t6rrs dark:text-neutral-500">50%</span> </div> </div> <!-- End Progress --> </div> <!-- End Footer --> </div> <!-- End Card --> </div> <!-- End Card Grid Group -->
User Card with Hero Background
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body><!-- Grid --> <div class="dmfqa n5y6f i5hzf h59sd diwez"> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <figure class="hq6gx relative oocqq overflow-hidden m6bzj"> <svg class="i65bn oocqq m6bzj" preserveAspectRatio="xMidYMid slice" width="576" height="120" viewBox="0 0 576 120" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_666_273469qedas2)"><rect width="576" height="120" fill="#B2E7FE"/><rect x="289.678" y="-90.3" width="102.634" height="391.586" transform="rotate(59.5798 289.678 -90.3)" fill="#FF8F5D"/><rect x="41.3926" y="-0.996094" width="102.634" height="209.864" transform="rotate(-31.6412 41.3926 -0.996094)" fill="#3ECEED"/><rect x="66.9512" y="40.4817" width="102.634" height="104.844" transform="rotate(-31.6412 66.9512 40.4817)" fill="#4C48FF"/></g><defs><clipPath id="clip0_666_273469qedas2"><rect width="576" height="120" fill="white"/></clipPath></defs></svg> </figure> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid1"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Amanda Harvey </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Front-End Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> (892) 312-5483 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> amanda@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $35-$55 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Front-End </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Brand Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid1" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +2 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid1"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Web </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> UI/UX </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="hq6gx oocqq gij4w dark:bg-pink-800 m6bzj"></div> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <span class="flex hq6gx r00n9 items-center zvis0 gij4w modk7 dark:bg-pink-800 dark:text-white wyyla vo20k e7zws owy1d b3ccz ouvii dark:ring-neutral-800"> D </span> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid2"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Daniel Hobbs </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Mobile Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> +1 000-00-00 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> daniel@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $50 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> App </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Mobile </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> iOS </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <img class="i65bn oocqq exlm9 m6bzj" src="https://images.unsplash.com/photo-1716184047641-bd7c469853c7?q=80&w=330&h=100&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Hero Background"> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid3"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Anna Richard </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Marketing </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> anna@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $5-$999 </dd> </dl> <!-- End List --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="hq6gx oocqq p9wvu dark:bg-sky-800/50 m6bzj"></div> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <span class="flex hq6gx r00n9 items-center zvis0 p9wvu qulu9 dark:bg-sky-800 dark:text-white wyyla vo20k e7zws owy1d b3ccz ouvii dark:ring-neutral-800"> L </span> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid4" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid4"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Liza Harrison </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Illustrator </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> +33 000-00-00 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> liza@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Illustrator </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Adobe </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Figma </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Sketch </span> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <figure class="hq6gx relative oocqq overflow-hidden m6bzj"> <svg class="i65bn oocqq m6bzj" preserveAspectRatio="xMidYMid slice" width="1113" height="161" viewBox="0 0 1113 161" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_666_2207232312)"><rect x="0.5" width="1112" height="161" rx="12" fill="white"></rect><rect x="1" width="1112" height="348" fill="#D9DEEA"></rect><path d="M512.694 359.31C547.444 172.086 469.835 34.2204 426.688 -11.3096H1144.27V359.31H512.694Z" fill="#C0CBDD"></path><path d="M818.885 185.745C703.515 143.985 709.036 24.7949 726.218 -29.5801H1118.31V331.905C1024.49 260.565 963.098 237.945 818.885 185.745Z" fill="#8192B0"></path></g><defs><clipPath id="clip0_666_2207232312"><rect x="0.5" width="1112" height="161" rx="12" fill="white"></rect></clipPath></defs></svg> </figure> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid7" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid7"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Lewis Clarke </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Full-Stack Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> lewis@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $250 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> HTML </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Front-End </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Back-End </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> React </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid7" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +1 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid7"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> CSS </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="hq6gx oocqq sg9sy dark:bg-orange-800 m6bzj"></div> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid6" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid6"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Ella Lauda </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Brand Designer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> +1 212-00-11 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> ella@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $12-$99 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Product Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Marketing </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Brand Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid6" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +2 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid6"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Dancer </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <figure class="hq6gx relative oocqq overflow-hidden m6bzj"> <svg class="i65bn oocqq m6bzj" preserveAspectRatio="xMidYMid slice" width="1113" height="161" viewBox="0 0 1113 161" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_666_220723)"><rect x="0.5" width="1112" height="161" rx="12" fill="white"></rect><rect x="1" width="1112" height="348" fill="#D9DEEA"></rect><path d="M512.694 359.31C547.444 172.086 469.835 34.2204 426.688 -11.3096H1144.27V359.31H512.694Z" fill="#C0CBDD"></path><path d="M818.885 185.745C703.515 143.985 709.036 24.7949 726.218 -29.5801H1118.31V331.905C1024.49 260.565 963.098 237.945 818.885 185.745Z" fill="#8192B0"></path></g><defs><clipPath id="clip0_666_220723"><rect x="0.5" width="1112" height="161" rx="12" fill="white"></rect></clipPath></defs></svg> </figure> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1570654639102-bdd95efeca7a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid5" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid5"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Rachel Doe </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Full-Stack Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> +297 000-00-00 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> rachel@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $40-$45 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> React </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> JavaScript </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Angular </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> TypeScript </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid5" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +2 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid5"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Vue </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Nuxt </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="hq6gx oocqq a5zdr dark:bg-purple-800 m6bzj"></div> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <span class="flex hq6gx r00n9 items-center zvis0 a5zdr bss30 dark:bg-purple-800 dark:text-white wyyla vo20k e7zws owy1d b3ccz ouvii dark:ring-neutral-800"> O </span> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid8" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid8"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Ols Schols </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Web Designer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> ols@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $99 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Mobile </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Web </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <figure class="hq6gx relative oocqq overflow-hidden m6bzj"> <svg class="i65bn oocqq m6bzj" preserveAspectRatio="xMidYMid slice" width="576" height="120" viewBox="0 0 576 120" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_666_273469a21332)"><rect width="576" height="120" fill="#B2E7FE"/><rect x="289.678" y="-90.3" width="102.634" height="391.586" transform="rotate(59.5798 289.678 -90.3)" fill="#FF8F5D"/><rect x="41.3926" y="-0.996094" width="102.634" height="209.864" transform="rotate(-31.6412 41.3926 -0.996094)" fill="#3ECEED"/><rect x="66.9512" y="40.4817" width="102.634" height="104.844" transform="rotate(-31.6412 66.9512 40.4817)" fill="#4C48FF"/></g><defs><clipPath id="clip0_666_273469a21332"><rect width="576" height="120" fill="white"/></clipPath></defs></svg> </figure> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid9" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid9"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Daniel Hobbs </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Front-End Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> daniel@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $120-$160 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Front-End </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Brand Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid9" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +2 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid9"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Web </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> UI/UX </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> </div> <!-- End Grid --> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- Grid --> <div class="dmfqa n5y6f i5hzf h59sd diwez"> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <figure class="hq6gx relative oocqq overflow-hidden m6bzj"> <svg class="i65bn oocqq m6bzj" preserveAspectRatio="xMidYMid slice" width="576" height="120" viewBox="0 0 576 120" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_666_273469qedas2)"><rect width="576" height="120" fill="#B2E7FE"/><rect x="289.678" y="-90.3" width="102.634" height="391.586" transform="rotate(59.5798 289.678 -90.3)" fill="#FF8F5D"/><rect x="41.3926" y="-0.996094" width="102.634" height="209.864" transform="rotate(-31.6412 41.3926 -0.996094)" fill="#3ECEED"/><rect x="66.9512" y="40.4817" width="102.634" height="104.844" transform="rotate(-31.6412 66.9512 40.4817)" fill="#4C48FF"/></g><defs><clipPath id="clip0_666_273469qedas2"><rect width="576" height="120" fill="white"/></clipPath></defs></svg> </figure> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1541101767792-f9b2b1c4f127?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid1" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid1"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Amanda Harvey </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Front-End Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> (892) 312-5483 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> amanda@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $35-$55 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Front-End </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Brand Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid1" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +2 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid1"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Web </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> UI/UX </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="hq6gx oocqq gij4w dark:bg-pink-800 m6bzj"></div> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <span class="flex hq6gx r00n9 items-center zvis0 gij4w modk7 dark:bg-pink-800 dark:text-white wyyla vo20k e7zws owy1d b3ccz ouvii dark:ring-neutral-800"> D </span> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid2" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid2"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Daniel Hobbs </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Mobile Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> +1 000-00-00 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> daniel@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $50 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> App </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Mobile </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> iOS </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <img class="i65bn oocqq exlm9 m6bzj" src="https://images.unsplash.com/photo-1716184047641-bd7c469853c7?q=80&w=330&h=100&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Hero Background"> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1670272505340-d906d8d77d03?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=3&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid3" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid3"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Anna Richard </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Marketing </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> anna@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $5-$999 </dd> </dl> <!-- End List --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="hq6gx oocqq p9wvu dark:bg-sky-800/50 m6bzj"></div> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <span class="flex hq6gx r00n9 items-center zvis0 p9wvu qulu9 dark:bg-sky-800 dark:text-white wyyla vo20k e7zws owy1d b3ccz ouvii dark:ring-neutral-800"> L </span> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid4" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid4"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Liza Harrison </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Illustrator </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> +33 000-00-00 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> liza@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Illustrator </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Adobe </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Figma </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Sketch </span> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <figure class="hq6gx relative oocqq overflow-hidden m6bzj"> <svg class="i65bn oocqq m6bzj" preserveAspectRatio="xMidYMid slice" width="1113" height="161" viewBox="0 0 1113 161" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_666_2207232312)"><rect x="0.5" width="1112" height="161" rx="12" fill="white"></rect><rect x="1" width="1112" height="348" fill="#D9DEEA"></rect><path d="M512.694 359.31C547.444 172.086 469.835 34.2204 426.688 -11.3096H1144.27V359.31H512.694Z" fill="#C0CBDD"></path><path d="M818.885 185.745C703.515 143.985 709.036 24.7949 726.218 -29.5801H1118.31V331.905C1024.49 260.565 963.098 237.945 818.885 185.745Z" fill="#8192B0"></path></g><defs><clipPath id="clip0_666_2207232312"><rect x="0.5" width="1112" height="161" rx="12" fill="white"></rect></clipPath></defs></svg> </figure> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1679412330254-90cb240038c5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid7" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid7"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Lewis Clarke </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Full-Stack Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> lewis@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $250 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> HTML </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Front-End </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Back-End </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> React </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid7" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +1 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid7"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> CSS </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="hq6gx oocqq sg9sy dark:bg-orange-800 m6bzj"></div> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1659482634023-2c4fda99ac0c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid6" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid6"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Ella Lauda </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Brand Designer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> +1 212-00-11 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> ella@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $12-$99 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Product Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Marketing </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Brand Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid6" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +2 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid6"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Dancer </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <figure class="hq6gx relative oocqq overflow-hidden m6bzj"> <svg class="i65bn oocqq m6bzj" preserveAspectRatio="xMidYMid slice" width="1113" height="161" viewBox="0 0 1113 161" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_666_220723)"><rect x="0.5" width="1112" height="161" rx="12" fill="white"></rect><rect x="1" width="1112" height="348" fill="#D9DEEA"></rect><path d="M512.694 359.31C547.444 172.086 469.835 34.2204 426.688 -11.3096H1144.27V359.31H512.694Z" fill="#C0CBDD"></path><path d="M818.885 185.745C703.515 143.985 709.036 24.7949 726.218 -29.5801H1118.31V331.905C1024.49 260.565 963.098 237.945 818.885 185.745Z" fill="#8192B0"></path></g><defs><clipPath id="clip0_666_220723"><rect x="0.5" width="1112" height="161" rx="12" fill="white"></rect></clipPath></defs></svg> </figure> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1570654639102-bdd95efeca7a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid5" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid5"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Rachel Doe </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Full-Stack Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> +297 000-00-00 </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> rachel@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $40-$45 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> React </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> JavaScript </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Angular </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> TypeScript </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid5" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +2 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid5"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Vue </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Nuxt </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <div class="hq6gx oocqq a5zdr dark:bg-purple-800 m6bzj"></div> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <span class="flex hq6gx r00n9 items-center zvis0 a5zdr bss30 dark:bg-purple-800 dark:text-white wyyla vo20k e7zws owy1d b3ccz ouvii dark:ring-neutral-800"> O </span> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid8" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid8"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Ols Schols </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Web Designer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> ols@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $99 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Mobile </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Web </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> <!-- Card --> <div class="flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <figure class="hq6gx relative oocqq overflow-hidden m6bzj"> <svg class="i65bn oocqq m6bzj" preserveAspectRatio="xMidYMid slice" width="576" height="120" viewBox="0 0 576 120" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_666_273469a21332)"><rect width="576" height="120" fill="#B2E7FE"/><rect x="289.678" y="-90.3" width="102.634" height="391.586" transform="rotate(59.5798 289.678 -90.3)" fill="#FF8F5D"/><rect x="41.3926" y="-0.996094" width="102.634" height="209.864" transform="rotate(-31.6412 41.3926 -0.996094)" fill="#3ECEED"/><rect x="66.9512" y="40.4817" width="102.634" height="104.844" transform="rotate(-31.6412 66.9512 40.4817)" fill="#4C48FF"/></g><defs><clipPath id="clip0_666_273469a21332"><rect width="576" height="120" fill="white"/></clipPath></defs></svg> </figure> <!-- Avatar --> <div class="-mt-8 dkhxo qhmnk"> <div class="relative flex items-center vmt4s"> <div class="relative vl7eg"> <img class="hq6gx zvis0 b3ccz ouvii owy1d dark:ring-neutral-800" src="https://images.unsplash.com/photo-1601935111741-ae98b2b230b0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=facearea&facepad=2.5&w=320&h=320&q=80" alt="Avatar"> <div class="absolute -bottom-3 fszza lj7mp"> <span class="d0kec kzzmm inline-flex items-center pgjbi cm336 y2wul e7zws umxjj aro7m c4q55 z633s zr4l6">Pro</span> </div> </div> <div class="absolute og9lj fug6q"> <!-- Button Group --> <div class="qpmwn flex c9j8j rwt1z lialp"> <!-- Button --> <button type="button" class="hs-tooltip flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> <span class="ecbnn">Add to favorites</span> <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 inline-block absolute j7t1a a799i jlmh5 rfnst ym42y cm336 zr4l6 ps5iq lt27r dark:bg-neutral-700" role="tooltip"> Add to favorites </span> </button> <!-- End Button --> <!-- More Dropdown --> <div class="hs-dropdown [--strategy:absolute] [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-wccmdid9" type="button" class="flex r00n9 items-center vmt4s aukwz t5ziw wfm4e d77gl xq1jm ksr3h oq0dt disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:border-neutral-700 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/></svg> </button> <!-- More Dropdown --> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden ocib4 oo8ro lile3 rrmkk dark:bg-neutral-900" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wccmdid9"> <div class="ju7it space-y-0.5"> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8"/><polyline points="16 6 12 2 8 6"/><line x1="12" x2="12" y1="2" y2="15"/></svg> Share </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg> Block user </button> <button type="button" class="i65bn flex items-center lialp jlmh5 kzzmm ps5iq cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete </button> </div> </div> <!-- End More Dropdown --> </div> <!-- End More Dropdown --> </div> <!-- End Button Group --> </div> </div> </div> <!-- End Avatar --> <!-- Body --> <div class="pi5e6 qpmwn"> <h2 class="ej64t vo20k bp13m dark:text-neutral-300"> Daniel Hobbs </h2> <!-- List --> <dl class="dmfqa hdv6z lialp"> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Role: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> Front-End Developer </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Phone: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> - </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Email: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> daniel@email.com </dd> <dt class="d0kec t5ziw t6rrs dark:text-neutral-500"> Hourly price: </dt> <dd class="d0kec inline-flex c9j8j items-center lialp cuqi8 vo20k t5ziw bp13m dark:text-neutral-200"> $120-$160 </dd> </dl> <!-- End List --> <!-- Tags Group --> <div class="ymk3i flex flex-wrap duzhl"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Front-End </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Brand Designer </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200"> Tool </span> <div class="hs-dropdown inline-block"> <button id="hs-pro-wcctdid9" type="button" class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m cursor-pointer dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> +2 </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 s5bj3 transition-[opacity,margin] duration opacity-0 hidden overflow-hidden bo1ta n33uu agawe wfm4e d77gl ps5iq dark:bg-neutral-700 dark:border-neutral-600" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-wcctdid9"> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> Web </span> <span class="d0kec rfnst inline-flex items-center pgjbi cm336 umxjj oo8ro wfm4e d77gl bp13m dark:bg-neutral-600 dark:border-neutral-500 dark:text-neutral-200"> UI/UX </span> </div> </div> </div> <!-- End Tags Group --> </div> <!-- End Body --> <div class="mctd2 dkhxo flex items-center vmt4s pyimf d77gl dark:border-neutral-700"> <button type="button" class="i65bn i7oig rfnst inline-flex r00n9 items-center vrcxw e9qjd vo20k ps5iq wfm4e d77gl oo8ro bp13m hx4gm tdhmi disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden tme8y dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"/><path d="M8 12h.01"/><path d="M12 12h.01"/><path d="M16 12h.01"/></svg> Contact </button> <a class="i65bn flex r00n9 items-center vrcxw i7oig rfnst wfm4e qb17b gksv6 vo20k e9qjd zr4l6 ijbd0 umxjj disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden dx4ie dark:border-transparent dark:bg-teal-500 dark:hover:bg-teal-600 dark:focus:bg-teal-600" href="../../pro/workspace/talent-details.html"> View profile <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg> </a> </div> </div> <!-- End Card --> </div> <!-- End Grid -->
Files Grid View
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body><!-- Card Grid --> <div class="dmfqa hdv6z rr2iz h1dxu o9aes"> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img1.jpg" alt="Analytics Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Analytics </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited a minute ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 15kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg1" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img2.jpg" alt="User Profile Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> User Profile </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 hour ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 412kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg2" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img3.jpg" alt="Payment Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Payment </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 day ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 2mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg3" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg3"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img4.jpg" alt="Workspace Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Workspace </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 week ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 20kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg4" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg4"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img5.jpg" alt="Examples Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Examples </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 week ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 36kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg5" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg5"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img6.jpg" alt="Dashboard Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Dashboard </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 2 weeks ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 3mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg6" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg6"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img7.jpg" alt="Welcome Page Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Welcome Page </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 2 weeks ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 149kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg7" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg7"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img8.jpg" alt="Plan & Billing Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Plan & Billing </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 3 months ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 223kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg8" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg8"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img9.jpg" alt="Users Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Users </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 4 months ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 4mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg9" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg9"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> </div> <!-- End Card Grid --> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- Card Grid --> <div class="dmfqa hdv6z rr2iz h1dxu o9aes"> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img1.jpg" alt="Analytics Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Analytics </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited a minute ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 15kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg1" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img2.jpg" alt="User Profile Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> User Profile </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 hour ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 412kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg2" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img3.jpg" alt="Payment Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Payment </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 day ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 2mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg3" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg3"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img4.jpg" alt="Workspace Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Workspace </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 week ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 20kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg4" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg4"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img5.jpg" alt="Examples Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Examples </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 week ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 36kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg5" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg5"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img6.jpg" alt="Dashboard Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Dashboard </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 2 weeks ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 3mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg6" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg6"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img7.jpg" alt="Welcome Page Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Welcome Page </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 2 weeks ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 149kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg7" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg7"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img8.jpg" alt="Plan & Billing Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Plan & Billing </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 3 months ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 223kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg8" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg8"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative lile3 ksr3h dark:hover:bg-neutral-800"> <a class="n33uu block lile3 focus:outline-hidden kf4z7 dark:focus:bg-neutral-800" href="#"> <div class="v3e4j dkhxo agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img src="../../assets/img/pro/files-previews/img9.jpg" alt="Users Image"> </div> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> Users </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 4 months ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 4mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdg9" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdg9"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> </div> <!-- End Card Grid -->
Files List View
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body> <div class="i65bn dyqrp mx-auto"> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img1.jpg" alt="Analytics Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Analytics </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited a minute ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 15kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl1" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img2.jpg" alt="User Profile Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> User Profile </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 hour ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 412kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl2" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img3.jpg" alt="Payment Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Payment </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 day ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 2mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl3" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl3"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img4.jpg" alt="Workspace Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Workspace </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 week ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 20kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl4" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl4"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img5.jpg" alt="Examples Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Examples </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 week ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 36kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl5" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl5"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img6.jpg" alt="Dashboard Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Dashboard </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 2 weeks ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 3mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl6" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl6"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img7.jpg" alt="Welcome Page Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Welcome Page </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 2 weeks ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 149kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl7" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl7"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img8.jpg" alt="Plan & Billing Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Plan & Billing </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 3 months ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 223kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl8" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl8"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img9.jpg" alt="Users Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Users </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 4 months ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 4mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl9" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl9"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> </div> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img1.jpg" alt="Analytics Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Analytics </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited a minute ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 15kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl1" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img2.jpg" alt="User Profile Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> User Profile </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 hour ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 412kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl2" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img3.jpg" alt="Payment Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Payment </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 day ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 2mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl3" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl3"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img4.jpg" alt="Workspace Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Workspace </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 week ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 20kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl4" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl4"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img5.jpg" alt="Examples Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Examples </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 1 week ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 36kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl5" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl5"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img6.jpg" alt="Dashboard Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Dashboard </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 2 weeks ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 3mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl6" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl6"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img7.jpg" alt="Welcome Page Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Welcome Page </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 2 weeks ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 149kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl7" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl7"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img8.jpg" alt="Plan & Billing Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Plan & Billing </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 3 months ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 223kb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl8" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl8"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative group oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <a class="group yyez4 flex items-center ekyph group-first:rounded-t-xl group-last:rounded-b-xl ksr3h focus:outline-hidden kf4z7 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#"> <div class="yyez4 agawe wfm4e d77gl ps5iq dark:bg-neutral-800 dark:border-neutral-700"> <img class="eq6ee vdu7l" src="../../assets/img/pro/files-previews/img9.jpg" alt="Users Image"> </div> <div class="e3fpz cqd0q"> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> Users </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 4 months ago </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 4mb </li> </ul> </div> </a> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdl9" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdl9"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card -->
Files (Multiple Images) Grid View
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body> <div class="i65bn q8ef8 mx-auto"><!-- Card Grid --> <div class="dmfqa hdv6z d40ox ozlfj y93n5 2xl:grid-cols-4 h1dxu rzelo"> <!-- Card --> <div class="relative n33uu tul8n oo8ro wfm4e d77gl gelot dark:bg-neutral-900 dark:border-neutral-700"> <!-- Image Group --> <div class="dmfqa hdv6z h1dxu"> <a class="group relative block tr723 jcd0m flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl lile3 overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img11.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Resources</small> </a> <a class="group relative block tr723 jcd0m flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl lile3 overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img13.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Pro Banner</small> </a> <a class="group relative block tr723 jcd0m flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl lile3 overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img10.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Preline v2.0</small> </a> <a class="group relative block tr723 jcd0m flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl lile3 overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img12.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Analytics Site (Outdated)</small> </a> </div> <!-- End Image Group --> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> <a class="ck8au focus:outline-hidden oahj8" href="#"> Analytics </a> </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 20 files </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited a minute ago </li> </ul> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdprg1" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdprg1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit folder </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive folder </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete folder </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative n33uu tul8n oo8ro wfm4e d77gl gelot dark:bg-neutral-900 dark:border-neutral-700"> <!-- Image Group --> <div class="flex duzhl overflow-hidden lile3"> <div class="vhp60"> <a class="group relative block w5ndu zpfqy flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl overflow-hidden niay0 after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img11.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Resources</small> </a> </div> <div class="jfeon space-y-1"> <a class="group relative block y8x55 n7uwu flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl overflow-hidden apkt6 after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="trueHref"> <img src="../../assets/img/pro/files-previews/img13.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Pro Banner</small> </a> <button type="button" class="group relative block i65bn y8x55 n7uwu flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl le1y3 focus:outline-hidden dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex flex-col r00n9 items-center ezw10 gp1n4 gqwrq oq0dt group-hover:bg-pink-600 group-hover:text-white group-hover:duration-300 group-focus:bg-pink-600 group-focus:text-white group-focus:duration-300"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> </span> <small class="ecbnn">Add file</small> </button> </div> </div> <!-- End Image Group --> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> <a class="ck8au focus:outline-hidden oahj8" href="#"> Dashboard </a> </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 3 files </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 5 weeks ago </li> </ul> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdprg2" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdprg2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit folder </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive folder </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete folder </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> </div> <!-- End Card Grid --> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- Card Grid --> <div class="dmfqa hdv6z d40ox ozlfj y93n5 2xl:grid-cols-4 h1dxu rzelo"> <!-- Card --> <div class="relative n33uu tul8n oo8ro wfm4e d77gl gelot dark:bg-neutral-900 dark:border-neutral-700"> <!-- Image Group --> <div class="dmfqa hdv6z h1dxu"> <a class="group relative block tr723 jcd0m flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl lile3 overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img11.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Resources</small> </a> <a class="group relative block tr723 jcd0m flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl lile3 overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img13.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Pro Banner</small> </a> <a class="group relative block tr723 jcd0m flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl lile3 overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img10.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Preline v2.0</small> </a> <a class="group relative block tr723 jcd0m flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl lile3 overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img12.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Analytics Site (Outdated)</small> </a> </div> <!-- End Image Group --> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> <a class="ck8au focus:outline-hidden oahj8" href="#"> Analytics </a> </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 20 files </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited a minute ago </li> </ul> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdprg1" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdprg1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit folder </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive folder </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete folder </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> <!-- Card --> <div class="relative n33uu tul8n oo8ro wfm4e d77gl gelot dark:bg-neutral-900 dark:border-neutral-700"> <!-- Image Group --> <div class="flex duzhl overflow-hidden lile3"> <div class="vhp60"> <a class="group relative block w5ndu zpfqy flex flex-col r00n9 items-center pi5e6 agawe wfm4e d77gl overflow-hidden niay0 after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img11.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Resources</small> </a> </div> <div class="jfeon space-y-1"> <a class="group relative block y8x55 n7uwu flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl overflow-hidden apkt6 after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="trueHref"> <img src="../../assets/img/pro/files-previews/img13.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Pro Banner</small> </a> <button type="button" class="group relative block i65bn y8x55 n7uwu flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl le1y3 focus:outline-hidden dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex flex-col r00n9 items-center ezw10 gp1n4 gqwrq oq0dt group-hover:bg-pink-600 group-hover:text-white group-hover:duration-300 group-focus:bg-pink-600 group-focus:text-white group-focus:duration-300"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> </span> <small class="ecbnn">Add file</small> </button> </div> </div> <!-- End Image Group --> <div class="fkoia"> <p class="truncate t5ziw vo20k bp13m dark:text-neutral-200"> <a class="ck8au focus:outline-hidden oahj8" href="#"> Dashboard </a> </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 3 files </li> <li class="hidden sm:inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 5 weeks ago </li> </ul> </div> <!-- More Dropdown --> <div class="absolute wix12 pjxsz"> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdprg2" type="button" class="ezw10 inline-flex r00n9 items-center lialp ps5iq wfm4e d77gl oo8ro bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdprg2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit folder </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive folder </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete folder </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> <!-- End Card --> </div> <!-- End Card Grid -->
Files (Multiple Images) List View
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative um8nq qpmwn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body> <div class="i65bn dyqrp mx-auto"><!-- Card --> <div class="relative group yyez4 flex flex-col sm:flex-row sm:items-center h1dxu jmqtp oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <div class="dmfqa uir33 duzhl"> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img11.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Resources</small> </a> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img13.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Pro Banner</small> </a> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img10.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Preline v2.0</small> </a> </div> <div class="e3fpz"> <div class="flex uip67"> <div> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> <a class="ck8au focus:outline-hidden oahj8" href="#"> Analytics </a> </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited a minute ago files </li> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 20 </li> </ul> </div> <!-- More Dropdown --> <div> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdprl1" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdprl1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> </div> </div> <!-- End Card --> <!-- Card --> <div class="relative group yyez4 flex flex-col sm:flex-row sm:items-center h1dxu jmqtp oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <div class="dmfqa uir33 duzhl"> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img14.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">E-commerce demo layout</small> </a> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img15.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Dashboard</small> </a> <button type="button" class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden focus:outline-hidden dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex flex-col r00n9 items-center awhdl gp1n4 gqwrq oq0dt group-hover:bg-pink-600 group-hover:text-white group-hover:duration-300 group-focus:bg-pink-600 group-focus:text-white group-focus:duration-300"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> </span> <small class="ecbnn">Add file</small> </button> </div> <div class="e3fpz"> <div class="flex uip67"> <div> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> <a class="ck8au focus:outline-hidden oahj8" href="#"> Dashboard </a> </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 5 weeks ago files </li> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 3 </li> </ul> </div> <!-- More Dropdown --> <div> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdprl2" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdprl2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> </div> </div> <!-- End Card --></div> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- Card --> <div class="relative group yyez4 flex flex-col sm:flex-row sm:items-center h1dxu jmqtp oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <div class="dmfqa uir33 duzhl"> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img11.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Resources</small> </a> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img13.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Pro Banner</small> </a> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img10.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Preline v2.0</small> </a> </div> <div class="e3fpz"> <div class="flex uip67"> <div> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> <a class="ck8au focus:outline-hidden oahj8" href="#"> Analytics </a> </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited a minute ago files </li> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 20 </li> </ul> </div> <!-- More Dropdown --> <div> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdprl1" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdprl1"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> </div> </div> <!-- End Card --> <!-- Card --> <div class="relative group yyez4 flex flex-col sm:flex-row sm:items-center h1dxu jmqtp oo8ro wfm4e d77gl -mt-px pwp6n x37ih i9cqh dark:bg-neutral-900 dark:border-neutral-700"> <div class="dmfqa uir33 duzhl"> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img14.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">E-commerce demo layout</small> </a> <a class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden after:absolute after:inset-0 hover:after:bg-gray-900/70 after:duration-300 focus:outline-hidden focus:after:bg-gray-900/70 dark:bg-neutral-800 dark:border-neutral-700 dark:hover:after:bg-neutral-900/90 dark:focus:after:bg-neutral-900/90" href="#"> <img src="../../assets/img/pro/files-previews/img15.jpg" alt="Project Image"> <small class="absolute og9lj xd3w3 cpkvx bo1ta cm336 zr4l6 truncate opacity-0 group-hover:opacity-100 group-hover:duration-300 group-focus:opacity-100 group-focus:duration-300">Dashboard</small> </a> <button type="button" class="group relative block jon92 oocqq zp04z flex flex-col r00n9 items-center yyez4 agawe wfm4e d77gl d8m5d mth5f overflow-hidden focus:outline-hidden dark:bg-neutral-800 dark:border-neutral-700"> <span class="flex flex-col r00n9 items-center awhdl gp1n4 gqwrq oq0dt group-hover:bg-pink-600 group-hover:text-white group-hover:duration-300 group-focus:bg-pink-600 group-focus:text-white group-focus:duration-300"> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg> </span> <small class="ecbnn">Add file</small> </button> </div> <div class="e3fpz"> <div class="flex uip67"> <div> <p class="t5ziw vo20k bp13m dark:text-neutral-200"> <a class="ck8au focus:outline-hidden oahj8" href="#"> Dashboard </a> </p> <ul class="xe8oj cm336 t6rrs dark:text-neutral-500"> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> Edited 5 weeks ago files </li> <li class="inline-block relative ajrjw fjqwr first-of-type:before:hidden before:absolute before:top-1/2 before:-start-2 before:-translate-y-1/2 before:w-px before:h-3 before:bg-gray-300 before:rounded-full dark:before:bg-neutral-600"> 3 </li> </ul> </div> <!-- More Dropdown --> <div> <div class="hs-dropdown [--placement:bottom-right] relative inline-flex"> <button id="hs-pro-fdprl2" type="button" class="h6z0m km1lu ezw10 sm:w-auto sm:h-auto inline-flex r00n9 items-center pgjbi ps5iq wfm4e d77gl oo8ro cm336 bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:bg-neutral-900 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown"> <span class="hidden sm:inline-block">More</span> <svg class="hq6gx ibvs1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1"/><circle cx="12" cy="5" r="1"/><circle cx="12" cy="19" r="1"/></svg> </button> <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 ho2sl transition-[opacity,margin] duration opacity-0 hidden bo1ta oo8ro lile3 rrmkk dark:bg-neutral-800" role="menu" aria-orientation="vertical" aria-labelledby="hs-pro-fdprl2"> <div class="ju7it"> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-detm"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg> Edit file </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> Add to favorites </button> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n bp13m ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="5" x="2" y="4" rx="2"/><path d="M4 9v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><path d="M10 13h4"/></svg> Archive file </button> <div class="p8xkq pyimf d77gl dark:border-neutral-700"></div> <button type="button" class="i65bn flex items-center vmt4s jlmh5 kzzmm ps5iq e9qjd yjh0n vrq52 ksr3h disabled:opacity-50 disabled:pointer-events-none focus:outline-hidden kf4z7 dark:text-red-500 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-chhdl"> <svg class="hq6gx stqz8" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/><line x1="10" x2="10" y1="11" y2="17"/><line x1="14" x2="14" y1="11" y2="17"/></svg> Delete file </button> </div> </div> </div> </div> <!-- End More Dropdown --> </div> </div> </div> <!-- End Card -->
Subscribe
Get all the latest Preline updates and news.
All examples
Close
Close