Project Tables

Transform your tables into a command center! Searchable filters, vibrant badges, avatars and eye-catching progress bars unlock instant insights.

Bordered Table with Searchable Filter Bar Preview

<div class="flex sgjob items-center wd0py">
                    
                    <button type="button" class="xxw8u t8e83 kwxlw items-center g34x5 z4y9c z726m lfpeb wv4eu qadim u53il n0thz yuca4 deld9 dq004 egdee tcksy c5rcd" data-hs-overlay="#hs-pro-dasadpm">
                      <svg class="hidden mhrnb v9ah6 adwu1" xmlns="http://www.w3.org/2000/svg" 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 project
                    </button>
                    
                  </div>
                </div>

<div class="nosfg rrhci n5ymd oolbs w7ioj">
                  <div>
                    
                    <div class="relative">
                      <div class="absolute muboo cjgdy flex items-center wbg5b uk327 wul78">
                        <svg class="v9ah6 xwung p4t2b dark:text-neutral-400" xmlns="http://www.w3.org/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="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
                      </div>
                      <input type="text" class="ukbc2 pmh9i zhvqb block ew6ub p8xt4 qadim lfpeb q8ihb y2vle c5rcd deld9 dq004 dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600" placeholder="Search projects">
                    </div>
                    
                  </div>

<div class="flex muz85 items-center wd0py">
                    
                    <div class="hs-dropdown [--auto-close:true] relative kwxlw">
                      
                      <button id="hs-pro-dptied" type="button" class="xxw8u t8e83 kwxlw items-center g34x5 z4y9c lfpeb wv4eu zyznp vc8lp sn8t2 bf1la orn03 deld9 dq004 egdee wrfxo dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                        <svg class="v9ah6 f5pfs adwu1" xmlns="http://www.w3.org/2000/svg" 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 16 4 4 4-4"/><path d="M7 20V4"/><path d="m21 8-4-4-4 4"/><path d="M17 4v16"/></svg>
                        Import / Export
                        <svg class="v9ah6 adwu1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
                      </button>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 kkt5s transition-[opacity,margin] duration opacity-0 hidden flp1r vc8lp kd6qs shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" aria-labelledby="hs-pro-dptied">
                        <div class="yid4e">
                          <button type="button" class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-dicm">
                            <svg class="v9ah6 f5pfs xwung" xmlns="http://www.w3.org/2000/svg" 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>
                            Import contacts
                          </button>
                          <button type="button" class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" data-hs-overlay="#hs-pro-decm">
                            <svg class="v9ah6 f5pfs xwung" xmlns="http://www.w3.org/2000/svg" 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="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>
                            Export contacts
                          </button>
                        </div>
                      </div>
                      
                    </div>
                    
    
                    
                    <div class="hs-dropdown [--auto-close:inside] relative kwxlw">
                      <button id="hs-pro-dptfd" type="button" class="xxw8u t8e83 kwxlw items-center g34x5 z4y9c lfpeb wv4eu zyznp vc8lp sn8t2 bf1la orn03 deld9 dq004 egdee wrfxo dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                        <svg class="v9ah6 adwu1" xmlns="http://www.w3.org/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="14" y1="4" y2="4"/><line x1="10" x2="3" y1="4" y2="4"/><line x1="21" x2="12" y1="12" y2="12"/><line x1="8" x2="3" y1="12" y2="12"/><line x1="21" x2="16" y1="20" y2="20"/><line x1="12" x2="3" y1="20" y2="20"/><line x1="14" x2="14" y1="2" y2="6"/><line x1="8" x2="8" y1="10" y2="14"/><line x1="16" x2="16" y1="18" y2="22"/></svg>
                        Filter
                        <span class="pou4u gvekz m1uyd rzlk8 uk44b n0thz ah86m uyk1r dark:bg-neutral-500">
                          5
                        </span>
                      </button>

