Open Source
Preline Pro
Sign in
Get all access
Home
Examples
Templates
Pricing
Docs
Preline UI (Open Source)
Back to Examples
All examples
Integrations
Description goes here.
Integration Card
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"><!-- Grid --> <div class="dmfqa mmjp9 n5y6f aygsi"> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz" 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 class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Slack </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect a slack workspace in order to setup automated notifications. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400"> Install now </span> </div> </div> </div> </div> <a class="after:absolute after:inset-0 after:z-10" href="#"></a> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro dark:bg-neutral-800 dark:border-neutral-700/50bg-gray-50 p4qib howv4 dark:bg-neutral-800 dark:border-neutral-700/50 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <div class="flex r00n9 items-center aukwz oq0dt rjuva t6rrs dark:bg-neutral-700 dark:text-neutral-500"><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="M20 6 9 17l-5-5"/></svg></div> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Notion </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect your Notion account to work seamlessly across Notion & Preline. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none xq1jm dark:text-neutral-400text-gray-600 dark:text-neutral-400"> Installed </span> </div> </div> </div> </div> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz 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="M16.0001 0C7.16461 0 0 7.34466 0 16.405C0 23.6533 4.5845 29.8026 10.9419 31.9718C11.7415 32.1236 12.0351 31.6159 12.0351 31.1826C12.0351 30.7915 12.0202 29.4991 12.0134 28.1283C7.56202 29.1207 6.62276 26.1927 6.62276 26.1927C5.89494 24.2965 4.84626 23.7924 4.84626 23.7924C3.39464 22.7742 4.95568 22.795 4.95568 22.795C6.5624 22.9108 7.40843 24.4856 7.40843 24.4856C8.83545 26.9936 11.1514 26.2685 12.0645 25.8495C12.208 24.789 12.6227 24.0654 13.0803 23.6558C9.5265 23.2408 5.79054 21.8342 5.79054 15.5483C5.79054 13.7573 6.41559 12.2938 7.43917 11.1449C7.27303 10.7317 6.72541 9.0632 7.59415 6.80351C7.59415 6.80351 8.93772 6.36259 11.9953 8.48512C13.2715 8.12152 14.6403 7.93934 16.0001 7.93316C17.3598 7.93934 18.7296 8.12152 20.0083 8.48512C23.0623 6.36259 24.404 6.80351 24.404 6.80351C25.2748 9.0632 24.727 10.7317 24.5608 11.1449C25.5867 12.2938 26.2075 13.7572 26.2075 15.5483C26.2075 21.8491 22.4645 23.2366 18.9017 23.6426C19.4755 24.1518 19.9869 25.1502 19.9869 26.6806C19.9869 28.8756 19.9683 30.6422 19.9683 31.1826C19.9683 31.6192 20.2563 32.1307 21.0674 31.9696C27.4213 29.798 32 23.6509 32 16.405C32 7.34466 24.8364 0 16.0001 0Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path d="M5.99251 23.3693C5.95737 23.4508 5.83213 23.4752 5.71832 23.4194C5.60224 23.3658 5.53699 23.2547 5.57464 23.1728C5.60915 23.089 5.73438 23.0655 5.8502 23.1219C5.96653 23.1753 6.03279 23.2875 5.99251 23.3693ZM6.77955 24.0893C6.70326 24.1619 6.55405 24.1282 6.45279 24.0135C6.34813 23.8991 6.32856 23.7463 6.40598 23.6726C6.48466 23.6001 6.62935 23.634 6.73425 23.7485C6.83891 23.8641 6.85924 24.0161 6.77943 24.0894M7.31952 25.0105C7.22139 25.0804 7.06102 25.0149 6.96201 24.869C6.864 24.7232 6.864 24.5482 6.96414 24.4781C7.06353 24.408 7.22139 24.471 7.32178 24.6158C7.41965 24.7641 7.41965 24.9391 7.31939 25.0107M8.23255 26.0775C8.14484 26.1766 7.95811 26.1501 7.82133 26.0147C7.68154 25.8825 7.64252 25.6947 7.73048 25.5955C7.8192 25.4962 8.00705 25.5241 8.14484 25.6583C8.28375 25.7903 8.32604 25.9795 8.23255 26.0775ZM9.41262 26.4378C9.3741 26.5662 9.19415 26.6246 9.01295 26.57C8.832 26.5138 8.71354 26.3633 8.75006 26.2335C8.7877 26.1041 8.9684 26.0433 9.15098 26.1017C9.33168 26.1577 9.45027 26.307 9.41262 26.4378ZM10.7558 26.5905C10.7603 26.7258 10.6066 26.838 10.4164 26.8405C10.225 26.8447 10.0703 26.7352 10.0683 26.6022C10.0683 26.4656 10.2185 26.3544 10.4097 26.3512C10.6 26.3473 10.7558 26.456 10.7558 26.5905ZM12.0752 26.5386C12.098 26.6706 11.9658 26.8063 11.7769 26.8423C11.5912 26.877 11.4193 26.7956 11.3955 26.6647C11.3725 26.5294 11.5072 26.3939 11.6926 26.3588C11.8818 26.3251 12.0511 26.4044 12.0752 26.5386Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/></svg> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Github </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Link git pull requests, branches, and commits to Preline. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400"> Install now </span> </div> </div> </div> </div> <a class="after:absolute after:inset-0 after:z-10" href="#"></a> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122209asdasd)"><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_122209asdasd"><rect width="32" height="32" fill="white" transform="translate(0.937439)"/></clipPath></defs></svg> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Gmail </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Create and share Preline right from your inbox. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400"> Install now </span> </div> </div> </div> </div> <a class="after:absolute after:inset-0 after:z-10" href="#"></a> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122079)"><path d="M16 32C7.16 32 0 24.84 0 16C0 7.16 7.16 0 16 0C24.84 0 32 7.16 32 16C32 24.84 24.84 32 16 32Z" fill="#FFE01B"/><path d="M11.72 19.28C11.74 19.3 11.74 19.34 11.72 19.38C11.64 19.52 11.48 19.6 11.32 19.58C11.02 19.54 10.8 19.3 10.82 19C10.82 18.8 10.86 18.62 10.92 18.42C11.02 18.18 10.92 17.92 10.72 17.78C10.6 17.7 10.44 17.68 10.3 17.7C10.16 17.72 10.04 17.82 9.96001 17.94C9.90001 18.04 9.86001 18.14 9.84001 18.24C9.84001 18.26 9.82001 18.28 9.82001 18.28C9.78001 18.4 9.70001 18.44 9.64001 18.44C9.62001 18.44 9.58001 18.42 9.56001 18.36C9.50001 18.02 9.62001 17.68 9.84001 17.42C10.04 17.2 10.32 17.1 10.62 17.14C10.92 17.18 11.2 17.38 11.32 17.66C11.46 18 11.42 18.38 11.24 18.7C11.22 18.72 11.22 18.76 11.2 18.78C11.14 18.9 11.12 19.06 11.2 19.18C11.26 19.26 11.34 19.3 11.44 19.3C11.48 19.3 11.52 19.3 11.56 19.28C11.64 19.24 11.7 19.24 11.72 19.28ZM24.94 19.6C24.92 20.22 24.78 20.82 24.56 21.4C23.44 24.1 20.76 25.6 17.56 25.5C14.58 25.42 12.04 23.84 10.94 21.26C10.24 21.24 9.56001 20.96 9.06001 20.5C8.52001 20.04 8.18001 19.4 8.10001 18.7C8.04001 18.22 8.10001 17.74 8.28001 17.28L7.66001 16.76C4.78001 14.36 13.72 4.4 16.56 6.9C16.58 6.92 17.54 7.86 17.54 7.86C17.54 7.86 18.06 7.64 18.08 7.64C20.58 6.6 22.62 7.1 22.62 8.76C22.62 9.62 22.08 10.62 21.2 11.54C21.56 11.9 21.8 12.34 21.92 12.82C22.02 13.16 22.06 13.5 22.08 13.86C22.1 14.22 22.12 15.04 22.12 15.04C22.14 15.04 22.4 15.12 22.48 15.14C23 15.26 23.46 15.48 23.86 15.82C24.08 16.02 24.2 16.3 24.26 16.58C24.32 16.96 24.22 17.34 24 17.64C24.06 17.78 24.1 17.9 24.16 18.04C24.24 18.28 24.28 18.48 24.3 18.5C24.52 18.54 24.94 18.86 24.94 19.6ZM12.34 18.12C12.14 16.86 11.3 16.42 10.72 16.38C10.58 16.38 10.44 16.38 10.28 16.42C9.26001 16.62 8.66001 17.5 8.78001 18.64C8.96001 19.7 9.82001 20.5 10.88 20.56C10.98 20.56 11.08 20.56 11.18 20.54C12.24 20.38 12.5 19.24 12.34 18.12ZM14.1 10.12C14.98 9.4 15.9 8.76 16.88 8.2C16.88 8.2 16.1 7.3 15.86 7.22C14.42 6.82 11.3 8.98 9.30001 11.84C8.50001 13 7.34001 15.04 7.90001 16.08C8.10001 16.32 8.32001 16.52 8.56001 16.72C8.92001 16.2 9.48001 15.84 10.12 15.72C10.9 13.54 12.28 11.6 14.1 10.12ZM17.22 20.1C17.3 20.44 17.56 20.72 17.9 20.8C18.08 20.86 18.24 20.92 18.44 20.94C20.72 21.34 22.86 20.02 23.34 19.7C23.38 19.68 23.4 19.7 23.38 19.74C23.36 19.76 23.34 19.78 23.34 19.8C22.76 20.56 21.18 21.44 19.12 21.44C18.22 21.44 17.32 21.12 17 20.64C16.48 19.88 16.98 18.78 17.82 18.9C17.82 18.9 18.12 18.94 18.2 18.94C19.52 19.06 20.86 18.86 22.08 18.32C23.24 17.78 23.68 17.18 23.62 16.7C23.6 16.56 23.52 16.42 23.42 16.3C23.1 16.04 22.72 15.86 22.32 15.78C22.14 15.72 22.02 15.7 21.88 15.66C21.64 15.58 21.52 15.52 21.5 15.06C21.48 14.86 21.46 14.18 21.44 13.88C21.42 13.38 21.36 12.7 20.94 12.42C20.84 12.34 20.7 12.3 20.58 12.3C20.5 12.3 20.44 12.3 20.36 12.32C20.14 12.36 19.96 12.48 19.8 12.64C19.4 13 18.88 13.18 18.34 13.14C18.04 13.12 17.74 13.08 17.38 13.06C17.32 13.06 17.24 13.06 17.18 13.04C16.22 13.06 15.44 13.78 15.32 14.74C15.12 16.16 16.14 16.88 16.44 17.32C16.48 17.38 16.52 17.44 16.52 17.52C16.52 17.6 16.48 17.68 16.42 17.72C15.6 18.64 15.3 19.92 15.62 21.12C15.66 21.26 15.7 21.4 15.76 21.54C16.5 23.28 18.82 24.1 21.08 23.36C21.38 23.26 21.66 23.14 21.94 23C22.44 22.76 22.88 22.42 23.26 22.02C23.84 21.44 24.22 20.68 24.36 19.86C24.42 19.4 24.32 19.24 24.2 19.16C24.1 19.1 24 19.08 23.88 19.1C23.82 18.74 23.72 18.4 23.58 18.08C22.94 18.56 22.2 18.94 21.42 19.16C20.48 19.42 19.52 19.52 18.54 19.48C17.92 19.42 17.5 19.24 17.34 19.76C18.28 20.08 19.28 20.18 20.28 20.06C20.3 20.06 20.34 20.08 20.34 20.1C20.34 20.12 20.32 20.14 20.3 20.16C20.22 20.14 19.06 20.68 17.22 20.1ZM13.84 11.88C14.6 11.34 15.48 10.96 16.38 10.76C17.42 10.52 18.48 10.52 19.52 10.76C19.56 10.76 19.58 10.7 19.54 10.68C19 10.4 18.42 10.24 17.8 10.22C17.78 10.22 17.76 10.2 17.76 10.18V10.16C17.86 10.04 17.96 9.92 18.08 9.84C18.1 9.82 18.1 9.8 18.08 9.8L18.06 9.78C17.32 9.86 16.62 10.1 15.98 10.52C15.96 10.52 15.94 10.52 15.94 10.52V10.5C15.98 10.32 16.06 10.14 16.16 9.96C16.16 9.94 16.16 9.92 16.14 9.92H16.12C15.22 10.42 14.42 11.08 13.76 11.86C13.74 11.88 13.74 11.9 13.76 11.9C13.8 11.9 13.82 11.9 13.84 11.88ZM19.84 16.7C19.96 16.78 20.14 16.76 20.24 16.64C20.3 16.52 20.22 16.38 20.06 16.3C19.94 16.22 19.76 16.24 19.66 16.36C19.6 16.46 19.68 16.62 19.84 16.7ZM20.34 14.88C20.38 15.08 20.46 15.28 20.58 15.44C20.7 15.42 20.84 15.42 20.96 15.44C21.04 15.22 21.04 14.98 20.98 14.76C20.88 14.34 20.76 14.1 20.52 14.14C20.26 14.18 20.24 14.48 20.34 14.88ZM20.88 15.84C20.72 15.8 20.54 15.88 20.48 16.06C20.44 16.22 20.52 16.4 20.7 16.46C20.88 16.52 21.04 16.42 21.1 16.24C21.1 16.22 21.12 16.18 21.12 16.16C21.12 16 21.02 15.86 20.88 15.84Z" fill="black"/><path d="M16.66 15.8C16.62 15.8 16.6 15.78 16.6 15.76C16.58 15.68 16.7 15.58 16.8 15.48C17.14 15.22 17.6 15.18 17.98 15.34C18.16 15.42 18.32 15.54 18.42 15.7C18.46 15.76 18.46 15.82 18.44 15.84C18.4 15.88 18.3 15.84 18.12 15.76C17.92 15.66 17.68 15.6 17.46 15.62C17.2 15.66 16.92 15.72 16.66 15.8ZM18.38 16.16C18.22 16 18 15.92 17.8 15.96C17.64 15.98 17.5 16.04 17.38 16.14C17.32 16.18 17.28 16.24 17.28 16.32C17.28 16.34 17.28 16.36 17.3 16.36C17.32 16.36 17.32 16.38 17.34 16.38C17.4 16.38 17.46 16.36 17.5 16.34C17.74 16.26 17.98 16.22 18.22 16.26C18.34 16.28 18.38 16.28 18.42 16.24C18.4 16.2 18.4 16.18 18.38 16.16Z" fill="black"/></g><defs><clipPath id="clip0_11766_122079"><rect width="32" height="32" fill="white"/></clipPath></defs></svg> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Mailchimp </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Send email newsletters and manage subscribers in Mailchimp. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400"> Install now </span> </div> </div> </div> </div> <a class="after:absolute after:inset-0 after:z-10" href="#"></a> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro dark:bg-neutral-800 dark:border-neutral-700/50 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.8875 15.3054C32.9242 16.2093 32.8209 17.1099 32.5811 17.9792C32.3447 18.8486 31.9716 19.6695 31.4787 20.4141C30.989 21.1593 30.3861 21.8167 29.6935 22.3607L29.6769 22.3745L23.019 27.563L19.7451 30.1433L17.7501 31.7089C17.6335 31.8024 17.5036 31.8716 17.3671 31.9201C17.2305 31.9686 17.084 31.9929 16.9374 31.9929C16.7942 31.9929 16.6477 31.9686 16.5111 31.9201C16.3745 31.8716 16.2447 31.8024 16.1281 31.7089L14.1331 30.1433L10.8591 27.563L4.24125 22.4057L4.20129 22.378L4.18796 22.3641C3.49187 21.8203 2.88904 21.1623 2.39611 20.4176C1.90319 19.6729 1.53016 18.8486 1.29036 17.9792C1.05056 17.1099 0.947313 16.2059 0.98395 15.3019C1.02392 14.3979 1.20044 13.5078 1.51018 12.6626L1.55348 12.5414L5.90654 0.747936C5.92875 0.69021 5.95539 0.634792 5.98648 0.581684C6.01534 0.528576 6.04976 0.478931 6.08972 0.43275C6.12747 0.38426 6.16855 0.339234 6.21295 0.297671C6.25736 0.258417 6.30399 0.221472 6.35284 0.186836C6.45609 0.121028 6.56267 0.0725381 6.67924 0.0448295C6.79248 0.0136573 6.91238 -0.000196993 7.02895 0.00673016C7.14885 0.0136573 7.26542 0.0379024 7.37533 0.0829289C7.48524 0.124492 7.59181 0.186836 7.68507 0.263035C7.72948 0.302289 7.77278 0.343852 7.81496 0.387724C7.85493 0.433905 7.89046 0.483549 7.92154 0.536658C7.95485 0.587457 7.98371 0.641719 8.00814 0.699446C8.03256 0.754863 8.05254 0.812589 8.06809 0.872625L11.0023 10.2139H22.8792L25.8134 0.872625C25.8289 0.812589 25.85 0.754863 25.8767 0.699446C25.9011 0.644029 25.93 0.589766 25.9633 0.536658C25.9944 0.485858 26.0299 0.437368 26.0699 0.391187C26.1098 0.345006 26.1531 0.302289 26.1997 0.263035C26.293 0.186836 26.3962 0.127955 26.5062 0.0829289C26.6194 0.0413659 26.736 0.0171209 26.8525 0.0101937C26.9724 0.00326659 27.089 0.0136573 27.2056 0.0448295C27.3188 0.0760017 27.4287 0.124492 27.5286 0.1903C27.5797 0.222627 27.6275 0.259571 27.6719 0.301134C27.7163 0.340388 27.7573 0.38426 27.7951 0.43275C27.8328 0.48124 27.8673 0.532039 27.8983 0.585148C27.9272 0.638256 27.9527 0.693673 27.9749 0.751399L32.3213 12.5483L32.3646 12.6696C32.6744 13.5112 32.8509 14.4014 32.8875 15.3054Z" fill="#E24329"/><path d="M32.8909 15.309C32.9275 16.2095 32.8243 17.1135 32.5845 17.9829C32.3447 18.8523 31.9717 19.6766 31.4787 20.4213C30.9858 21.1659 30.383 21.824 29.6902 22.3678L29.6736 22.3816L23.0157 27.5701C23.0157 27.5701 20.1881 25.3499 16.9374 22.7903L26.4795 15.2813C26.9092 14.9453 27.3588 14.6371 27.8218 14.3531C28.2847 14.0656 28.7643 13.8093 29.2539 13.5807C29.7468 13.3521 30.2498 13.1477 30.7593 12.978C31.2722 12.8048 31.7918 12.6628 32.3214 12.5485L32.3647 12.6698C32.6744 13.5149 32.8509 14.405 32.8909 15.309Z" fill="#FC6D26"/><path d="M16.9374 22.7903C20.1881 25.343 23.0191 27.5701 23.0191 27.5701L19.7451 30.1504L17.7501 31.716C17.6335 31.8095 17.5036 31.8788 17.3671 31.9273C17.2305 31.9758 17.084 32 16.9374 32C16.7942 32 16.6477 31.9758 16.5111 31.9273C16.3746 31.8788 16.2447 31.8095 16.1281 31.716L14.1331 30.1504L10.8591 27.5701C10.8591 27.5701 13.6868 25.343 16.9374 22.7903Z" fill="#FCA326"/><path d="M16.9374 22.7834C13.6834 25.343 10.8591 27.5631 10.8591 27.5631L4.24125 22.4059L4.20129 22.3782L4.18796 22.3643C3.49187 21.8205 2.88904 21.1625 2.39611 20.4178C1.90319 19.6731 1.53016 18.8488 1.29036 17.9794C1.05056 17.1101 0.947313 16.2061 0.98395 15.3021C1.02392 14.3981 1.20044 13.5079 1.51018 12.6628L1.55348 12.5416C2.08304 12.6559 2.60261 12.7979 3.11552 12.9711C3.6251 13.1443 4.12801 13.3452 4.62094 13.5772C5.11053 13.8058 5.59014 14.0656 6.05309 14.3496C6.51604 14.6336 6.96233 14.9453 7.39531 15.2813L16.9374 22.7834Z" fill="#FC6D26"/></svg> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Gitlab </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Link git merge requests, branches, and commits to Preline. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none xq1jm dark:text-neutral-400"> Coming soon </span> </div> </div> </div> </div> </div> <!-- End Card --> </div> <!-- End Grid --></div> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- Grid --> <div class="dmfqa mmjp9 n5y6f aygsi"> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz" 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 class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Slack </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect a slack workspace in order to setup automated notifications. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400"> Install now </span> </div> </div> </div> </div> <a class="after:absolute after:inset-0 after:z-10" href="#"></a> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro dark:bg-neutral-800 dark:border-neutral-700/50bg-gray-50 p4qib howv4 dark:bg-neutral-800 dark:border-neutral-700/50 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <div class="flex r00n9 items-center aukwz oq0dt rjuva t6rrs dark:bg-neutral-700 dark:text-neutral-500"><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="M20 6 9 17l-5-5"/></svg></div> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Notion </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect your Notion account to work seamlessly across Notion & Preline. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none xq1jm dark:text-neutral-400text-gray-600 dark:text-neutral-400"> Installed </span> </div> </div> </div> </div> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz 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="M16.0001 0C7.16461 0 0 7.34466 0 16.405C0 23.6533 4.5845 29.8026 10.9419 31.9718C11.7415 32.1236 12.0351 31.6159 12.0351 31.1826C12.0351 30.7915 12.0202 29.4991 12.0134 28.1283C7.56202 29.1207 6.62276 26.1927 6.62276 26.1927C5.89494 24.2965 4.84626 23.7924 4.84626 23.7924C3.39464 22.7742 4.95568 22.795 4.95568 22.795C6.5624 22.9108 7.40843 24.4856 7.40843 24.4856C8.83545 26.9936 11.1514 26.2685 12.0645 25.8495C12.208 24.789 12.6227 24.0654 13.0803 23.6558C9.5265 23.2408 5.79054 21.8342 5.79054 15.5483C5.79054 13.7573 6.41559 12.2938 7.43917 11.1449C7.27303 10.7317 6.72541 9.0632 7.59415 6.80351C7.59415 6.80351 8.93772 6.36259 11.9953 8.48512C13.2715 8.12152 14.6403 7.93934 16.0001 7.93316C17.3598 7.93934 18.7296 8.12152 20.0083 8.48512C23.0623 6.36259 24.404 6.80351 24.404 6.80351C25.2748 9.0632 24.727 10.7317 24.5608 11.1449C25.5867 12.2938 26.2075 13.7572 26.2075 15.5483C26.2075 21.8491 22.4645 23.2366 18.9017 23.6426C19.4755 24.1518 19.9869 25.1502 19.9869 26.6806C19.9869 28.8756 19.9683 30.6422 19.9683 31.1826C19.9683 31.6192 20.2563 32.1307 21.0674 31.9696C27.4213 29.798 32 23.6509 32 16.405C32 7.34466 24.8364 0 16.0001 0Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path d="M5.99251 23.3693C5.95737 23.4508 5.83213 23.4752 5.71832 23.4194C5.60224 23.3658 5.53699 23.2547 5.57464 23.1728C5.60915 23.089 5.73438 23.0655 5.8502 23.1219C5.96653 23.1753 6.03279 23.2875 5.99251 23.3693ZM6.77955 24.0893C6.70326 24.1619 6.55405 24.1282 6.45279 24.0135C6.34813 23.8991 6.32856 23.7463 6.40598 23.6726C6.48466 23.6001 6.62935 23.634 6.73425 23.7485C6.83891 23.8641 6.85924 24.0161 6.77943 24.0894M7.31952 25.0105C7.22139 25.0804 7.06102 25.0149 6.96201 24.869C6.864 24.7232 6.864 24.5482 6.96414 24.4781C7.06353 24.408 7.22139 24.471 7.32178 24.6158C7.41965 24.7641 7.41965 24.9391 7.31939 25.0107M8.23255 26.0775C8.14484 26.1766 7.95811 26.1501 7.82133 26.0147C7.68154 25.8825 7.64252 25.6947 7.73048 25.5955C7.8192 25.4962 8.00705 25.5241 8.14484 25.6583C8.28375 25.7903 8.32604 25.9795 8.23255 26.0775ZM9.41262 26.4378C9.3741 26.5662 9.19415 26.6246 9.01295 26.57C8.832 26.5138 8.71354 26.3633 8.75006 26.2335C8.7877 26.1041 8.9684 26.0433 9.15098 26.1017C9.33168 26.1577 9.45027 26.307 9.41262 26.4378ZM10.7558 26.5905C10.7603 26.7258 10.6066 26.838 10.4164 26.8405C10.225 26.8447 10.0703 26.7352 10.0683 26.6022C10.0683 26.4656 10.2185 26.3544 10.4097 26.3512C10.6 26.3473 10.7558 26.456 10.7558 26.5905ZM12.0752 26.5386C12.098 26.6706 11.9658 26.8063 11.7769 26.8423C11.5912 26.877 11.4193 26.7956 11.3955 26.6647C11.3725 26.5294 11.5072 26.3939 11.6926 26.3588C11.8818 26.3251 12.0511 26.4044 12.0752 26.5386Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/></svg> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Github </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Link git pull requests, branches, and commits to Preline. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400"> Install now </span> </div> </div> </div> </div> <a class="after:absolute after:inset-0 after:z-10" href="#"></a> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122209asdasd)"><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_122209asdasd"><rect width="32" height="32" fill="white" transform="translate(0.937439)"/></clipPath></defs></svg> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Gmail </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Create and share Preline right from your inbox. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400"> Install now </span> </div> </div> </div> </div> <a class="after:absolute after:inset-0 after:z-10" href="#"></a> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro tgrws dark:bg-neutral-800 dark:border-neutral-700/50 dark:hover:border-neutral-700 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122079)"><path d="M16 32C7.16 32 0 24.84 0 16C0 7.16 7.16 0 16 0C24.84 0 32 7.16 32 16C32 24.84 24.84 32 16 32Z" fill="#FFE01B"/><path d="M11.72 19.28C11.74 19.3 11.74 19.34 11.72 19.38C11.64 19.52 11.48 19.6 11.32 19.58C11.02 19.54 10.8 19.3 10.82 19C10.82 18.8 10.86 18.62 10.92 18.42C11.02 18.18 10.92 17.92 10.72 17.78C10.6 17.7 10.44 17.68 10.3 17.7C10.16 17.72 10.04 17.82 9.96001 17.94C9.90001 18.04 9.86001 18.14 9.84001 18.24C9.84001 18.26 9.82001 18.28 9.82001 18.28C9.78001 18.4 9.70001 18.44 9.64001 18.44C9.62001 18.44 9.58001 18.42 9.56001 18.36C9.50001 18.02 9.62001 17.68 9.84001 17.42C10.04 17.2 10.32 17.1 10.62 17.14C10.92 17.18 11.2 17.38 11.32 17.66C11.46 18 11.42 18.38 11.24 18.7C11.22 18.72 11.22 18.76 11.2 18.78C11.14 18.9 11.12 19.06 11.2 19.18C11.26 19.26 11.34 19.3 11.44 19.3C11.48 19.3 11.52 19.3 11.56 19.28C11.64 19.24 11.7 19.24 11.72 19.28ZM24.94 19.6C24.92 20.22 24.78 20.82 24.56 21.4C23.44 24.1 20.76 25.6 17.56 25.5C14.58 25.42 12.04 23.84 10.94 21.26C10.24 21.24 9.56001 20.96 9.06001 20.5C8.52001 20.04 8.18001 19.4 8.10001 18.7C8.04001 18.22 8.10001 17.74 8.28001 17.28L7.66001 16.76C4.78001 14.36 13.72 4.4 16.56 6.9C16.58 6.92 17.54 7.86 17.54 7.86C17.54 7.86 18.06 7.64 18.08 7.64C20.58 6.6 22.62 7.1 22.62 8.76C22.62 9.62 22.08 10.62 21.2 11.54C21.56 11.9 21.8 12.34 21.92 12.82C22.02 13.16 22.06 13.5 22.08 13.86C22.1 14.22 22.12 15.04 22.12 15.04C22.14 15.04 22.4 15.12 22.48 15.14C23 15.26 23.46 15.48 23.86 15.82C24.08 16.02 24.2 16.3 24.26 16.58C24.32 16.96 24.22 17.34 24 17.64C24.06 17.78 24.1 17.9 24.16 18.04C24.24 18.28 24.28 18.48 24.3 18.5C24.52 18.54 24.94 18.86 24.94 19.6ZM12.34 18.12C12.14 16.86 11.3 16.42 10.72 16.38C10.58 16.38 10.44 16.38 10.28 16.42C9.26001 16.62 8.66001 17.5 8.78001 18.64C8.96001 19.7 9.82001 20.5 10.88 20.56C10.98 20.56 11.08 20.56 11.18 20.54C12.24 20.38 12.5 19.24 12.34 18.12ZM14.1 10.12C14.98 9.4 15.9 8.76 16.88 8.2C16.88 8.2 16.1 7.3 15.86 7.22C14.42 6.82 11.3 8.98 9.30001 11.84C8.50001 13 7.34001 15.04 7.90001 16.08C8.10001 16.32 8.32001 16.52 8.56001 16.72C8.92001 16.2 9.48001 15.84 10.12 15.72C10.9 13.54 12.28 11.6 14.1 10.12ZM17.22 20.1C17.3 20.44 17.56 20.72 17.9 20.8C18.08 20.86 18.24 20.92 18.44 20.94C20.72 21.34 22.86 20.02 23.34 19.7C23.38 19.68 23.4 19.7 23.38 19.74C23.36 19.76 23.34 19.78 23.34 19.8C22.76 20.56 21.18 21.44 19.12 21.44C18.22 21.44 17.32 21.12 17 20.64C16.48 19.88 16.98 18.78 17.82 18.9C17.82 18.9 18.12 18.94 18.2 18.94C19.52 19.06 20.86 18.86 22.08 18.32C23.24 17.78 23.68 17.18 23.62 16.7C23.6 16.56 23.52 16.42 23.42 16.3C23.1 16.04 22.72 15.86 22.32 15.78C22.14 15.72 22.02 15.7 21.88 15.66C21.64 15.58 21.52 15.52 21.5 15.06C21.48 14.86 21.46 14.18 21.44 13.88C21.42 13.38 21.36 12.7 20.94 12.42C20.84 12.34 20.7 12.3 20.58 12.3C20.5 12.3 20.44 12.3 20.36 12.32C20.14 12.36 19.96 12.48 19.8 12.64C19.4 13 18.88 13.18 18.34 13.14C18.04 13.12 17.74 13.08 17.38 13.06C17.32 13.06 17.24 13.06 17.18 13.04C16.22 13.06 15.44 13.78 15.32 14.74C15.12 16.16 16.14 16.88 16.44 17.32C16.48 17.38 16.52 17.44 16.52 17.52C16.52 17.6 16.48 17.68 16.42 17.72C15.6 18.64 15.3 19.92 15.62 21.12C15.66 21.26 15.7 21.4 15.76 21.54C16.5 23.28 18.82 24.1 21.08 23.36C21.38 23.26 21.66 23.14 21.94 23C22.44 22.76 22.88 22.42 23.26 22.02C23.84 21.44 24.22 20.68 24.36 19.86C24.42 19.4 24.32 19.24 24.2 19.16C24.1 19.1 24 19.08 23.88 19.1C23.82 18.74 23.72 18.4 23.58 18.08C22.94 18.56 22.2 18.94 21.42 19.16C20.48 19.42 19.52 19.52 18.54 19.48C17.92 19.42 17.5 19.24 17.34 19.76C18.28 20.08 19.28 20.18 20.28 20.06C20.3 20.06 20.34 20.08 20.34 20.1C20.34 20.12 20.32 20.14 20.3 20.16C20.22 20.14 19.06 20.68 17.22 20.1ZM13.84 11.88C14.6 11.34 15.48 10.96 16.38 10.76C17.42 10.52 18.48 10.52 19.52 10.76C19.56 10.76 19.58 10.7 19.54 10.68C19 10.4 18.42 10.24 17.8 10.22C17.78 10.22 17.76 10.2 17.76 10.18V10.16C17.86 10.04 17.96 9.92 18.08 9.84C18.1 9.82 18.1 9.8 18.08 9.8L18.06 9.78C17.32 9.86 16.62 10.1 15.98 10.52C15.96 10.52 15.94 10.52 15.94 10.52V10.5C15.98 10.32 16.06 10.14 16.16 9.96C16.16 9.94 16.16 9.92 16.14 9.92H16.12C15.22 10.42 14.42 11.08 13.76 11.86C13.74 11.88 13.74 11.9 13.76 11.9C13.8 11.9 13.82 11.9 13.84 11.88ZM19.84 16.7C19.96 16.78 20.14 16.76 20.24 16.64C20.3 16.52 20.22 16.38 20.06 16.3C19.94 16.22 19.76 16.24 19.66 16.36C19.6 16.46 19.68 16.62 19.84 16.7ZM20.34 14.88C20.38 15.08 20.46 15.28 20.58 15.44C20.7 15.42 20.84 15.42 20.96 15.44C21.04 15.22 21.04 14.98 20.98 14.76C20.88 14.34 20.76 14.1 20.52 14.14C20.26 14.18 20.24 14.48 20.34 14.88ZM20.88 15.84C20.72 15.8 20.54 15.88 20.48 16.06C20.44 16.22 20.52 16.4 20.7 16.46C20.88 16.52 21.04 16.42 21.1 16.24C21.1 16.22 21.12 16.18 21.12 16.16C21.12 16 21.02 15.86 20.88 15.84Z" fill="black"/><path d="M16.66 15.8C16.62 15.8 16.6 15.78 16.6 15.76C16.58 15.68 16.7 15.58 16.8 15.48C17.14 15.22 17.6 15.18 17.98 15.34C18.16 15.42 18.32 15.54 18.42 15.7C18.46 15.76 18.46 15.82 18.44 15.84C18.4 15.88 18.3 15.84 18.12 15.76C17.92 15.66 17.68 15.6 17.46 15.62C17.2 15.66 16.92 15.72 16.66 15.8ZM18.38 16.16C18.22 16 18 15.92 17.8 15.96C17.64 15.98 17.5 16.04 17.38 16.14C17.32 16.18 17.28 16.24 17.28 16.32C17.28 16.34 17.28 16.36 17.3 16.36C17.32 16.36 17.32 16.38 17.34 16.38C17.4 16.38 17.46 16.36 17.5 16.34C17.74 16.26 17.98 16.22 18.22 16.26C18.34 16.28 18.38 16.28 18.42 16.24C18.4 16.2 18.4 16.18 18.38 16.16Z" fill="black"/></g><defs><clipPath id="clip0_11766_122079"><rect width="32" height="32" fill="white"/></clipPath></defs></svg> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Mailchimp </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Send email newsletters and manage subscribers in Mailchimp. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none rwtxm group-hover:text-blue-700 group-hover:underline group-hover:decoration-2 dark:text-blue-500 dark:group-hover:text-blue-400"> Install now </span> </div> </div> </div> </div> <a class="after:absolute after:inset-0 after:z-10" href="#"></a> </div> <!-- End Card --> <!-- Card --> <div class="pi5e6 group relative flex flex-col wfm4e d77gl oo8ro dark:bg-neutral-800 dark:border-neutral-700/50 ps5iq"> <div class="qpmwn flex ocl6c"> <div class="hq6gx aukwz"> <svg class="hq6gx aukwz" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.8875 15.3054C32.9242 16.2093 32.8209 17.1099 32.5811 17.9792C32.3447 18.8486 31.9716 19.6695 31.4787 20.4141C30.989 21.1593 30.3861 21.8167 29.6935 22.3607L29.6769 22.3745L23.019 27.563L19.7451 30.1433L17.7501 31.7089C17.6335 31.8024 17.5036 31.8716 17.3671 31.9201C17.2305 31.9686 17.084 31.9929 16.9374 31.9929C16.7942 31.9929 16.6477 31.9686 16.5111 31.9201C16.3745 31.8716 16.2447 31.8024 16.1281 31.7089L14.1331 30.1433L10.8591 27.563L4.24125 22.4057L4.20129 22.378L4.18796 22.3641C3.49187 21.8203 2.88904 21.1623 2.39611 20.4176C1.90319 19.6729 1.53016 18.8486 1.29036 17.9792C1.05056 17.1099 0.947313 16.2059 0.98395 15.3019C1.02392 14.3979 1.20044 13.5078 1.51018 12.6626L1.55348 12.5414L5.90654 0.747936C5.92875 0.69021 5.95539 0.634792 5.98648 0.581684C6.01534 0.528576 6.04976 0.478931 6.08972 0.43275C6.12747 0.38426 6.16855 0.339234 6.21295 0.297671C6.25736 0.258417 6.30399 0.221472 6.35284 0.186836C6.45609 0.121028 6.56267 0.0725381 6.67924 0.0448295C6.79248 0.0136573 6.91238 -0.000196993 7.02895 0.00673016C7.14885 0.0136573 7.26542 0.0379024 7.37533 0.0829289C7.48524 0.124492 7.59181 0.186836 7.68507 0.263035C7.72948 0.302289 7.77278 0.343852 7.81496 0.387724C7.85493 0.433905 7.89046 0.483549 7.92154 0.536658C7.95485 0.587457 7.98371 0.641719 8.00814 0.699446C8.03256 0.754863 8.05254 0.812589 8.06809 0.872625L11.0023 10.2139H22.8792L25.8134 0.872625C25.8289 0.812589 25.85 0.754863 25.8767 0.699446C25.9011 0.644029 25.93 0.589766 25.9633 0.536658C25.9944 0.485858 26.0299 0.437368 26.0699 0.391187C26.1098 0.345006 26.1531 0.302289 26.1997 0.263035C26.293 0.186836 26.3962 0.127955 26.5062 0.0829289C26.6194 0.0413659 26.736 0.0171209 26.8525 0.0101937C26.9724 0.00326659 27.089 0.0136573 27.2056 0.0448295C27.3188 0.0760017 27.4287 0.124492 27.5286 0.1903C27.5797 0.222627 27.6275 0.259571 27.6719 0.301134C27.7163 0.340388 27.7573 0.38426 27.7951 0.43275C27.8328 0.48124 27.8673 0.532039 27.8983 0.585148C27.9272 0.638256 27.9527 0.693673 27.9749 0.751399L32.3213 12.5483L32.3646 12.6696C32.6744 13.5112 32.8509 14.4014 32.8875 15.3054Z" fill="#E24329"/><path d="M32.8909 15.309C32.9275 16.2095 32.8243 17.1135 32.5845 17.9829C32.3447 18.8523 31.9717 19.6766 31.4787 20.4213C30.9858 21.1659 30.383 21.824 29.6902 22.3678L29.6736 22.3816L23.0157 27.5701C23.0157 27.5701 20.1881 25.3499 16.9374 22.7903L26.4795 15.2813C26.9092 14.9453 27.3588 14.6371 27.8218 14.3531C28.2847 14.0656 28.7643 13.8093 29.2539 13.5807C29.7468 13.3521 30.2498 13.1477 30.7593 12.978C31.2722 12.8048 31.7918 12.6628 32.3214 12.5485L32.3647 12.6698C32.6744 13.5149 32.8509 14.405 32.8909 15.309Z" fill="#FC6D26"/><path d="M16.9374 22.7903C20.1881 25.343 23.0191 27.5701 23.0191 27.5701L19.7451 30.1504L17.7501 31.716C17.6335 31.8095 17.5036 31.8788 17.3671 31.9273C17.2305 31.9758 17.084 32 16.9374 32C16.7942 32 16.6477 31.9758 16.5111 31.9273C16.3746 31.8788 16.2447 31.8095 16.1281 31.716L14.1331 30.1504L10.8591 27.5701C10.8591 27.5701 13.6868 25.343 16.9374 22.7903Z" fill="#FCA326"/><path d="M16.9374 22.7834C13.6834 25.343 10.8591 27.5631 10.8591 27.5631L4.24125 22.4059L4.20129 22.3782L4.18796 22.3643C3.49187 21.8205 2.88904 21.1625 2.39611 20.4178C1.90319 19.6731 1.53016 18.8488 1.29036 17.9794C1.05056 17.1101 0.947313 16.2061 0.98395 15.3021C1.02392 14.3981 1.20044 13.5079 1.51018 12.6628L1.55348 12.5416C2.08304 12.6559 2.60261 12.7979 3.11552 12.9711C3.6251 13.1443 4.12801 13.3452 4.62094 13.5772C5.11053 13.8058 5.59014 14.0656 6.05309 14.3496C6.51604 14.6336 6.96233 14.9453 7.39531 15.2813L16.9374 22.7834Z" fill="#FC6D26"/></svg> </div> <div class="e3fpz"> <div class="qpmwn flex flex-col"> <div> <h3 class="inline-flex items-center pgjbi vo20k bp13m dark:text-neutral-200"> Gitlab </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Link git merge requests, branches, and commits to Preline. </p> </div> <div class="r9ot5 mt-auto"> <span class="inline-flex items-center lialp t5ziw vo20k group-disabled:opacity-50 group-disabled:pointer-events-none xq1jm dark:text-neutral-400"> Coming soon </span> </div> </div> </div> </div> </div> <!-- End Card --> </div> <!-- End Grid -->
Integrations 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 n5y6f i5hzf c9huo"> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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> <label for="hs-pro-daicn1" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn1" class="peer hidden" checked> <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Slack </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect a slack workspace in order to setup automated notifications. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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> <label for="hs-pro-daicn2" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn2" class="peer hidden" checked> <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Notion </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect your Notion account to work seamlessly across Notion & Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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.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> <div> <label for="hs-pro-daicn3" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn3" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Figma </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect your team’s Figma workspace to help everyone stay up-to-date. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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="M16.0001 0C7.16461 0 0 7.34466 0 16.405C0 23.6533 4.5845 29.8026 10.9419 31.9718C11.7415 32.1236 12.0351 31.6159 12.0351 31.1826C12.0351 30.7915 12.0202 29.4991 12.0134 28.1283C7.56202 29.1207 6.62276 26.1927 6.62276 26.1927C5.89494 24.2965 4.84626 23.7924 4.84626 23.7924C3.39464 22.7742 4.95568 22.795 4.95568 22.795C6.5624 22.9108 7.40843 24.4856 7.40843 24.4856C8.83545 26.9936 11.1514 26.2685 12.0645 25.8495C12.208 24.789 12.6227 24.0654 13.0803 23.6558C9.5265 23.2408 5.79054 21.8342 5.79054 15.5483C5.79054 13.7573 6.41559 12.2938 7.43917 11.1449C7.27303 10.7317 6.72541 9.0632 7.59415 6.80351C7.59415 6.80351 8.93772 6.36259 11.9953 8.48512C13.2715 8.12152 14.6403 7.93934 16.0001 7.93316C17.3598 7.93934 18.7296 8.12152 20.0083 8.48512C23.0623 6.36259 24.404 6.80351 24.404 6.80351C25.2748 9.0632 24.727 10.7317 24.5608 11.1449C25.5867 12.2938 26.2075 13.7572 26.2075 15.5483C26.2075 21.8491 22.4645 23.2366 18.9017 23.6426C19.4755 24.1518 19.9869 25.1502 19.9869 26.6806C19.9869 28.8756 19.9683 30.6422 19.9683 31.1826C19.9683 31.6192 20.2563 32.1307 21.0674 31.9696C27.4213 29.798 32 23.6509 32 16.405C32 7.34466 24.8364 0 16.0001 0Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path d="M5.99251 23.3693C5.95737 23.4508 5.83213 23.4752 5.71832 23.4194C5.60224 23.3658 5.53699 23.2547 5.57464 23.1728C5.60915 23.089 5.73438 23.0655 5.8502 23.1219C5.96653 23.1753 6.03279 23.2875 5.99251 23.3693ZM6.77955 24.0893C6.70326 24.1619 6.55405 24.1282 6.45279 24.0135C6.34813 23.8991 6.32856 23.7463 6.40598 23.6726C6.48466 23.6001 6.62935 23.634 6.73425 23.7485C6.83891 23.8641 6.85924 24.0161 6.77943 24.0894M7.31952 25.0105C7.22139 25.0804 7.06102 25.0149 6.96201 24.869C6.864 24.7232 6.864 24.5482 6.96414 24.4781C7.06353 24.408 7.22139 24.471 7.32178 24.6158C7.41965 24.7641 7.41965 24.9391 7.31939 25.0107M8.23255 26.0775C8.14484 26.1766 7.95811 26.1501 7.82133 26.0147C7.68154 25.8825 7.64252 25.6947 7.73048 25.5955C7.8192 25.4962 8.00705 25.5241 8.14484 25.6583C8.28375 25.7903 8.32604 25.9795 8.23255 26.0775ZM9.41262 26.4378C9.3741 26.5662 9.19415 26.6246 9.01295 26.57C8.832 26.5138 8.71354 26.3633 8.75006 26.2335C8.7877 26.1041 8.9684 26.0433 9.15098 26.1017C9.33168 26.1577 9.45027 26.307 9.41262 26.4378ZM10.7558 26.5905C10.7603 26.7258 10.6066 26.838 10.4164 26.8405C10.225 26.8447 10.0703 26.7352 10.0683 26.6022C10.0683 26.4656 10.2185 26.3544 10.4097 26.3512C10.6 26.3473 10.7558 26.456 10.7558 26.5905ZM12.0752 26.5386C12.098 26.6706 11.9658 26.8063 11.7769 26.8423C11.5912 26.877 11.4193 26.7956 11.3955 26.6647C11.3725 26.5294 11.5072 26.3939 11.6926 26.3588C11.8818 26.3251 12.0511 26.4044 12.0752 26.5386Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/></svg> </div> <div> <label for="hs-pro-daicn4" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn4" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Github </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Link git pull requests, branches, and commits to Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122209asdasd)"><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_122209asdasd"><rect width="32" height="32" fill="white" transform="translate(0.937439)"/></clipPath></defs></svg> </div> <div> <label for="hs-pro-daicn5" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn5" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Gmail </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Create and share Preline right from your inbox. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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="M8 2L0 7.27424L8 12.471L15.9999 7.27424L8 2ZM23.9999 2L15.9999 7.27424L23.9999 12.471L31.9998 7.27424L23.9999 2ZM0 17.7451L8 23.0194L15.9999 17.7451L8 12.471L0 17.7451ZM23.9999 12.471L15.9999 17.7451L23.9999 23.0194L31.9998 17.7451L23.9999 12.471ZM8 24.7258L15.9999 30L23.9999 24.7258L15.9999 19.5291L8 24.7258Z" fill="#0062FF"/></svg> </div> <div> <label for="hs-pro-daicn6" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn6" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Dropbox </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Reinventing teamwork just got a little easier with Dropbox & Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122079)"><path d="M16 32C7.16 32 0 24.84 0 16C0 7.16 7.16 0 16 0C24.84 0 32 7.16 32 16C32 24.84 24.84 32 16 32Z" fill="#FFE01B"/><path d="M11.72 19.28C11.74 19.3 11.74 19.34 11.72 19.38C11.64 19.52 11.48 19.6 11.32 19.58C11.02 19.54 10.8 19.3 10.82 19C10.82 18.8 10.86 18.62 10.92 18.42C11.02 18.18 10.92 17.92 10.72 17.78C10.6 17.7 10.44 17.68 10.3 17.7C10.16 17.72 10.04 17.82 9.96001 17.94C9.90001 18.04 9.86001 18.14 9.84001 18.24C9.84001 18.26 9.82001 18.28 9.82001 18.28C9.78001 18.4 9.70001 18.44 9.64001 18.44C9.62001 18.44 9.58001 18.42 9.56001 18.36C9.50001 18.02 9.62001 17.68 9.84001 17.42C10.04 17.2 10.32 17.1 10.62 17.14C10.92 17.18 11.2 17.38 11.32 17.66C11.46 18 11.42 18.38 11.24 18.7C11.22 18.72 11.22 18.76 11.2 18.78C11.14 18.9 11.12 19.06 11.2 19.18C11.26 19.26 11.34 19.3 11.44 19.3C11.48 19.3 11.52 19.3 11.56 19.28C11.64 19.24 11.7 19.24 11.72 19.28ZM24.94 19.6C24.92 20.22 24.78 20.82 24.56 21.4C23.44 24.1 20.76 25.6 17.56 25.5C14.58 25.42 12.04 23.84 10.94 21.26C10.24 21.24 9.56001 20.96 9.06001 20.5C8.52001 20.04 8.18001 19.4 8.10001 18.7C8.04001 18.22 8.10001 17.74 8.28001 17.28L7.66001 16.76C4.78001 14.36 13.72 4.4 16.56 6.9C16.58 6.92 17.54 7.86 17.54 7.86C17.54 7.86 18.06 7.64 18.08 7.64C20.58 6.6 22.62 7.1 22.62 8.76C22.62 9.62 22.08 10.62 21.2 11.54C21.56 11.9 21.8 12.34 21.92 12.82C22.02 13.16 22.06 13.5 22.08 13.86C22.1 14.22 22.12 15.04 22.12 15.04C22.14 15.04 22.4 15.12 22.48 15.14C23 15.26 23.46 15.48 23.86 15.82C24.08 16.02 24.2 16.3 24.26 16.58C24.32 16.96 24.22 17.34 24 17.64C24.06 17.78 24.1 17.9 24.16 18.04C24.24 18.28 24.28 18.48 24.3 18.5C24.52 18.54 24.94 18.86 24.94 19.6ZM12.34 18.12C12.14 16.86 11.3 16.42 10.72 16.38C10.58 16.38 10.44 16.38 10.28 16.42C9.26001 16.62 8.66001 17.5 8.78001 18.64C8.96001 19.7 9.82001 20.5 10.88 20.56C10.98 20.56 11.08 20.56 11.18 20.54C12.24 20.38 12.5 19.24 12.34 18.12ZM14.1 10.12C14.98 9.4 15.9 8.76 16.88 8.2C16.88 8.2 16.1 7.3 15.86 7.22C14.42 6.82 11.3 8.98 9.30001 11.84C8.50001 13 7.34001 15.04 7.90001 16.08C8.10001 16.32 8.32001 16.52 8.56001 16.72C8.92001 16.2 9.48001 15.84 10.12 15.72C10.9 13.54 12.28 11.6 14.1 10.12ZM17.22 20.1C17.3 20.44 17.56 20.72 17.9 20.8C18.08 20.86 18.24 20.92 18.44 20.94C20.72 21.34 22.86 20.02 23.34 19.7C23.38 19.68 23.4 19.7 23.38 19.74C23.36 19.76 23.34 19.78 23.34 19.8C22.76 20.56 21.18 21.44 19.12 21.44C18.22 21.44 17.32 21.12 17 20.64C16.48 19.88 16.98 18.78 17.82 18.9C17.82 18.9 18.12 18.94 18.2 18.94C19.52 19.06 20.86 18.86 22.08 18.32C23.24 17.78 23.68 17.18 23.62 16.7C23.6 16.56 23.52 16.42 23.42 16.3C23.1 16.04 22.72 15.86 22.32 15.78C22.14 15.72 22.02 15.7 21.88 15.66C21.64 15.58 21.52 15.52 21.5 15.06C21.48 14.86 21.46 14.18 21.44 13.88C21.42 13.38 21.36 12.7 20.94 12.42C20.84 12.34 20.7 12.3 20.58 12.3C20.5 12.3 20.44 12.3 20.36 12.32C20.14 12.36 19.96 12.48 19.8 12.64C19.4 13 18.88 13.18 18.34 13.14C18.04 13.12 17.74 13.08 17.38 13.06C17.32 13.06 17.24 13.06 17.18 13.04C16.22 13.06 15.44 13.78 15.32 14.74C15.12 16.16 16.14 16.88 16.44 17.32C16.48 17.38 16.52 17.44 16.52 17.52C16.52 17.6 16.48 17.68 16.42 17.72C15.6 18.64 15.3 19.92 15.62 21.12C15.66 21.26 15.7 21.4 15.76 21.54C16.5 23.28 18.82 24.1 21.08 23.36C21.38 23.26 21.66 23.14 21.94 23C22.44 22.76 22.88 22.42 23.26 22.02C23.84 21.44 24.22 20.68 24.36 19.86C24.42 19.4 24.32 19.24 24.2 19.16C24.1 19.1 24 19.08 23.88 19.1C23.82 18.74 23.72 18.4 23.58 18.08C22.94 18.56 22.2 18.94 21.42 19.16C20.48 19.42 19.52 19.52 18.54 19.48C17.92 19.42 17.5 19.24 17.34 19.76C18.28 20.08 19.28 20.18 20.28 20.06C20.3 20.06 20.34 20.08 20.34 20.1C20.34 20.12 20.32 20.14 20.3 20.16C20.22 20.14 19.06 20.68 17.22 20.1ZM13.84 11.88C14.6 11.34 15.48 10.96 16.38 10.76C17.42 10.52 18.48 10.52 19.52 10.76C19.56 10.76 19.58 10.7 19.54 10.68C19 10.4 18.42 10.24 17.8 10.22C17.78 10.22 17.76 10.2 17.76 10.18V10.16C17.86 10.04 17.96 9.92 18.08 9.84C18.1 9.82 18.1 9.8 18.08 9.8L18.06 9.78C17.32 9.86 16.62 10.1 15.98 10.52C15.96 10.52 15.94 10.52 15.94 10.52V10.5C15.98 10.32 16.06 10.14 16.16 9.96C16.16 9.94 16.16 9.92 16.14 9.92H16.12C15.22 10.42 14.42 11.08 13.76 11.86C13.74 11.88 13.74 11.9 13.76 11.9C13.8 11.9 13.82 11.9 13.84 11.88ZM19.84 16.7C19.96 16.78 20.14 16.76 20.24 16.64C20.3 16.52 20.22 16.38 20.06 16.3C19.94 16.22 19.76 16.24 19.66 16.36C19.6 16.46 19.68 16.62 19.84 16.7ZM20.34 14.88C20.38 15.08 20.46 15.28 20.58 15.44C20.7 15.42 20.84 15.42 20.96 15.44C21.04 15.22 21.04 14.98 20.98 14.76C20.88 14.34 20.76 14.1 20.52 14.14C20.26 14.18 20.24 14.48 20.34 14.88ZM20.88 15.84C20.72 15.8 20.54 15.88 20.48 16.06C20.44 16.22 20.52 16.4 20.7 16.46C20.88 16.52 21.04 16.42 21.1 16.24C21.1 16.22 21.12 16.18 21.12 16.16C21.12 16 21.02 15.86 20.88 15.84Z" fill="black"/><path d="M16.66 15.8C16.62 15.8 16.6 15.78 16.6 15.76C16.58 15.68 16.7 15.58 16.8 15.48C17.14 15.22 17.6 15.18 17.98 15.34C18.16 15.42 18.32 15.54 18.42 15.7C18.46 15.76 18.46 15.82 18.44 15.84C18.4 15.88 18.3 15.84 18.12 15.76C17.92 15.66 17.68 15.6 17.46 15.62C17.2 15.66 16.92 15.72 16.66 15.8ZM18.38 16.16C18.22 16 18 15.92 17.8 15.96C17.64 15.98 17.5 16.04 17.38 16.14C17.32 16.18 17.28 16.24 17.28 16.32C17.28 16.34 17.28 16.36 17.3 16.36C17.32 16.36 17.32 16.38 17.34 16.38C17.4 16.38 17.46 16.36 17.5 16.34C17.74 16.26 17.98 16.22 18.22 16.26C18.34 16.28 18.38 16.28 18.42 16.24C18.4 16.2 18.4 16.18 18.38 16.16Z" fill="black"/></g><defs><clipPath id="clip0_11766_122079"><rect width="32" height="32" fill="white"/></clipPath></defs></svg> </div> <div> <label for="hs-pro-daicn7" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn7" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Mailchimp </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Send email newsletters and manage subscribers in Mailchimp. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.3586 7.57888L17.7797 6.7368L8.5165 7.57888L7.67426 16L8.51634 24.4211L16.9375 25.4738L25.3586 24.4211L26.2007 15.7896L25.3586 7.57888Z" fill="white"/><path d="M11.9712 20.6442C11.3417 20.2189 10.9059 19.5979 10.668 18.7768L12.1291 18.1747C12.2617 18.68 12.4932 19.0715 12.8238 19.3494C13.1523 19.6274 13.5523 19.7642 14.0196 19.7642C14.4976 19.7642 14.9081 19.6189 15.2512 19.3283C15.5942 19.0378 15.767 18.6672 15.767 18.2189C15.767 17.76 15.5859 17.3851 15.2238 17.0947C14.8617 16.8043 14.407 16.6589 13.8638 16.6589H13.0196V15.2126H13.7774C14.2448 15.2126 14.6385 15.0864 14.9585 14.8338C15.2785 14.5811 15.4385 14.2358 15.4385 13.7958C15.4385 13.4043 15.2953 13.0926 15.0091 12.859C14.7228 12.6254 14.3606 12.5075 13.9206 12.5075C13.4912 12.5075 13.15 12.6213 12.8974 12.8507C12.6448 13.0802 12.4616 13.3622 12.3459 13.6949L10.8996 13.0928C11.0912 12.5496 11.4428 12.0696 11.9585 11.6549C12.4744 11.2402 13.1332 11.0317 13.9332 11.0317C14.5248 11.0317 15.0574 11.1454 15.5291 11.3749C16.0006 11.6043 16.3712 11.9222 16.6385 12.3264C16.9059 12.7326 17.0385 13.1875 17.0385 13.6926C17.0385 14.2085 16.9144 14.6442 16.6659 15.0021C16.4174 15.36 16.1121 15.6336 15.75 15.8253V15.9115C16.228 16.1115 16.6174 16.4168 16.9248 16.8274C17.23 17.2379 17.3836 17.7285 17.3836 18.3011C17.3836 18.8738 17.2384 19.3853 16.9478 19.8338C16.6572 20.2822 16.2552 20.6358 15.7457 20.8926C15.2342 21.1494 14.6595 21.28 14.0216 21.28C13.2827 21.2821 12.6006 21.0694 11.9712 20.6442Z" fill="#1A73E8"/><path d="M20.9374 13.3938L19.3416 14.5538L18.5395 13.337L21.4174 11.2611H22.5206V21.0526H20.9374V13.3938Z" fill="#1A73E8"/><path d="M25.3585 32L32.9374 24.4211L29.148 22.737L25.3585 24.4211L23.6744 28.2106L25.3585 32Z" fill="#EA4335"/><path d="M6.83215 28.2106L8.51631 32H25.3584V24.4211H8.51631L6.83215 28.2106Z" fill="#34A853"/><path d="M3.46368 0C2.068 0 0.937439 1.13056 0.937439 2.52624V24.421L4.72688 26.1051L8.51632 24.421V7.57888H25.3584L27.0426 3.78944L25.3586 0H3.46368Z" fill="#4285F4"/><path d="M0.937439 24.4211V29.4738C0.937439 30.8696 2.068 32 3.46368 32H8.51632V24.4211H0.937439Z" fill="#188038"/><path d="M25.3586 7.57888V24.421H32.9375V7.57888L29.148 5.89472L25.3586 7.57888Z" fill="#FBBC04"/><path d="M32.9375 7.57888V2.52624C32.9375 1.1304 31.8069 0 30.4112 0H25.3586V7.57888H32.9375Z" fill="#1967D2"/></svg> </div> <div> <label for="hs-pro-daicn8" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn8" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Google Calendar </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> A 2-way sync between your scheduled Preline tasks and your Google Calendar. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.8875 15.3054C32.9242 16.2093 32.8209 17.1099 32.5811 17.9792C32.3447 18.8486 31.9716 19.6695 31.4787 20.4141C30.989 21.1593 30.3861 21.8167 29.6935 22.3607L29.6769 22.3745L23.019 27.563L19.7451 30.1433L17.7501 31.7089C17.6335 31.8024 17.5036 31.8716 17.3671 31.9201C17.2305 31.9686 17.084 31.9929 16.9374 31.9929C16.7942 31.9929 16.6477 31.9686 16.5111 31.9201C16.3745 31.8716 16.2447 31.8024 16.1281 31.7089L14.1331 30.1433L10.8591 27.563L4.24125 22.4057L4.20129 22.378L4.18796 22.3641C3.49187 21.8203 2.88904 21.1623 2.39611 20.4176C1.90319 19.6729 1.53016 18.8486 1.29036 17.9792C1.05056 17.1099 0.947313 16.2059 0.98395 15.3019C1.02392 14.3979 1.20044 13.5078 1.51018 12.6626L1.55348 12.5414L5.90654 0.747936C5.92875 0.69021 5.95539 0.634792 5.98648 0.581684C6.01534 0.528576 6.04976 0.478931 6.08972 0.43275C6.12747 0.38426 6.16855 0.339234 6.21295 0.297671C6.25736 0.258417 6.30399 0.221472 6.35284 0.186836C6.45609 0.121028 6.56267 0.0725381 6.67924 0.0448295C6.79248 0.0136573 6.91238 -0.000196993 7.02895 0.00673016C7.14885 0.0136573 7.26542 0.0379024 7.37533 0.0829289C7.48524 0.124492 7.59181 0.186836 7.68507 0.263035C7.72948 0.302289 7.77278 0.343852 7.81496 0.387724C7.85493 0.433905 7.89046 0.483549 7.92154 0.536658C7.95485 0.587457 7.98371 0.641719 8.00814 0.699446C8.03256 0.754863 8.05254 0.812589 8.06809 0.872625L11.0023 10.2139H22.8792L25.8134 0.872625C25.8289 0.812589 25.85 0.754863 25.8767 0.699446C25.9011 0.644029 25.93 0.589766 25.9633 0.536658C25.9944 0.485858 26.0299 0.437368 26.0699 0.391187C26.1098 0.345006 26.1531 0.302289 26.1997 0.263035C26.293 0.186836 26.3962 0.127955 26.5062 0.0829289C26.6194 0.0413659 26.736 0.0171209 26.8525 0.0101937C26.9724 0.00326659 27.089 0.0136573 27.2056 0.0448295C27.3188 0.0760017 27.4287 0.124492 27.5286 0.1903C27.5797 0.222627 27.6275 0.259571 27.6719 0.301134C27.7163 0.340388 27.7573 0.38426 27.7951 0.43275C27.8328 0.48124 27.8673 0.532039 27.8983 0.585148C27.9272 0.638256 27.9527 0.693673 27.9749 0.751399L32.3213 12.5483L32.3646 12.6696C32.6744 13.5112 32.8509 14.4014 32.8875 15.3054Z" fill="#E24329"/><path d="M32.8909 15.309C32.9275 16.2095 32.8243 17.1135 32.5845 17.9829C32.3447 18.8523 31.9717 19.6766 31.4787 20.4213C30.9858 21.1659 30.383 21.824 29.6902 22.3678L29.6736 22.3816L23.0157 27.5701C23.0157 27.5701 20.1881 25.3499 16.9374 22.7903L26.4795 15.2813C26.9092 14.9453 27.3588 14.6371 27.8218 14.3531C28.2847 14.0656 28.7643 13.8093 29.2539 13.5807C29.7468 13.3521 30.2498 13.1477 30.7593 12.978C31.2722 12.8048 31.7918 12.6628 32.3214 12.5485L32.3647 12.6698C32.6744 13.5149 32.8509 14.405 32.8909 15.309Z" fill="#FC6D26"/><path d="M16.9374 22.7903C20.1881 25.343 23.0191 27.5701 23.0191 27.5701L19.7451 30.1504L17.7501 31.716C17.6335 31.8095 17.5036 31.8788 17.3671 31.9273C17.2305 31.9758 17.084 32 16.9374 32C16.7942 32 16.6477 31.9758 16.5111 31.9273C16.3746 31.8788 16.2447 31.8095 16.1281 31.716L14.1331 30.1504L10.8591 27.5701C10.8591 27.5701 13.6868 25.343 16.9374 22.7903Z" fill="#FCA326"/><path d="M16.9374 22.7834C13.6834 25.343 10.8591 27.5631 10.8591 27.5631L4.24125 22.4059L4.20129 22.3782L4.18796 22.3643C3.49187 21.8205 2.88904 21.1625 2.39611 20.4178C1.90319 19.6731 1.53016 18.8488 1.29036 17.9794C1.05056 17.1101 0.947313 16.2061 0.98395 15.3021C1.02392 14.3981 1.20044 13.5079 1.51018 12.6628L1.55348 12.5416C2.08304 12.6559 2.60261 12.7979 3.11552 12.9711C3.6251 13.1443 4.12801 13.3452 4.62094 13.5772C5.11053 13.8058 5.59014 14.0656 6.05309 14.3496C6.51604 14.6336 6.96233 14.9453 7.39531 15.2813L16.9374 22.7834Z" fill="#FC6D26"/></svg> </div> <div> <label for="hs-pro-daicn9" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn9" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Gitlab </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Link git merge requests, branches, and commits to Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.3386 25.481C33.0617 26.7366 33.1317 28.0569 32.5309 29.1006C31.9309 30.1452 30.7569 30.7434 29.31 30.7434H26.5831C26.6155 30.2349 26.637 29.7222 26.637 29.2057C26.637 28.6273 26.6101 28.056 26.5706 27.4866L28.3643 27.4848C28.8053 27.4848 29.1618 27.1265 29.1618 26.6845C29.1617 26.5513 29.1287 26.4202 29.0658 26.3029L17.6337 6.43244C17.5647 6.30951 17.4641 6.20719 17.3424 6.13601C17.2207 6.06483 17.0823 6.02736 16.9413 6.02746C16.8038 6.0275 16.6688 6.06309 16.5491 6.13076C16.4295 6.19844 16.3295 6.29591 16.2587 6.41369L14.4435 9.56893C19.96 13.7275 23.6686 20.1701 24.1761 27.4848C24.2156 28.0533 24.2425 28.6246 24.2425 29.2039C24.2425 29.7203 24.221 30.2323 24.1895 30.7416H15.2841C15.3326 30.2349 15.3605 29.7231 15.3605 29.2039C15.3605 28.6228 15.3263 28.0498 15.2635 27.4848C14.8235 23.4592 12.8528 19.8916 9.95081 17.374L8.70048 19.5459C10.8929 21.5864 12.3893 24.3654 12.7962 27.4848C12.8699 28.0479 12.9112 28.621 12.9112 29.2039C12.9112 29.7231 12.8771 30.2368 12.8187 30.7416H4.56353C3.11659 30.7416 1.94264 30.1425 1.34266 29.0979C0.741815 28.0542 0.811812 26.7348 1.53491 25.4783L3.22984 22.5736C4.19808 23.0945 5.07307 23.7725 5.8191 24.5801L4.80877 26.301C4.74599 26.4185 4.71294 26.5495 4.71252 26.6827C4.71233 26.7876 4.73281 26.8915 4.77281 26.9885C4.81281 27.0854 4.87154 27.1736 4.94563 27.2478C5.01972 27.3221 5.10773 27.381 5.20461 27.4212C5.30149 27.4613 5.40535 27.482 5.51024 27.4821L9.5142 27.4839C9.17834 25.5645 8.29275 23.8328 7.02455 22.4613C6.27721 21.6557 5.40425 20.9738 4.43241 20.4521L8.90347 12.6837C9.85279 13.2144 10.7546 13.826 11.5989 14.5116C15.4521 17.6381 18.0541 22.2557 18.5256 27.4831H20.922C20.4332 21.3718 17.3625 15.9828 12.8052 12.4152C11.9494 11.7449 11.0438 11.1408 10.0963 10.6081L13.9126 3.97779C14.6347 2.72122 15.7393 2 16.9413 2C18.1421 2 19.2459 2.72122 19.969 3.97779L32.3386 25.481Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/></svg> </div> <div> <label for="hs-pro-daicn10" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn10" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Sentry </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect Sentry to Preline to keep track of issues in one place. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_12670_125260)"><path d="M20.9373 16.007C20.9379 17.1608 20.7297 18.3053 20.3229 19.385C19.2428 19.7917 18.0981 20.0002 16.9439 20.0004H16.9304C15.7419 19.9989 14.6032 19.7816 13.5524 19.3855C13.1454 18.3056 12.937 17.161 12.9374 16.007V15.993C12.9369 14.8394 13.1448 13.6952 13.5512 12.6155C14.6313 12.208 15.7762 11.9995 16.9306 12H16.9441C18.0983 11.9994 19.2431 12.2079 20.3231 12.6154C20.7299 13.6949 20.938 14.8392 20.9374 15.9929V16.0069L20.9373 16.007ZM32.7152 13.3334H23.3757L29.9793 6.72925C29.461 6.00115 28.8828 5.31757 28.2508 4.68563V4.68512C27.6188 4.05386 26.9354 3.47621 26.2077 2.95813L19.6036 9.56225V0.22275C18.7252 0.074991 17.8361 0.000484612 16.9454 0L16.9289 0C16.0229 0.0005 15.1356 0.0775 14.2708 0.22275V9.56225L7.66669 2.95813C6.93887 3.47607 6.25577 4.05413 5.62456 4.68625L5.62106 4.68875C4.99013 5.3199 4.41277 6.00242 3.89494 6.72925L10.4996 13.3334H1.16019C1.16019 13.3334 0.937439 15.0875 0.937439 15.9945V16.0055C0.937439 16.9125 1.01431 17.8014 1.16019 18.6666H10.4997L3.89506 25.2708C4.93402 26.7288 6.20869 28.0034 7.66669 29.0424L14.2708 22.4377V31.7778C15.1482 31.9248 16.0362 31.9991 16.9258 32H16.9484C17.8381 31.9992 18.7261 31.9249 19.6034 31.7778V22.4377L26.2082 29.0424C26.9357 28.5241 27.619 27.9463 28.2508 27.3149L28.2523 27.3134C28.8835 26.6814 29.4611 25.9982 29.9793 25.2708L23.3747 18.6666H32.7152C32.8606 17.8029 32.9364 16.9166 32.9374 16.0116V15.9884C32.9364 15.0834 32.8606 14.1971 32.7152 13.3334Z" fill="#FF4A00"/></g><defs><clipPath id="clip0_12670_125260"><rect width="32" height="32" fill="white" transform="translate(0.937439)"/></clipPath></defs></svg> </div> <div> <label for="hs-pro-daicn11" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn11" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Zapier </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect Zapier to set up custom workflows rjx3z Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --></div> <script src="../../assets/vendor/preline/dist/index.js?v=3.0.1"></script> </body> </html>
<!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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> <label for="hs-pro-daicn1" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn1" class="peer hidden" checked> <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Slack </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect a slack workspace in order to setup automated notifications. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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> <label for="hs-pro-daicn2" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn2" class="peer hidden" checked> <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Notion </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect your Notion account to work seamlessly across Notion & Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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.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> <div> <label for="hs-pro-daicn3" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn3" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Figma </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect your team’s Figma workspace to help everyone stay up-to-date. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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="M16.0001 0C7.16461 0 0 7.34466 0 16.405C0 23.6533 4.5845 29.8026 10.9419 31.9718C11.7415 32.1236 12.0351 31.6159 12.0351 31.1826C12.0351 30.7915 12.0202 29.4991 12.0134 28.1283C7.56202 29.1207 6.62276 26.1927 6.62276 26.1927C5.89494 24.2965 4.84626 23.7924 4.84626 23.7924C3.39464 22.7742 4.95568 22.795 4.95568 22.795C6.5624 22.9108 7.40843 24.4856 7.40843 24.4856C8.83545 26.9936 11.1514 26.2685 12.0645 25.8495C12.208 24.789 12.6227 24.0654 13.0803 23.6558C9.5265 23.2408 5.79054 21.8342 5.79054 15.5483C5.79054 13.7573 6.41559 12.2938 7.43917 11.1449C7.27303 10.7317 6.72541 9.0632 7.59415 6.80351C7.59415 6.80351 8.93772 6.36259 11.9953 8.48512C13.2715 8.12152 14.6403 7.93934 16.0001 7.93316C17.3598 7.93934 18.7296 8.12152 20.0083 8.48512C23.0623 6.36259 24.404 6.80351 24.404 6.80351C25.2748 9.0632 24.727 10.7317 24.5608 11.1449C25.5867 12.2938 26.2075 13.7572 26.2075 15.5483C26.2075 21.8491 22.4645 23.2366 18.9017 23.6426C19.4755 24.1518 19.9869 25.1502 19.9869 26.6806C19.9869 28.8756 19.9683 30.6422 19.9683 31.1826C19.9683 31.6192 20.2563 32.1307 21.0674 31.9696C27.4213 29.798 32 23.6509 32 16.405C32 7.34466 24.8364 0 16.0001 0Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/><path d="M5.99251 23.3693C5.95737 23.4508 5.83213 23.4752 5.71832 23.4194C5.60224 23.3658 5.53699 23.2547 5.57464 23.1728C5.60915 23.089 5.73438 23.0655 5.8502 23.1219C5.96653 23.1753 6.03279 23.2875 5.99251 23.3693ZM6.77955 24.0893C6.70326 24.1619 6.55405 24.1282 6.45279 24.0135C6.34813 23.8991 6.32856 23.7463 6.40598 23.6726C6.48466 23.6001 6.62935 23.634 6.73425 23.7485C6.83891 23.8641 6.85924 24.0161 6.77943 24.0894M7.31952 25.0105C7.22139 25.0804 7.06102 25.0149 6.96201 24.869C6.864 24.7232 6.864 24.5482 6.96414 24.4781C7.06353 24.408 7.22139 24.471 7.32178 24.6158C7.41965 24.7641 7.41965 24.9391 7.31939 25.0107M8.23255 26.0775C8.14484 26.1766 7.95811 26.1501 7.82133 26.0147C7.68154 25.8825 7.64252 25.6947 7.73048 25.5955C7.8192 25.4962 8.00705 25.5241 8.14484 25.6583C8.28375 25.7903 8.32604 25.9795 8.23255 26.0775ZM9.41262 26.4378C9.3741 26.5662 9.19415 26.6246 9.01295 26.57C8.832 26.5138 8.71354 26.3633 8.75006 26.2335C8.7877 26.1041 8.9684 26.0433 9.15098 26.1017C9.33168 26.1577 9.45027 26.307 9.41262 26.4378ZM10.7558 26.5905C10.7603 26.7258 10.6066 26.838 10.4164 26.8405C10.225 26.8447 10.0703 26.7352 10.0683 26.6022C10.0683 26.4656 10.2185 26.3544 10.4097 26.3512C10.6 26.3473 10.7558 26.456 10.7558 26.5905ZM12.0752 26.5386C12.098 26.6706 11.9658 26.8063 11.7769 26.8423C11.5912 26.877 11.4193 26.7956 11.3955 26.6647C11.3725 26.5294 11.5072 26.3939 11.6926 26.3588C11.8818 26.3251 12.0511 26.4044 12.0752 26.5386Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/></svg> </div> <div> <label for="hs-pro-daicn4" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn4" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Github </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Link git pull requests, branches, and commits to Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122209asdasd)"><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_122209asdasd"><rect width="32" height="32" fill="white" transform="translate(0.937439)"/></clipPath></defs></svg> </div> <div> <label for="hs-pro-daicn5" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn5" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Gmail </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Create and share Preline right from your inbox. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w 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="M8 2L0 7.27424L8 12.471L15.9999 7.27424L8 2ZM23.9999 2L15.9999 7.27424L23.9999 12.471L31.9998 7.27424L23.9999 2ZM0 17.7451L8 23.0194L15.9999 17.7451L8 12.471L0 17.7451ZM23.9999 12.471L15.9999 17.7451L23.9999 23.0194L31.9998 17.7451L23.9999 12.471ZM8 24.7258L15.9999 30L23.9999 24.7258L15.9999 19.5291L8 24.7258Z" fill="#0062FF"/></svg> </div> <div> <label for="hs-pro-daicn6" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn6" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Dropbox </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Reinventing teamwork just got a little easier with Dropbox & Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_11766_122079)"><path d="M16 32C7.16 32 0 24.84 0 16C0 7.16 7.16 0 16 0C24.84 0 32 7.16 32 16C32 24.84 24.84 32 16 32Z" fill="#FFE01B"/><path d="M11.72 19.28C11.74 19.3 11.74 19.34 11.72 19.38C11.64 19.52 11.48 19.6 11.32 19.58C11.02 19.54 10.8 19.3 10.82 19C10.82 18.8 10.86 18.62 10.92 18.42C11.02 18.18 10.92 17.92 10.72 17.78C10.6 17.7 10.44 17.68 10.3 17.7C10.16 17.72 10.04 17.82 9.96001 17.94C9.90001 18.04 9.86001 18.14 9.84001 18.24C9.84001 18.26 9.82001 18.28 9.82001 18.28C9.78001 18.4 9.70001 18.44 9.64001 18.44C9.62001 18.44 9.58001 18.42 9.56001 18.36C9.50001 18.02 9.62001 17.68 9.84001 17.42C10.04 17.2 10.32 17.1 10.62 17.14C10.92 17.18 11.2 17.38 11.32 17.66C11.46 18 11.42 18.38 11.24 18.7C11.22 18.72 11.22 18.76 11.2 18.78C11.14 18.9 11.12 19.06 11.2 19.18C11.26 19.26 11.34 19.3 11.44 19.3C11.48 19.3 11.52 19.3 11.56 19.28C11.64 19.24 11.7 19.24 11.72 19.28ZM24.94 19.6C24.92 20.22 24.78 20.82 24.56 21.4C23.44 24.1 20.76 25.6 17.56 25.5C14.58 25.42 12.04 23.84 10.94 21.26C10.24 21.24 9.56001 20.96 9.06001 20.5C8.52001 20.04 8.18001 19.4 8.10001 18.7C8.04001 18.22 8.10001 17.74 8.28001 17.28L7.66001 16.76C4.78001 14.36 13.72 4.4 16.56 6.9C16.58 6.92 17.54 7.86 17.54 7.86C17.54 7.86 18.06 7.64 18.08 7.64C20.58 6.6 22.62 7.1 22.62 8.76C22.62 9.62 22.08 10.62 21.2 11.54C21.56 11.9 21.8 12.34 21.92 12.82C22.02 13.16 22.06 13.5 22.08 13.86C22.1 14.22 22.12 15.04 22.12 15.04C22.14 15.04 22.4 15.12 22.48 15.14C23 15.26 23.46 15.48 23.86 15.82C24.08 16.02 24.2 16.3 24.26 16.58C24.32 16.96 24.22 17.34 24 17.64C24.06 17.78 24.1 17.9 24.16 18.04C24.24 18.28 24.28 18.48 24.3 18.5C24.52 18.54 24.94 18.86 24.94 19.6ZM12.34 18.12C12.14 16.86 11.3 16.42 10.72 16.38C10.58 16.38 10.44 16.38 10.28 16.42C9.26001 16.62 8.66001 17.5 8.78001 18.64C8.96001 19.7 9.82001 20.5 10.88 20.56C10.98 20.56 11.08 20.56 11.18 20.54C12.24 20.38 12.5 19.24 12.34 18.12ZM14.1 10.12C14.98 9.4 15.9 8.76 16.88 8.2C16.88 8.2 16.1 7.3 15.86 7.22C14.42 6.82 11.3 8.98 9.30001 11.84C8.50001 13 7.34001 15.04 7.90001 16.08C8.10001 16.32 8.32001 16.52 8.56001 16.72C8.92001 16.2 9.48001 15.84 10.12 15.72C10.9 13.54 12.28 11.6 14.1 10.12ZM17.22 20.1C17.3 20.44 17.56 20.72 17.9 20.8C18.08 20.86 18.24 20.92 18.44 20.94C20.72 21.34 22.86 20.02 23.34 19.7C23.38 19.68 23.4 19.7 23.38 19.74C23.36 19.76 23.34 19.78 23.34 19.8C22.76 20.56 21.18 21.44 19.12 21.44C18.22 21.44 17.32 21.12 17 20.64C16.48 19.88 16.98 18.78 17.82 18.9C17.82 18.9 18.12 18.94 18.2 18.94C19.52 19.06 20.86 18.86 22.08 18.32C23.24 17.78 23.68 17.18 23.62 16.7C23.6 16.56 23.52 16.42 23.42 16.3C23.1 16.04 22.72 15.86 22.32 15.78C22.14 15.72 22.02 15.7 21.88 15.66C21.64 15.58 21.52 15.52 21.5 15.06C21.48 14.86 21.46 14.18 21.44 13.88C21.42 13.38 21.36 12.7 20.94 12.42C20.84 12.34 20.7 12.3 20.58 12.3C20.5 12.3 20.44 12.3 20.36 12.32C20.14 12.36 19.96 12.48 19.8 12.64C19.4 13 18.88 13.18 18.34 13.14C18.04 13.12 17.74 13.08 17.38 13.06C17.32 13.06 17.24 13.06 17.18 13.04C16.22 13.06 15.44 13.78 15.32 14.74C15.12 16.16 16.14 16.88 16.44 17.32C16.48 17.38 16.52 17.44 16.52 17.52C16.52 17.6 16.48 17.68 16.42 17.72C15.6 18.64 15.3 19.92 15.62 21.12C15.66 21.26 15.7 21.4 15.76 21.54C16.5 23.28 18.82 24.1 21.08 23.36C21.38 23.26 21.66 23.14 21.94 23C22.44 22.76 22.88 22.42 23.26 22.02C23.84 21.44 24.22 20.68 24.36 19.86C24.42 19.4 24.32 19.24 24.2 19.16C24.1 19.1 24 19.08 23.88 19.1C23.82 18.74 23.72 18.4 23.58 18.08C22.94 18.56 22.2 18.94 21.42 19.16C20.48 19.42 19.52 19.52 18.54 19.48C17.92 19.42 17.5 19.24 17.34 19.76C18.28 20.08 19.28 20.18 20.28 20.06C20.3 20.06 20.34 20.08 20.34 20.1C20.34 20.12 20.32 20.14 20.3 20.16C20.22 20.14 19.06 20.68 17.22 20.1ZM13.84 11.88C14.6 11.34 15.48 10.96 16.38 10.76C17.42 10.52 18.48 10.52 19.52 10.76C19.56 10.76 19.58 10.7 19.54 10.68C19 10.4 18.42 10.24 17.8 10.22C17.78 10.22 17.76 10.2 17.76 10.18V10.16C17.86 10.04 17.96 9.92 18.08 9.84C18.1 9.82 18.1 9.8 18.08 9.8L18.06 9.78C17.32 9.86 16.62 10.1 15.98 10.52C15.96 10.52 15.94 10.52 15.94 10.52V10.5C15.98 10.32 16.06 10.14 16.16 9.96C16.16 9.94 16.16 9.92 16.14 9.92H16.12C15.22 10.42 14.42 11.08 13.76 11.86C13.74 11.88 13.74 11.9 13.76 11.9C13.8 11.9 13.82 11.9 13.84 11.88ZM19.84 16.7C19.96 16.78 20.14 16.76 20.24 16.64C20.3 16.52 20.22 16.38 20.06 16.3C19.94 16.22 19.76 16.24 19.66 16.36C19.6 16.46 19.68 16.62 19.84 16.7ZM20.34 14.88C20.38 15.08 20.46 15.28 20.58 15.44C20.7 15.42 20.84 15.42 20.96 15.44C21.04 15.22 21.04 14.98 20.98 14.76C20.88 14.34 20.76 14.1 20.52 14.14C20.26 14.18 20.24 14.48 20.34 14.88ZM20.88 15.84C20.72 15.8 20.54 15.88 20.48 16.06C20.44 16.22 20.52 16.4 20.7 16.46C20.88 16.52 21.04 16.42 21.1 16.24C21.1 16.22 21.12 16.18 21.12 16.16C21.12 16 21.02 15.86 20.88 15.84Z" fill="black"/><path d="M16.66 15.8C16.62 15.8 16.6 15.78 16.6 15.76C16.58 15.68 16.7 15.58 16.8 15.48C17.14 15.22 17.6 15.18 17.98 15.34C18.16 15.42 18.32 15.54 18.42 15.7C18.46 15.76 18.46 15.82 18.44 15.84C18.4 15.88 18.3 15.84 18.12 15.76C17.92 15.66 17.68 15.6 17.46 15.62C17.2 15.66 16.92 15.72 16.66 15.8ZM18.38 16.16C18.22 16 18 15.92 17.8 15.96C17.64 15.98 17.5 16.04 17.38 16.14C17.32 16.18 17.28 16.24 17.28 16.32C17.28 16.34 17.28 16.36 17.3 16.36C17.32 16.36 17.32 16.38 17.34 16.38C17.4 16.38 17.46 16.36 17.5 16.34C17.74 16.26 17.98 16.22 18.22 16.26C18.34 16.28 18.38 16.28 18.42 16.24C18.4 16.2 18.4 16.18 18.38 16.16Z" fill="black"/></g><defs><clipPath id="clip0_11766_122079"><rect width="32" height="32" fill="white"/></clipPath></defs></svg> </div> <div> <label for="hs-pro-daicn7" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn7" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Mailchimp </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Send email newsletters and manage subscribers in Mailchimp. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.3586 7.57888L17.7797 6.7368L8.5165 7.57888L7.67426 16L8.51634 24.4211L16.9375 25.4738L25.3586 24.4211L26.2007 15.7896L25.3586 7.57888Z" fill="white"/><path d="M11.9712 20.6442C11.3417 20.2189 10.9059 19.5979 10.668 18.7768L12.1291 18.1747C12.2617 18.68 12.4932 19.0715 12.8238 19.3494C13.1523 19.6274 13.5523 19.7642 14.0196 19.7642C14.4976 19.7642 14.9081 19.6189 15.2512 19.3283C15.5942 19.0378 15.767 18.6672 15.767 18.2189C15.767 17.76 15.5859 17.3851 15.2238 17.0947C14.8617 16.8043 14.407 16.6589 13.8638 16.6589H13.0196V15.2126H13.7774C14.2448 15.2126 14.6385 15.0864 14.9585 14.8338C15.2785 14.5811 15.4385 14.2358 15.4385 13.7958C15.4385 13.4043 15.2953 13.0926 15.0091 12.859C14.7228 12.6254 14.3606 12.5075 13.9206 12.5075C13.4912 12.5075 13.15 12.6213 12.8974 12.8507C12.6448 13.0802 12.4616 13.3622 12.3459 13.6949L10.8996 13.0928C11.0912 12.5496 11.4428 12.0696 11.9585 11.6549C12.4744 11.2402 13.1332 11.0317 13.9332 11.0317C14.5248 11.0317 15.0574 11.1454 15.5291 11.3749C16.0006 11.6043 16.3712 11.9222 16.6385 12.3264C16.9059 12.7326 17.0385 13.1875 17.0385 13.6926C17.0385 14.2085 16.9144 14.6442 16.6659 15.0021C16.4174 15.36 16.1121 15.6336 15.75 15.8253V15.9115C16.228 16.1115 16.6174 16.4168 16.9248 16.8274C17.23 17.2379 17.3836 17.7285 17.3836 18.3011C17.3836 18.8738 17.2384 19.3853 16.9478 19.8338C16.6572 20.2822 16.2552 20.6358 15.7457 20.8926C15.2342 21.1494 14.6595 21.28 14.0216 21.28C13.2827 21.2821 12.6006 21.0694 11.9712 20.6442Z" fill="#1A73E8"/><path d="M20.9374 13.3938L19.3416 14.5538L18.5395 13.337L21.4174 11.2611H22.5206V21.0526H20.9374V13.3938Z" fill="#1A73E8"/><path d="M25.3585 32L32.9374 24.4211L29.148 22.737L25.3585 24.4211L23.6744 28.2106L25.3585 32Z" fill="#EA4335"/><path d="M6.83215 28.2106L8.51631 32H25.3584V24.4211H8.51631L6.83215 28.2106Z" fill="#34A853"/><path d="M3.46368 0C2.068 0 0.937439 1.13056 0.937439 2.52624V24.421L4.72688 26.1051L8.51632 24.421V7.57888H25.3584L27.0426 3.78944L25.3586 0H3.46368Z" fill="#4285F4"/><path d="M0.937439 24.4211V29.4738C0.937439 30.8696 2.068 32 3.46368 32H8.51632V24.4211H0.937439Z" fill="#188038"/><path d="M25.3586 7.57888V24.421H32.9375V7.57888L29.148 5.89472L25.3586 7.57888Z" fill="#FBBC04"/><path d="M32.9375 7.57888V2.52624C32.9375 1.1304 31.8069 0 30.4112 0H25.3586V7.57888H32.9375Z" fill="#1967D2"/></svg> </div> <div> <label for="hs-pro-daicn8" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn8" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Google Calendar </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> A 2-way sync between your scheduled Preline tasks and your Google Calendar. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.8875 15.3054C32.9242 16.2093 32.8209 17.1099 32.5811 17.9792C32.3447 18.8486 31.9716 19.6695 31.4787 20.4141C30.989 21.1593 30.3861 21.8167 29.6935 22.3607L29.6769 22.3745L23.019 27.563L19.7451 30.1433L17.7501 31.7089C17.6335 31.8024 17.5036 31.8716 17.3671 31.9201C17.2305 31.9686 17.084 31.9929 16.9374 31.9929C16.7942 31.9929 16.6477 31.9686 16.5111 31.9201C16.3745 31.8716 16.2447 31.8024 16.1281 31.7089L14.1331 30.1433L10.8591 27.563L4.24125 22.4057L4.20129 22.378L4.18796 22.3641C3.49187 21.8203 2.88904 21.1623 2.39611 20.4176C1.90319 19.6729 1.53016 18.8486 1.29036 17.9792C1.05056 17.1099 0.947313 16.2059 0.98395 15.3019C1.02392 14.3979 1.20044 13.5078 1.51018 12.6626L1.55348 12.5414L5.90654 0.747936C5.92875 0.69021 5.95539 0.634792 5.98648 0.581684C6.01534 0.528576 6.04976 0.478931 6.08972 0.43275C6.12747 0.38426 6.16855 0.339234 6.21295 0.297671C6.25736 0.258417 6.30399 0.221472 6.35284 0.186836C6.45609 0.121028 6.56267 0.0725381 6.67924 0.0448295C6.79248 0.0136573 6.91238 -0.000196993 7.02895 0.00673016C7.14885 0.0136573 7.26542 0.0379024 7.37533 0.0829289C7.48524 0.124492 7.59181 0.186836 7.68507 0.263035C7.72948 0.302289 7.77278 0.343852 7.81496 0.387724C7.85493 0.433905 7.89046 0.483549 7.92154 0.536658C7.95485 0.587457 7.98371 0.641719 8.00814 0.699446C8.03256 0.754863 8.05254 0.812589 8.06809 0.872625L11.0023 10.2139H22.8792L25.8134 0.872625C25.8289 0.812589 25.85 0.754863 25.8767 0.699446C25.9011 0.644029 25.93 0.589766 25.9633 0.536658C25.9944 0.485858 26.0299 0.437368 26.0699 0.391187C26.1098 0.345006 26.1531 0.302289 26.1997 0.263035C26.293 0.186836 26.3962 0.127955 26.5062 0.0829289C26.6194 0.0413659 26.736 0.0171209 26.8525 0.0101937C26.9724 0.00326659 27.089 0.0136573 27.2056 0.0448295C27.3188 0.0760017 27.4287 0.124492 27.5286 0.1903C27.5797 0.222627 27.6275 0.259571 27.6719 0.301134C27.7163 0.340388 27.7573 0.38426 27.7951 0.43275C27.8328 0.48124 27.8673 0.532039 27.8983 0.585148C27.9272 0.638256 27.9527 0.693673 27.9749 0.751399L32.3213 12.5483L32.3646 12.6696C32.6744 13.5112 32.8509 14.4014 32.8875 15.3054Z" fill="#E24329"/><path d="M32.8909 15.309C32.9275 16.2095 32.8243 17.1135 32.5845 17.9829C32.3447 18.8523 31.9717 19.6766 31.4787 20.4213C30.9858 21.1659 30.383 21.824 29.6902 22.3678L29.6736 22.3816L23.0157 27.5701C23.0157 27.5701 20.1881 25.3499 16.9374 22.7903L26.4795 15.2813C26.9092 14.9453 27.3588 14.6371 27.8218 14.3531C28.2847 14.0656 28.7643 13.8093 29.2539 13.5807C29.7468 13.3521 30.2498 13.1477 30.7593 12.978C31.2722 12.8048 31.7918 12.6628 32.3214 12.5485L32.3647 12.6698C32.6744 13.5149 32.8509 14.405 32.8909 15.309Z" fill="#FC6D26"/><path d="M16.9374 22.7903C20.1881 25.343 23.0191 27.5701 23.0191 27.5701L19.7451 30.1504L17.7501 31.716C17.6335 31.8095 17.5036 31.8788 17.3671 31.9273C17.2305 31.9758 17.084 32 16.9374 32C16.7942 32 16.6477 31.9758 16.5111 31.9273C16.3746 31.8788 16.2447 31.8095 16.1281 31.716L14.1331 30.1504L10.8591 27.5701C10.8591 27.5701 13.6868 25.343 16.9374 22.7903Z" fill="#FCA326"/><path d="M16.9374 22.7834C13.6834 25.343 10.8591 27.5631 10.8591 27.5631L4.24125 22.4059L4.20129 22.3782L4.18796 22.3643C3.49187 21.8205 2.88904 21.1625 2.39611 20.4178C1.90319 19.6731 1.53016 18.8488 1.29036 17.9794C1.05056 17.1101 0.947313 16.2061 0.98395 15.3021C1.02392 14.3981 1.20044 13.5079 1.51018 12.6628L1.55348 12.5416C2.08304 12.6559 2.60261 12.7979 3.11552 12.9711C3.6251 13.1443 4.12801 13.3452 4.62094 13.5772C5.11053 13.8058 5.59014 14.0656 6.05309 14.3496C6.51604 14.6336 6.96233 14.9453 7.39531 15.2813L16.9374 22.7834Z" fill="#FC6D26"/></svg> </div> <div> <label for="hs-pro-daicn9" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn9" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Gitlab </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Link git merge requests, branches, and commits to Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.3386 25.481C33.0617 26.7366 33.1317 28.0569 32.5309 29.1006C31.9309 30.1452 30.7569 30.7434 29.31 30.7434H26.5831C26.6155 30.2349 26.637 29.7222 26.637 29.2057C26.637 28.6273 26.6101 28.056 26.5706 27.4866L28.3643 27.4848C28.8053 27.4848 29.1618 27.1265 29.1618 26.6845C29.1617 26.5513 29.1287 26.4202 29.0658 26.3029L17.6337 6.43244C17.5647 6.30951 17.4641 6.20719 17.3424 6.13601C17.2207 6.06483 17.0823 6.02736 16.9413 6.02746C16.8038 6.0275 16.6688 6.06309 16.5491 6.13076C16.4295 6.19844 16.3295 6.29591 16.2587 6.41369L14.4435 9.56893C19.96 13.7275 23.6686 20.1701 24.1761 27.4848C24.2156 28.0533 24.2425 28.6246 24.2425 29.2039C24.2425 29.7203 24.221 30.2323 24.1895 30.7416H15.2841C15.3326 30.2349 15.3605 29.7231 15.3605 29.2039C15.3605 28.6228 15.3263 28.0498 15.2635 27.4848C14.8235 23.4592 12.8528 19.8916 9.95081 17.374L8.70048 19.5459C10.8929 21.5864 12.3893 24.3654 12.7962 27.4848C12.8699 28.0479 12.9112 28.621 12.9112 29.2039C12.9112 29.7231 12.8771 30.2368 12.8187 30.7416H4.56353C3.11659 30.7416 1.94264 30.1425 1.34266 29.0979C0.741815 28.0542 0.811812 26.7348 1.53491 25.4783L3.22984 22.5736C4.19808 23.0945 5.07307 23.7725 5.8191 24.5801L4.80877 26.301C4.74599 26.4185 4.71294 26.5495 4.71252 26.6827C4.71233 26.7876 4.73281 26.8915 4.77281 26.9885C4.81281 27.0854 4.87154 27.1736 4.94563 27.2478C5.01972 27.3221 5.10773 27.381 5.20461 27.4212C5.30149 27.4613 5.40535 27.482 5.51024 27.4821L9.5142 27.4839C9.17834 25.5645 8.29275 23.8328 7.02455 22.4613C6.27721 21.6557 5.40425 20.9738 4.43241 20.4521L8.90347 12.6837C9.85279 13.2144 10.7546 13.826 11.5989 14.5116C15.4521 17.6381 18.0541 22.2557 18.5256 27.4831H20.922C20.4332 21.3718 17.3625 15.9828 12.8052 12.4152C11.9494 11.7449 11.0438 11.1408 10.0963 10.6081L13.9126 3.97779C14.6347 2.72122 15.7393 2 16.9413 2C18.1421 2 19.2459 2.72122 19.969 3.97779L32.3386 25.481Z" class="deds1 dark:fill-neutral-200" fill="currentColor"/></svg> </div> <div> <label for="hs-pro-daicn10" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn10" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Sentry </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect Sentry to Preline to keep track of issues in one place. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card --> <!-- Card --> <div class="xlz15 space-y-4 flex flex-col oo8ro wfm4e d77gl lile3 dark:bg-neutral-800 dark:border-neutral-700"> <!-- Header --> <div class="flex uip67"> <div class="flex flex-col r00n9 items-center guosi wfm4e d77gl ps5iq dark:border-neutral-700"> <svg class="hq6gx ca09w t6rrs dark:text-neutral-500" width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_12670_125260)"><path d="M20.9373 16.007C20.9379 17.1608 20.7297 18.3053 20.3229 19.385C19.2428 19.7917 18.0981 20.0002 16.9439 20.0004H16.9304C15.7419 19.9989 14.6032 19.7816 13.5524 19.3855C13.1454 18.3056 12.937 17.161 12.9374 16.007V15.993C12.9369 14.8394 13.1448 13.6952 13.5512 12.6155C14.6313 12.208 15.7762 11.9995 16.9306 12H16.9441C18.0983 11.9994 19.2431 12.2079 20.3231 12.6154C20.7299 13.6949 20.938 14.8392 20.9374 15.9929V16.0069L20.9373 16.007ZM32.7152 13.3334H23.3757L29.9793 6.72925C29.461 6.00115 28.8828 5.31757 28.2508 4.68563V4.68512C27.6188 4.05386 26.9354 3.47621 26.2077 2.95813L19.6036 9.56225V0.22275C18.7252 0.074991 17.8361 0.000484612 16.9454 0L16.9289 0C16.0229 0.0005 15.1356 0.0775 14.2708 0.22275V9.56225L7.66669 2.95813C6.93887 3.47607 6.25577 4.05413 5.62456 4.68625L5.62106 4.68875C4.99013 5.3199 4.41277 6.00242 3.89494 6.72925L10.4996 13.3334H1.16019C1.16019 13.3334 0.937439 15.0875 0.937439 15.9945V16.0055C0.937439 16.9125 1.01431 17.8014 1.16019 18.6666H10.4997L3.89506 25.2708C4.93402 26.7288 6.20869 28.0034 7.66669 29.0424L14.2708 22.4377V31.7778C15.1482 31.9248 16.0362 31.9991 16.9258 32H16.9484C17.8381 31.9992 18.7261 31.9249 19.6034 31.7778V22.4377L26.2082 29.0424C26.9357 28.5241 27.619 27.9463 28.2508 27.3149L28.2523 27.3134C28.8835 26.6814 29.4611 25.9982 29.9793 25.2708L23.3747 18.6666H32.7152C32.8606 17.8029 32.9364 16.9166 32.9374 16.0116V15.9884C32.9364 15.0834 32.8606 14.1971 32.7152 13.3334Z" fill="#FF4A00"/></g><defs><clipPath id="clip0_12670_125260"><rect width="32" height="32" fill="white" transform="translate(0.937439)"/></clipPath></defs></svg> </div> <div> <label for="hs-pro-daicn11" class="relative i7oig apc69 flex items-center r00n9 f95h4 wfm4e d77gl cursor-pointer vo20k cm336 ps5iq peer-checked:bg-gray-100 tgrws hnguy mo94q dark:border-neutral-700 dark:peer-checked:bg-neutral-800 dark:hover:border-neutral-600 dark:focus:border-neutral-600"> <input type="checkbox" id="hs-pro-daicn11" class="peer hidden" > <span class="relative bo1ta bp13m dark:text-neutral-200 peer-checked:hidden"> Connect </span> <span class="relative bo1ta hidden peer-checked:flex items-center vrcxw bp13m dark: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"><path d="M20 6 9 17l-5-5"/></svg> Connected </span> </label> </div> </div> <!-- End Header --> <!-- Body --> <div> <h3 class="vo20k bp13m dark:text-neutral-200"> Zapier </h3> <p class="xe8oj t5ziw t6rrs dark:text-neutral-500"> Connect Zapier to set up custom workflows rjx3z Preline. </p> </div> <!-- End Body --> <button type="button" class="i7oig apc69 i65bn inline-flex r00n9 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"> View integration </button> </div> <!-- End Card -->
Subscribe
Get all the latest Preline updates and news.
All examples
Close
Close