<div class="hs-dropdown-menu hs-dropdown-open:opacity-100 vfxpx transition-[opacity,margin] duration opacity-0 hidden flp1r vc8lp kd6qs shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900" aria-labelledby="hs-pro-dptfd">
                        <div class="yid4e">
                          <a class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                            <svg class="v9ah6 f5pfs adwu1" xmlns="http://www.w3.org/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"/><circle cx="12" cy="10" r="3"/><path d="M7 21v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2"/></svg>
                            Name
                          </a>
                          <a class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                            <svg class="v9ah6 f5pfs adwu1" xmlns="http://www.w3.org/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="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>
                            Email addresses
                          </a>
                          <a class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                            <svg class="v9ah6 f5pfs adwu1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 12H3"/><path d="M16 6H3"/><path d="M16 18H3"/><path d="M21 12h-6"/></svg>
                            Description
                          </a>
                          <a class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                            <svg class="v9ah6 f5pfs adwu1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"/><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"/><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"/><path d="M10 6h4"/><path d="M10 10h4"/><path d="M10 14h4"/><path d="M10 18h4"/></svg>
                            Company
                          </a>
                          <a class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                            <svg class="v9ah6 f5pfs adwu1" xmlns="http://www.w3.org/2000/svg" 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 18a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2"/><rect width="18" height="18" x="3" y="4" rx="2"/><circle cx="12" cy="10" r="2"/><line x1="8" x2="8" y1="2" y2="4"/><line x1="16" x2="16" y1="2" y2="4"/></svg>
                            User ID
                          </a>
                          <a class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                            <svg class="v9ah6 f5pfs adwu1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
                            Phone numbers
                          </a>
                          <a class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                            <svg class="v9ah6 f5pfs adwu1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>
                            Location
                          </a>
                          <a class="ew6ub flex zdaax xxw8u pmh9i lfpeb q8ihb sn8t2 buwct deld9 dq004 dark:text-neutral-300 egdee l3uow dark:hover:bg-neutral-800 dark:focus:bg-neutral-800" href="#">
                            <svg class="v9ah6 f5pfs adwu1" xmlns="http://www.w3.org/2000/svg" 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.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"/><path d="m9 12 2 2 4-4"/></svg>
                            Signed up as
                          </a>
                        </div>
                      </div>
                      
                    </div>
                    
                  </div>
                  
                </div>

<div class="i2bfa n89fs  flex e3ec5 lo3gb items-center ok08d">
                    <svg class="vfxpx rf5by oakdh" width="178" height="90" viewBox="0 0 178 90" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <rect x="27" y="50.5" width="124" height="39" rx="7.5" fill="currentColor" class="kv3cc dark:fill-neutral-800"/>
                      <rect x="27" y="50.5" width="124" height="39" rx="7.5" stroke="currentColor" class="t2dx8 dark:stroke-neutral-700/10"/>
                      <rect x="34.5" y="58" width="24" height="24" rx="4" fill="currentColor" class="m5aox dark:fill-neutral-700/30"/>
                      <rect x="66.5" y="61" width="60" height="6" rx="3" fill="currentColor" class="m5aox dark:fill-neutral-700/30"/>
                      <rect x="66.5" y="73" width="77" height="6" rx="3" fill="currentColor" class="m5aox dark:fill-neutral-700/30"/>
                      <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" fill="currentColor" class="kv3cc dark:fill-neutral-800"/>
                      <rect x="19.5" y="28.5" width="139" height="39" rx="7.5" stroke="currentColor" class="knxtu dark:stroke-neutral-700/30"/>
                      <rect x="27" y="36" width="24" height="24" rx="4" fill="currentColor" class="hsd70 dark:fill-neutral-700/70"/>
                      <rect x="59" y="39" width="60" height="6" rx="3" fill="currentColor" class="hsd70 dark:fill-neutral-700/70"/>
                      <rect x="59" y="51" width="92" height="6" rx="3" fill="currentColor" class="hsd70 dark:fill-neutral-700/70"/>
                      <g filter="url(#filter1)">
                      <rect x="12" y="6" width="154" height="40" rx="8" fill="currentColor" class="kv3cc dark:fill-neutral-800" shape-rendering="crispEdges"/>
                      <rect x="12.5" y="6.5" width="153" height="39" rx="7.5" stroke="currentColor" class="knxtu dark:stroke-neutral-700/60" shape-rendering="crispEdges"/>
                      <rect x="20" y="14" width="24" height="24" rx="4" fill="currentColor" class="okqxf dark:fill-neutral-700 "/>
                      <rect x="52" y="17" width="60" height="6" rx="3" fill="currentColor" class="okqxf dark:fill-neutral-700"/>
                      <rect x="52" y="29" width="106" height="6" rx="3" fill="currentColor" class="okqxf dark:fill-neutral-700"/>
                      </g>
                      <defs>
                      <filter id="filter1" x="0" y="0" width="178" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
                      <feOffset dy="6"/>
                      <feGaussianBlur stdDeviation="6"/>
                      <feComposite in2="hardAlpha" operator="out"/>
                      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/>
                      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1187_14810"/>
                      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1187_14810" result="shape"/>
                      </filter>
                      </defs>
                    </svg>

<div class="b5c3r rf5by">
                      <p class="mvtyg pou4u sn8t2 dark:text-neutral-200">
                        No projects
                      </p>
                      <p class="uoobg q8ihb p4t2b dark:text-neutral-500">
                        We'll notify you about x2cge updates and any time you're mentioned on Preline.
                      </p>
                    </div>
                  </div>
                  
                
              </div>
              
                  <script src="../../assets/vendor/preline/dist/index.js?v=1.0.1"></script>
                
                <script>
                    window.defaultVariables = {"baseUrl":"https:\/\/preline.co\/pro"};
                </script> <script src="https://preline.co/pro/primary-assets/js/app.js"></script></body>
              </html>

<div id="hs-pro-dicm" class="hs-overlay hidden m15r1 fixed r1y9i cjgdy fdta9 ul2dw ooagr [--close-when-click-inside:true] wbg5b">
                <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 lvlv3 opacity-0 zmv6w leuw3 j3ybb vr69u b9u1u g5lvc h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center">
                  <div class="ew6ub nd76g flex e3ec5 vc8lp kd6qs htc9c shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800">
                    
                    <div class="nbjrm cqshr flex qqnb6 items-center mazi7 dark:border-neutral-700">
                      <h3 class="z726m sn8t2 dark:text-neutral-200">
                        Import contacts
                      </h3>
                      <button type="button" class="l3emm kwxlw lo3gb items-center wd0py uyk1r wv4eu qadim p8xt4 sn8t2 kvfqn egdee xaiw4 deld9 dq004 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" data-hs-overlay="#hs-pro-dicm">
                        <span class="m5r2p">Close</span>
                        <svg class="v9ah6 xwung" xmlns="http://www.w3.org/2000/svg" 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>

<div class="ooagr skrpn fw0hi vaf5o pxfkc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                      <div class="y5th3">
                        
                        <div class="ew6ub flex x73e7 r3n1g uoobg syhp8 ul1av mazi7 zyznp owo33 dark:border-neutral-700 dark:last:border-b-transparent">
                          <svg class="v9ah6 l3emm" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0_11766_122209asdasd21123fde)">
                            <path d="M3.11931 28.4817H8.21019V16.1181L0.937439 10.6636V26.3C0.937439 27.5054 1.91381 28.4819 3.11931 28.4819V28.4817Z" fill="#4285F4"/>
                            <path d="M25.6647 28.4817H30.7556C31.961 28.4817 32.9374 27.5054 32.9374 26.2999V10.6636L25.6647 16.1181V28.4817Z" fill="#34A853"/>
                            <path d="M25.6647 6.66356V16.1181L32.9374 10.6636V7.7545C32.9374 5.05812 29.8593 3.51812 27.701 5.13631L25.6647 6.66356Z" fill="#FBBC04"/>
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M8.21021 16.1181V6.66356L16.9375 13.2091L25.6647 6.66356V16.1181L16.9375 22.6636L8.21021 16.1181Z" fill="#EA4335"/>
                            <path d="M0.937439 7.7545V10.6636L8.21019 16.1181V6.66356L6.17381 5.13631C4.01556 3.51813 0.937439 5.05813 0.937439 7.75438V7.7545Z" fill="#C5221F"/>
                            </g>
                            <defs>
                            <clipPath id="clip0_11766_122209asdasd21123fde">
                            <rect width="32" height="32" fill="white" transform="translate(0.937439)"/>
                            </clipPath>
                            </defs>
                          </svg>
                          <div class="c1ylb">
                            <span class="block q8ihb pou4u sn8t2 dark:text-neutral-300">
                              Gmail account
                            </span>
                            <p class="block q8ihb p4t2b dark:text-neutral-500">
                              Import your Gmail account contacts.
                            </p>
                          </div>

<div class="flex e3ec5 lo3gb">
                            <button type="button" class="bdl7n kwxlw items-center wd0py z4y9c pou4u lfpeb wv4eu qadim u53il n0thz yuca4 deld9 dq004 egdee tcksy c5rcd">
                              Connect
                            </button>
                          </div>
                        </div>

<div class="ew6ub flex x73e7 r3n1g uoobg syhp8 ul1av mazi7 zyznp owo33 dark:border-neutral-700 dark:last:border-b-transparent">
                          <svg class="v9ah6 l3emm" 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="ovwa1 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="ovwa1 dark:fill-neutral-200" fill="currentColor"/>
                          </svg>
                          <div class="c1ylb">
                            <span class="block q8ihb pou4u sn8t2 dark:text-neutral-300">
                              Notion
                            </span>
                            <p class="block q8ihb p4t2b dark:text-neutral-500">
                              Add your contacts to a Notion file and upload it here.
                            </p>
                          </div>

<div class="ew6ub flex x73e7 r3n1g uoobg syhp8 ul1av mazi7 zyznp owo33 dark:border-neutral-700 dark:last:border-b-transparent">
                          <svg class="v9ah6 l3emm" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M30.6141 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 12.3359L31.9364 8.86395V3.24228C31.9364 2.89158 31.797 2.55523 31.549 2.30725C31.3011 2.05926 30.9647 1.91994 30.6141 1.91994Z" fill="#41A5EE"/>
                            <path d="M31.9364 8.86395H8.12839V15.8079L20.0324 19.2799L31.9364 15.8079V8.86395Z" fill="#2B7CD3"/>
                            <path d="M31.9364 15.8079H8.12839V22.7519L20.0324 26.2239L31.9364 22.7519V15.8079Z" fill="#185ABD"/>
                            <path d="M31.9364 22.752H8.12839V28.3736C8.12839 28.7244 8.26767 29.0607 8.51567 29.3087C8.76367 29.5567 9.09999 29.696 9.45071 29.696H30.6141C30.9647 29.696 31.3011 29.5567 31.549 29.3087C31.797 29.0607 31.9364 28.7244 31.9364 28.3736V22.752Z" fill="#103F91"/>
                            <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" class="ovwa1 dark:fill-neutral-200" fill="currentColor"/>
                            <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" class="ovwa1 dark:fill-neutral-200" fill="currentColor"/>
                            <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" class="ovwa1 dark:fill-neutral-200" fill="currentColor"/>
                            <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" class="ovwa1 dark:fill-neutral-200" fill="currentColor"/>
                            <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.16401 23.7439 0.827669 23.6047 0.579687 23.3567C0.3317 23.1087 0.192383 22.7723 0.192383 22.4216V9.19426C0.192383 8.84354 0.3317 8.50722 0.579687 8.25922C0.827669 8.01122 1.16401 7.87194 1.51472 7.87194Z" fill="#185ABD"/>
                            <path d="M12.0468 20.7679H10.2612L8.17801 13.9231L5.99558 20.7679H4.20998L2.22598 10.8479H4.01158L5.40038 17.7919L7.48358 11.0463H8.97161L10.9556 17.7919L12.3444 10.8479H14.0308L12.0468 20.7679Z" fill="white"/>
                          </svg>
                          <div class="c1ylb">
                            <span class="block q8ihb pou4u sn8t2 dark:text-neutral-300">
                              Word file
                            </span>
                            <span class="block q8ihb p4t2b dark:text-neutral-500">
                              Add your contacts to a Word file and upload it here.
                            </span>
                          </div>

<div class="y5th3 p8xt4 v39tx zyznp t4ttk dark:bg-neutral-700 dark:border-neutral-700">
                      
                      <div class="gkew5">
                        <label class="block block soqas q8ihb pou4u sn8t2 dark:text-neutral-200">
                          Upload file
                        </label>
                        <div class="imtj7 flex lo3gb vc8lp wv4eu xdl8i xjihm kd6qs dark:bg-neutral-800 dark:border-neutral-600">
                          <div class="ok08d">
                            <svg class="tiagv f42w5 rf5by 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="kv3cc ow73j 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="kv3cc ow73j 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="kv3cc ow73j 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="ow73j dark:stroke-neutral-500"/>
                              <circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor" stroke-width="2" class="ow73j dark:stroke-neutral-500"/>
                            </svg>

<div class="uk7qt flex flex-wrap lo3gb q8ihb admnf ovwur">
                              <span class="ik3a1 pou4u sn8t2 dark:text-neutral-200">
                                Drop your files here or
                              </span>
                              <label for="hs-pro-daiccf" class="relative cursor-pointer vc8lp z726m gpiyy jil8u lfpeb w9v8e yk9c1 ejm9l mmjhx o6wxm ep3om dark:bg-neutral-800 dark:text-blue-500 dark:hover:text-blue-600">
                                <span>browse</span>
                                <input id="hs-pro-daiccf" type="file" class="m5r2p">
                              </label>
                            </div>

<div id="hs-pro-decm" class="hs-overlay hidden m15r1 fixed r1y9i cjgdy fdta9 ul2dw ooagr [--close-when-click-inside:true] wbg5b">
                <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 lvlv3 opacity-0 zmv6w leuw3 j3ybb vr69u b9u1u g5lvc h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center">
                  <div class="ew6ub nd76g flex e3ec5 vc8lp kd6qs htc9c shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800">
                    
                    <div class="nbjrm cqshr flex qqnb6 items-center mazi7 dark:border-neutral-700">
                      <h3 class="z726m sn8t2 dark:text-neutral-200">
                        Export contacts (2)
                      </h3>
                      <button type="button" class="l3emm kwxlw lo3gb items-center wd0py uyk1r wv4eu qadim p8xt4 sn8t2 kvfqn egdee xaiw4 deld9 dq004 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" data-hs-overlay="#hs-pro-decm">
                        <span class="m5r2p">Close</span>
                        <svg class="v9ah6 xwung" xmlns="http://www.w3.org/2000/svg" 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>

<div class="ooagr skrpn fw0hi vaf5o pxfkc dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500">
                      <div class="y5th3">
                        
                        <div class="r3n1g uoobg syhp8 ul1av mazi7 ve5ns zyznp dark:border-neutral-700">
                          <label class="q8ihb p4t2b dark:text-neutral-500">
                            Choose what contact details want to export:
                          </label>

<div class="mvtyg nosfg qiuty">
                            <div class="gkew5">
                              
                              <div class="flex items-center">
                                <input type="checkbox" class="nm4r0 xjihm j98pw gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmwcdte1" checked>
                                <label for="hs-pro-duecmwcdte1" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                  Name
                                </label>
                              </div>

<div class="flex items-center">
                                <input type="checkbox" class="nm4r0 xjihm j98pw gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmwcdte2" checked>
                                <label for="hs-pro-duecmwcdte2" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                  User ID
                                </label>
                              </div>

<div class="flex items-center">
                                <input type="checkbox" class="nm4r0 xjihm j98pw gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmwcdte3" checked>
                                <label for="hs-pro-duecmwcdte3" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                  Email
                                </label>
                              </div>
                              
                            </div>

<div class="gkew5">
                              
                              <div class="flex items-center">
                                <input type="checkbox" class="nm4r0 xjihm j98pw gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmwcdte4" checked>
                                <label for="hs-pro-duecmwcdte4" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                  Address
                                </label>
                              </div>

<div class="flex items-center">
                                <input type="checkbox" class="nm4r0 xjihm j98pw gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmwcdte5" checked>
                                <label for="hs-pro-duecmwcdte5" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                  Phone
                                </label>
                              </div>

<div class="flex items-center">
                                <input type="checkbox" class="nm4r0 xjihm j98pw gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmwcdte6">
                                <label for="hs-pro-duecmwcdte6" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                  Signed up as
                                </label>
                              </div>
                              
                            </div>
                            
                          </div>
                          
                        </div>

<div class="r3n1g uoobg syhp8 ul1av mazi7 ve5ns zyznp dark:border-neutral-700">
                          <label class="q8ihb p4t2b dark:text-neutral-500">
                            Choose your format for exporting your contacts:
                          </label>

<div class="mvtyg gkew5">
                            
                            <div class="flex items-center">
                              <input type="radio" name="hs-pro-duecmfm" class="nm4r0 xjihm uyk1r gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmfm1" checked>
                              <label for="hs-pro-duecmfm1" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                Regular CSV file
                              </label>
                            </div>

<div class="flex items-center">
                              <input type="radio" name="hs-pro-duecmfm" class="nm4r0 xjihm uyk1r gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmfm2">
                              <label for="hs-pro-duecmfm2" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                Google CSV file
                              </label>
                            </div>
                            
                          </div>
                        </div>

<div class="r3n1g uoobg syhp8 ul1av mazi7 ve5ns zyznp dark:border-neutral-700">
                          <label class="q8ihb p4t2b dark:text-neutral-500">
                            Date range
                          </label>

<div class="gkew5">
                            
                            <div class="flex items-center">
                              <input type="radio" name="hs-pro-duecmdtr" class="nm4r0 xjihm uyk1r gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmdtr1" checked>
                              <label for="hs-pro-duecmdtr1" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                Today (18 Feb)
                              </label>
                            </div>

<div class="flex items-center">
                              <input type="radio" name="hs-pro-duecmdtr" class="nm4r0 xjihm uyk1r gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmdtr2">
                              <label for="hs-pro-duecmdtr2" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                Current month
                              </label>
                            </div>

<div class="flex items-center">
                              <input type="radio" name="hs-pro-duecmdtr" class="nm4r0 xjihm uyk1r gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmdtr3">
                              <label for="hs-pro-duecmdtr3" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                Last 7 days
                              </label>
                            </div>

<div class="flex items-center">
                              <input type="radio" name="hs-pro-duecmdtr" class="nm4r0 xjihm uyk1r gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmdtr4">
                              <label for="hs-pro-duecmdtr4" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                Last month
                              </label>
                            </div>

<div class="flex items-center">
                              <input type="radio" name="hs-pro-duecmdtr" class="nm4r0 xjihm uyk1r gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmdtr5">
                              <label for="hs-pro-duecmdtr5" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                All
                              </label>
                            </div>

<div class="flex items-center">
                              <input type="radio" name="hs-pro-duecmdtr" class="nm4r0 xjihm uyk1r gpiyy c5rcd deld9 dq004 dark:bg-neutral-800 dark:border-neutral-500 dark:checked:bg-blue-500 dark:checked:border-blue-500 dark:focus:ring-offset-gray-800" id="hs-pro-duecmdtr6">
                              <label for="hs-pro-duecmdtr6" class="q8ihb sn8t2 vo3oe dark:text-neutral-400">
                                Custom
                              </label>
                            </div>

<div class="y5th3 flex qqnb6 wd0py">
                      <div class="ew6ub flex sgjob items-center wd0py">
                        <button type="button" class="xxw8u pmh9i kwxlw lo3gb items-center pqjq7 vc8lp wv4eu zyznp sn8t2 q8ihb pou4u lfpeb bf1la bfagn orn03 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-decm">
                          Cancel
                        </button>

<button type="button" class="xxw8u pmh9i kwxlw lo3gb items-center wd0py pqjq7 u53il wv4eu xtd2e n0thz q8ihb pou4u lfpeb bf1la bfagn yuca4 egdee lc62i r6uy8 dark:focus:ring-blue-500" data-hs-overlay="#hs-pro-decm">
                          Export
                        </button>
                      </div>
                    </div>
                    
                  </div>
                </div>
              </div>

<div id="hs-pro-dasadpm" class="hs-overlay hidden m15r1 fixed r1y9i cjgdy fdta9 ul2dw ooagr [--close-when-click-inside:true] wbg5b">
                <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 lvlv3 opacity-0 zmv6w leuw3 j3ybb vr69u b9u1u g5lvc h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center">
                  <div class="ew6ub nd76g flex e3ec5 vc8lp kd6qs htc9c shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-800">
                    
                    <div class="nbjrm cqshr flex qqnb6 items-center mazi7 dark:border-neutral-700">
                      <h3 class="z726m sn8t2 dark:text-neutral-200">
                        Add project
                      </h3>
                      <button type="button" class="l3emm kwxlw lo3gb items-center wd0py uyk1r wv4eu qadim p8xt4 sn8t2 kvfqn egdee xaiw4 deld9 dq004 dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600" data-hs-overlay="#hs-pro-dasadpm">
                        <span class="m5r2p">Close</span>
                        <svg class="v9ah6 xwung" xmlns="http://www.w3.org/2000/svg" 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>

<form>
                      
                      <div class="y5th3 rpi5w">
                        <div>
                          <label class="block soqas q8ihb pou4u sn8t2 dark:text-neutral-200">
                            Project logo
                          </label>

<div class="flex flex-wrap items-center l07w1 d9x10">
                            <span class="flex v9ah6 lo3gb items-center rhwbs la9vc a2cpx xjihm f42w5 uyk1r dark:border-neutral-700 dark:text-neutral-600">
                              <svg class="v9ah6 lt5jc" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" 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>

<div class="c1ylb">
                              <div class="flex items-center wd0py">
                                <button type="button" class="xxw8u pmh9i kwxlw items-center wd0py z4y9c z726m lfpeb wv4eu qadim u53il n0thz yuca4 deld9 dq004 egdee tcksy c5rcd" >
                                  <svg class="v9ah6 xwung" xmlns="http://www.w3.org/2000/svg" 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="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>
                                  Upload photo
                                </button>
                              </div>
                            </div>
                          </div>
                          
                        </div>

<div>
                          <label for="hs-pro-dalpn" class="block soqas q8ihb pou4u sn8t2 dark:text-white">
                            Project name
                          </label>

<div>
                          <label for="hs-pro-dalsd" class="block soqas q8ihb pou4u sn8t2 dark:text-white">
                            Subdomain
                          </label>

<div class="relative">
                            <input type="text" id="hs-pro-dalsd" class="gk78v vfn93 v9g5g block ew6ub zyznp lfpeb q8ihb abq08 y2vle c5rcd deld9 dq004 dark:bg-transparent dark:border-neutral-700 dark:text-neutral-300 dark:placeholder:text-white/60 dark:focus:ring-neutral-600" placeholder="myproject">
                            <div class="absolute muboo nlta7 flex items-center wbg5b uk327 hif0t">
                              <span class="q8ihb p4t2b dark:text-neutral-500">.preline.co</span>
                            </div>
                          </div>
                        </div>
                      </div>

<div class="y5th3 flex sgjob wd0py">
                        <div class="ew6ub flex sgjob items-center wd0py">
                          <button type="button" class="xxw8u pmh9i kwxlw lo3gb items-center pqjq7 vc8lp wv4eu zyznp sn8t2 q8ihb pou4u lfpeb bf1la bfagn orn03 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-dasadpm">
                            Cancel
                          </button>

<div class="i2bfa ki7g3 flex e3ec5 vc8lp wv4eu zyznp bf1la kd6qs dark:bg-neutral-800 dark:border-neutral-700">
                
                <div class="flex qqnb6 items-center x73e7">
                  <h2 class="y6du5 z726m sn8t2 dark:text-neutral-200">
                    Project
                  </h2>