<section class="pt-24 pb-32 bg-gray-100 overflow-hidden">
<div class="container px-4 mx-auto">
<div class="max-w-xl text-center mx-auto">
<span class="inline-block mb-4 px-3 py-1.5 text-sm text-white uppercase tracking-tight font-semibold bg-gray-600 rounded-full" style="background: url('basko-assets/images/gradient.png'); background-repeat: no-repeat; background-size: cover;">Try some freebie</span>
<h2 class="font-heading mb-4 text-6xl tracking-tighter">Integrate it with your favourite tools</h2>
<p class="mb-16 text-xl tracking-tight">Whereby is the super simple way to connect over video of apps, downloads, or long meeting links enim mi turpis.</p>
</div>
<div class="relative max-w-4xl mx-auto overflow-hidden">
<div class="absolute top-0 left-0 w-24 md:w-96 h-full" style="background: linear-gradient(90deg, #F3F7FA 10.94%, rgba(243, 247, 250, 0) 100%);"></div>
<div class="absolute top-0 right-0 w-24 md:w-96 h-full transform rotate-180" style="background: linear-gradient(90deg, #F3F7FA 10.94%, rgba(243, 247, 250, 0) 100%);"></div>
<div class="flex flex-wrap justify-center -m-1.5">
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9995 0.439941C5.16725 0.439941 0.439453 5.16774 0.439453 10.9999C0.439453 16.8321 5.16725 21.5599 10.9995 21.5599C16.8317 21.5599 21.5595 16.8321 21.5595 10.9999C21.5595 5.16774 16.8317 0.439941 10.9995 0.439941ZM8.41445 15.3768H6.27605V8.49524H8.41445V15.3768ZM7.33205 7.65044C6.65665 7.65044 6.21995 7.17194 6.21995 6.58014C6.21995 5.97624 6.66985 5.51204 7.35955 5.51204C8.04925 5.51204 8.47165 5.97624 8.48485 6.58014C8.48485 7.17194 8.04925 7.65044 7.33205 7.65044ZM16.2245 15.3768H14.0861V11.5631C14.0861 10.6754 13.7759 10.0726 13.0026 10.0726C12.4119 10.0726 12.061 10.4807 11.9059 10.8734C11.8487 11.0131 11.8344 11.2111 11.8344 11.408V15.3757H9.69485V10.6897C9.69485 9.83064 9.66735 9.11234 9.63875 8.49414H11.4967L11.5946 9.45004H11.6375C11.9191 9.00124 12.6088 8.33904 13.7627 8.33904C15.1696 8.33904 16.2245 9.28174 16.2245 11.3079V15.3768Z" fill="#70A8CF"></path>
</svg>
</div>
<span class="font-bold tracking-tight">LinkedIn</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.319 14.6094C18.319 14.3993 18.214 14.2704 18.0039 14.2227C17.3641 14.0794 16.8008 13.7977 16.3138 13.3776C15.8268 12.9575 15.4449 12.4418 15.168 11.8307C15.1011 11.6493 15.0677 11.5299 15.0677 11.4727C15.0677 11.3294 15.1608 11.2053 15.347 11.1003C15.5332 10.9952 15.7385 10.9141 15.9629 10.8568C16.1873 10.7995 16.3926 10.7016 16.5788 10.5632C16.765 10.4247 16.8581 10.2504 16.8581 10.0404C16.8581 9.85894 16.7697 9.70855 16.5931 9.58919C16.4165 9.46984 16.2326 9.41016 16.0417 9.41016C15.9271 9.41016 15.7743 9.44835 15.5833 9.52474C15.3924 9.60113 15.2444 9.63932 15.1393 9.63932C15.1011 9.63932 15.0438 9.62977 14.9674 9.61068C15.0152 8.70356 15.0391 8.15929 15.0391 7.97786C15.0391 7.22352 14.9579 6.67925 14.7956 6.34505C14.4518 5.60026 13.9601 5.02018 13.3203 4.60482C12.6806 4.18945 11.9549 3.98177 11.1432 3.98177C9.24306 3.98177 7.93012 4.76953 7.20443 6.34505C7.0421 6.67925 6.96094 7.22352 6.96094 7.97786C6.96094 8.15929 6.98481 8.70356 7.03255 9.61068C6.99436 9.62977 6.92752 9.63932 6.83203 9.63932C6.71745 9.63932 6.56467 9.60352 6.3737 9.5319C6.18273 9.46029 6.0395 9.42448 5.94401 9.42448C5.74349 9.42448 5.55968 9.48177 5.39258 9.59635C5.22548 9.71094 5.14193 9.86372 5.14193 10.0547C5.14193 10.2552 5.23503 10.4247 5.42122 10.5632C5.60742 10.7016 5.81272 10.7995 6.03711 10.8568C6.2615 10.9141 6.4668 10.9952 6.65299 11.1003C6.83919 11.2053 6.93229 11.3294 6.93229 11.4727C6.93229 11.5299 6.89887 11.6493 6.83203 11.8307C6.22092 13.1484 5.27561 13.9457 3.99609 14.2227C3.78602 14.2704 3.68099 14.3993 3.68099 14.6094C3.68099 15.0486 4.33507 15.3733 5.64323 15.5833C5.66233 15.6311 5.69097 15.7552 5.72917 15.9557C5.76736 16.1563 5.82227 16.3019 5.89388 16.3926C5.96549 16.4833 6.07769 16.5286 6.23047 16.5286C6.34505 16.5286 6.52409 16.5072 6.76758 16.4642C7.01107 16.4212 7.19965 16.3997 7.33333 16.3997C7.66753 16.3997 7.98741 16.4714 8.29297 16.6146C8.59852 16.7578 8.85634 16.913 9.06641 17.0801C9.27648 17.2472 9.551 17.4023 9.88997 17.5456C10.2289 17.6888 10.5942 17.7604 10.9857 17.7604C11.3963 17.7604 11.7734 17.6888 12.1172 17.5456C12.4609 17.4023 12.7355 17.2472 12.9408 17.0801C13.1461 16.913 13.4015 16.7578 13.707 16.6146C14.0126 16.4714 14.3325 16.3997 14.6667 16.3997C14.8003 16.3997 14.9889 16.4188 15.2324 16.457C15.4759 16.4952 15.6597 16.5143 15.7839 16.5143C15.9366 16.5143 16.0464 16.4666 16.1133 16.3711C16.1801 16.2756 16.2326 16.1324 16.2708 15.9414C16.309 15.7504 16.3377 15.6311 16.3568 15.5833C17.6649 15.3733 18.319 15.0486 18.319 14.6094ZM22 11C22 12.9957 21.5082 14.8362 20.5247 16.5215C19.5412 18.2068 18.2068 19.5412 16.5215 20.5247C14.8362 21.5082 12.9957 22 11 22C9.00434 22 7.16385 21.5082 5.47852 20.5247C3.79319 19.5412 2.45877 18.2068 1.47526 16.5215C0.491754 14.8362 0 12.9957 0 11C0 9.00434 0.491754 7.16385 1.47526 5.47852C2.45877 3.79319 3.79319 2.45877 5.47852 1.47526C7.16385 0.491754 9.00434 0 11 0C12.9957 0 14.8362 0.491754 16.5215 1.47526C18.2068 2.45877 19.5412 3.79319 20.5247 5.47852C21.5082 7.16385 22 9.00434 22 11Z" fill="#FDE15E"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Snaptchat</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9995 0.439941C5.16725 0.439941 0.439453 5.16774 0.439453 10.9999C0.439453 16.8321 5.16725 21.5599 10.9995 21.5599C16.8317 21.5599 21.5595 16.8321 21.5595 10.9999C21.5595 5.16774 16.8317 0.439941 10.9995 0.439941ZM13.5009 7.73734H11.9136C11.7255 7.73734 11.5165 7.98484 11.5165 8.31374V9.45994H13.502L13.2017 11.0945H11.5165V16.0016H9.64315V11.0945H7.94365V9.45994H9.64315V8.49854C9.64315 7.11914 10.6002 5.99824 11.9136 5.99824H13.5009V7.73734Z" fill="#2977EE"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Facebook</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9995 0.439941C5.16725 0.439941 0.439453 5.16774 0.439453 10.9999C0.439453 16.8321 5.16725 21.5599 10.9995 21.5599C16.8317 21.5599 21.5595 16.8321 21.5595 10.9999C21.5595 5.16774 16.8317 0.439941 10.9995 0.439941ZM8.41445 15.3768H6.27605V8.49524H8.41445V15.3768ZM7.33205 7.65044C6.65665 7.65044 6.21995 7.17194 6.21995 6.58014C6.21995 5.97624 6.66985 5.51204 7.35955 5.51204C8.04925 5.51204 8.47165 5.97624 8.48485 6.58014C8.48485 7.17194 8.04925 7.65044 7.33205 7.65044ZM16.2245 15.3768H14.0861V11.5631C14.0861 10.6754 13.7759 10.0726 13.0026 10.0726C12.4119 10.0726 12.061 10.4807 11.9059 10.8734C11.8487 11.0131 11.8344 11.2111 11.8344 11.408V15.3757H9.69485V10.6897C9.69485 9.83064 9.66735 9.11234 9.63875 8.49414H11.4967L11.5946 9.45004H11.6375C11.9191 9.00124 12.6088 8.33904 13.7627 8.33904C15.1696 8.33904 16.2245 9.28174 16.2245 11.3079V15.3768Z" fill="#70A8CF"></path>
</svg>
</div>
<span class="font-bold tracking-tight">LinkedIn</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.319 14.6094C18.319 14.3993 18.214 14.2704 18.0039 14.2227C17.3641 14.0794 16.8008 13.7977 16.3138 13.3776C15.8268 12.9575 15.4449 12.4418 15.168 11.8307C15.1011 11.6493 15.0677 11.5299 15.0677 11.4727C15.0677 11.3294 15.1608 11.2053 15.347 11.1003C15.5332 10.9952 15.7385 10.9141 15.9629 10.8568C16.1873 10.7995 16.3926 10.7016 16.5788 10.5632C16.765 10.4247 16.8581 10.2504 16.8581 10.0404C16.8581 9.85894 16.7697 9.70855 16.5931 9.58919C16.4165 9.46984 16.2326 9.41016 16.0417 9.41016C15.9271 9.41016 15.7743 9.44835 15.5833 9.52474C15.3924 9.60113 15.2444 9.63932 15.1393 9.63932C15.1011 9.63932 15.0438 9.62977 14.9674 9.61068C15.0152 8.70356 15.0391 8.15929 15.0391 7.97786C15.0391 7.22352 14.9579 6.67925 14.7956 6.34505C14.4518 5.60026 13.9601 5.02018 13.3203 4.60482C12.6806 4.18945 11.9549 3.98177 11.1432 3.98177C9.24306 3.98177 7.93012 4.76953 7.20443 6.34505C7.0421 6.67925 6.96094 7.22352 6.96094 7.97786C6.96094 8.15929 6.98481 8.70356 7.03255 9.61068C6.99436 9.62977 6.92752 9.63932 6.83203 9.63932C6.71745 9.63932 6.56467 9.60352 6.3737 9.5319C6.18273 9.46029 6.0395 9.42448 5.94401 9.42448C5.74349 9.42448 5.55968 9.48177 5.39258 9.59635C5.22548 9.71094 5.14193 9.86372 5.14193 10.0547C5.14193 10.2552 5.23503 10.4247 5.42122 10.5632C5.60742 10.7016 5.81272 10.7995 6.03711 10.8568C6.2615 10.9141 6.4668 10.9952 6.65299 11.1003C6.83919 11.2053 6.93229 11.3294 6.93229 11.4727C6.93229 11.5299 6.89887 11.6493 6.83203 11.8307C6.22092 13.1484 5.27561 13.9457 3.99609 14.2227C3.78602 14.2704 3.68099 14.3993 3.68099 14.6094C3.68099 15.0486 4.33507 15.3733 5.64323 15.5833C5.66233 15.6311 5.69097 15.7552 5.72917 15.9557C5.76736 16.1563 5.82227 16.3019 5.89388 16.3926C5.96549 16.4833 6.07769 16.5286 6.23047 16.5286C6.34505 16.5286 6.52409 16.5072 6.76758 16.4642C7.01107 16.4212 7.19965 16.3997 7.33333 16.3997C7.66753 16.3997 7.98741 16.4714 8.29297 16.6146C8.59852 16.7578 8.85634 16.913 9.06641 17.0801C9.27648 17.2472 9.551 17.4023 9.88997 17.5456C10.2289 17.6888 10.5942 17.7604 10.9857 17.7604C11.3963 17.7604 11.7734 17.6888 12.1172 17.5456C12.4609 17.4023 12.7355 17.2472 12.9408 17.0801C13.1461 16.913 13.4015 16.7578 13.707 16.6146C14.0126 16.4714 14.3325 16.3997 14.6667 16.3997C14.8003 16.3997 14.9889 16.4188 15.2324 16.457C15.4759 16.4952 15.6597 16.5143 15.7839 16.5143C15.9366 16.5143 16.0464 16.4666 16.1133 16.3711C16.1801 16.2756 16.2326 16.1324 16.2708 15.9414C16.309 15.7504 16.3377 15.6311 16.3568 15.5833C17.6649 15.3733 18.319 15.0486 18.319 14.6094ZM22 11C22 12.9957 21.5082 14.8362 20.5247 16.5215C19.5412 18.2068 18.2068 19.5412 16.5215 20.5247C14.8362 21.5082 12.9957 22 11 22C9.00434 22 7.16385 21.5082 5.47852 20.5247C3.79319 19.5412 2.45877 18.2068 1.47526 16.5215C0.491754 14.8362 0 12.9957 0 11C0 9.00434 0.491754 7.16385 1.47526 5.47852C2.45877 3.79319 3.79319 2.45877 5.47852 1.47526C7.16385 0.491754 9.00434 0 11 0C12.9957 0 14.8362 0.491754 16.5215 1.47526C18.2068 2.45877 19.5412 3.79319 20.5247 5.47852C21.5082 7.16385 22 9.00434 22 11Z" fill="#FDE15E"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Snapchat</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.7628 10.8162L10.2922 9.66344C10.0766 9.56334 9.89945 9.67554 9.89945 9.91424V12.0856C9.89945 12.3243 10.0766 12.4365 10.2922 12.3364L12.7617 11.1836C12.9784 11.0824 12.9784 10.9174 12.7628 10.8162ZM10.9995 0.439941C5.16725 0.439941 0.439453 5.16774 0.439453 10.9999C0.439453 16.8321 5.16725 21.5599 10.9995 21.5599C16.8317 21.5599 21.5595 16.8321 21.5595 10.9999C21.5595 5.16774 16.8317 0.439941 10.9995 0.439941ZM10.9995 15.2899C5.59405 15.2899 5.49945 14.8026 5.49945 10.9999C5.49945 7.19724 5.59405 6.70994 10.9995 6.70994C16.4049 6.70994 16.4995 7.19724 16.4995 10.9999C16.4995 14.8026 16.4049 15.2899 10.9995 15.2899Z" fill="#F60D19"></path>
</svg>
</div>
<span class="font-bold tracking-tight">YouTube</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#B71610"></circle>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.25434 10.5919L9.78434 11.8259C10.2708 12.0634 10.1958 12.7789 9.67034 12.9099L6.93934 13.5909C6.59884 13.6759 6.26234 13.4409 6.22234 13.0919C6.13818 12.3622 6.21603 11.623 6.45034 10.9269C6.47679 10.8488 6.51956 10.7773 6.57582 10.7171C6.63208 10.6569 6.70052 10.6093 6.7766 10.5776C6.85268 10.5459 6.93463 10.5308 7.01701 10.5333C7.09939 10.5357 7.1803 10.5557 7.25434 10.5919ZM8.26734 15.7999L10.1503 13.7084C10.5123 13.3059 11.1798 13.5759 11.1603 14.1169L11.0623 16.9304C11.0594 17.013 11.0389 17.094 11.0022 17.1681C10.9654 17.2421 10.9132 17.3075 10.8492 17.3597C10.7852 17.412 10.7107 17.45 10.6308 17.4711C10.5509 17.4923 10.4674 17.4961 10.3858 17.4824C9.66228 17.3605 8.97408 17.082 8.36934 16.6664C8.30127 16.6196 8.24399 16.5588 8.20132 16.4881C8.15865 16.4173 8.13158 16.3383 8.12192 16.2563C8.11226 16.1742 8.12024 16.0911 8.14532 16.0124C8.1704 15.9337 8.212 15.8612 8.26734 15.7999ZM12.7318 13.0169L15.4083 13.8869C15.7413 13.9949 15.9038 14.3719 15.7533 14.6879C15.4374 15.3502 14.9806 15.9355 14.4148 16.4029C14.3511 16.4555 14.2768 16.494 14.197 16.5156C14.1172 16.5372 14.0337 16.5416 13.9521 16.5283C13.8705 16.5151 13.7926 16.4845 13.7238 16.4387C13.6549 16.393 13.5967 16.333 13.5528 16.2629L12.0608 13.8754C11.7738 13.4164 12.2168 12.8494 12.7318 13.0169ZM15.4538 11.3094L12.7483 12.0854C12.2278 12.2344 11.8048 11.6524 12.1073 11.2034L13.6818 8.86989C13.7279 8.80157 13.7879 8.74383 13.858 8.70053C13.9281 8.65722 14.0066 8.62934 14.0883 8.61875C14.17 8.60815 14.253 8.61508 14.3318 8.63907C14.4106 8.66306 14.4834 8.70357 14.5453 8.75789C15.0963 9.2436 15.5334 9.84489 15.8253 10.5189C15.8584 10.5947 15.8749 10.6766 15.8737 10.7593C15.8726 10.842 15.8538 10.9235 15.8186 10.9983C15.7835 11.0731 15.7327 11.1396 15.6698 11.1932C15.6069 11.2469 15.5333 11.2865 15.4538 11.3094ZM9.13184 4.74439C8.64484 4.87439 8.18034 5.04689 7.74084 5.25639C7.66877 5.29098 7.60463 5.3401 7.55244 5.40066C7.50025 5.46121 7.46114 5.5319 7.43757 5.60829C7.414 5.68468 7.40648 5.76512 7.41547 5.84456C7.42447 5.92399 7.44979 6.00071 7.48984 6.06989L10.1343 10.6499C10.4308 11.1639 11.2163 10.9534 11.2163 10.3599V5.07139C11.2164 4.99146 11.2 4.91238 11.1681 4.8391C11.1362 4.76582 11.0894 4.69992 11.0308 4.64556C10.9723 4.59119 10.9031 4.54952 10.8276 4.52316C10.7521 4.49681 10.672 4.48633 10.5923 4.49239C10.1073 4.53089 9.61884 4.61389 9.13184 4.74439Z" fill="white"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Yelp</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9995 0.439941C5.16725 0.439941 0.439453 5.16774 0.439453 10.9999C0.439453 16.8321 5.16725 21.5599 10.9995 21.5599C16.8317 21.5599 21.5595 16.8321 21.5595 10.9999C21.5595 5.16774 16.8317 0.439941 10.9995 0.439941ZM15.295 9.09034C15.2994 9.18054 15.3005 9.27074 15.3005 9.35874C15.3005 12.1087 13.2094 15.2778 9.38355 15.2778C8.25308 15.2797 7.14612 14.955 6.19575 14.3428C6.35745 14.3626 6.52355 14.3703 6.69185 14.3703C7.66645 14.3703 8.56295 14.0392 9.27465 13.4804C8.84094 13.4719 8.42069 13.3283 8.07247 13.0696C7.72426 12.8109 7.46543 12.45 7.33205 12.0372C7.64352 12.0965 7.96439 12.0841 8.27035 12.0009C7.79961 11.9057 7.37627 11.6507 7.07213 11.279C6.76799 10.9073 6.60177 10.4418 6.60165 9.96154V9.93624C6.88215 10.0913 7.20335 10.1859 7.54435 10.1969C7.10303 9.90316 6.79062 9.45188 6.671 8.93539C6.55139 8.41889 6.63361 7.87622 6.90085 7.41834C7.4233 8.06074 8.07484 8.58626 8.81328 8.96088C9.55172 9.3355 10.3606 9.55087 11.1876 9.59304C11.0824 9.14678 11.1277 8.67829 11.3163 8.2604C11.5049 7.8425 11.8262 7.49863 12.2304 7.28223C12.6346 7.06583 13.099 6.98904 13.5513 7.06378C14.0037 7.13852 14.4187 7.36062 14.7318 7.69554C15.1972 7.60344 15.6436 7.4327 16.0518 7.19064C15.8966 7.67259 15.5718 8.08183 15.1377 8.34234C15.55 8.29268 15.9526 8.18183 16.3323 8.01344C16.0534 8.43132 15.7021 8.79602 15.295 9.09034Z" fill="#60ACEC"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Twitter</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9995 0.439941C5.16725 0.439941 0.439453 5.16774 0.439453 10.9999C0.439453 16.8321 5.16725 21.5599 10.9995 21.5599C16.8317 21.5599 21.5595 16.8321 21.5595 10.9999C21.5595 5.16774 16.8317 0.439941 10.9995 0.439941ZM11.7222 13.5024C11.0446 13.4507 10.7608 13.1152 10.2306 12.794C9.93905 14.3241 9.58265 15.7915 8.52665 16.5582C8.19995 14.2438 9.00405 12.508 9.37805 10.6633C8.74115 9.59084 9.45395 7.43374 10.7982 7.96394C12.4515 8.61954 9.36595 11.9514 11.4373 12.3683C13.5999 12.8017 14.4832 8.61514 13.1423 7.25554C11.2041 5.28984 7.50255 7.21044 7.95795 10.0242C8.06795 10.7117 8.77965 10.9207 8.24175 11.87C7.00205 11.595 6.63135 10.6171 6.67975 9.31364C6.75565 7.17964 8.59705 5.68474 10.4429 5.47904C12.7782 5.21944 14.9694 6.33594 15.273 8.53374C15.6129 11.0131 14.2181 13.696 11.7222 13.5024Z" fill="#D86D74"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Pinterest</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.7628 10.8162L10.2922 9.66344C10.0766 9.56334 9.89945 9.67554 9.89945 9.91424V12.0856C9.89945 12.3243 10.0766 12.4365 10.2922 12.3364L12.7617 11.1836C12.9784 11.0824 12.9784 10.9174 12.7628 10.8162ZM10.9995 0.439941C5.16725 0.439941 0.439453 5.16774 0.439453 10.9999C0.439453 16.8321 5.16725 21.5599 10.9995 21.5599C16.8317 21.5599 21.5595 16.8321 21.5595 10.9999C21.5595 5.16774 16.8317 0.439941 10.9995 0.439941ZM10.9995 15.2899C5.59405 15.2899 5.49945 14.8026 5.49945 10.9999C5.49945 7.19724 5.59405 6.70994 10.9995 6.70994C16.4049 6.70994 16.4995 7.19724 16.4995 10.9999C16.4995 14.8026 16.4049 15.2899 10.9995 15.2899Z" fill="#F60D19"></path>
</svg>
</div>
<span class="font-bold tracking-tight">YouTube</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block mr-1.5">
<img src="basko-assets/images/integrations/messenger.svg" alt="">
</div>
<span class="font-bold tracking-tight">Messenger</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#4B59EF"></circle>
<path d="M16.0446 7.33128C15.2133 6.94378 14.3133 6.66253 13.3758 6.50003C13.3676 6.49977 13.3594 6.50131 13.3519 6.50455C13.3443 6.50779 13.3375 6.51265 13.3321 6.51878C13.2196 6.72503 13.0883 6.99378 13.0008 7.20003C12.0064 7.05003 10.9952 7.05003 10.0008 7.20003C9.91331 6.98753 9.78206 6.72503 9.66331 6.51878C9.65706 6.50628 9.63831 6.50003 9.61956 6.50003C8.68206 6.66253 7.78831 6.94378 6.95081 7.33128C6.94456 7.33128 6.93831 7.33753 6.93206 7.34378C5.23206 9.88753 4.76331 12.3625 4.99456 14.8125C4.99456 14.825 5.00081 14.8375 5.01331 14.8438C6.13831 15.6688 7.21956 16.1688 8.28831 16.5C8.30706 16.5063 8.32581 16.5 8.33206 16.4875C8.58206 16.1438 8.80706 15.7813 9.00081 15.4C9.01331 15.375 9.00081 15.35 8.97581 15.3438C8.61956 15.2063 8.28206 15.0438 7.95081 14.8563C7.92581 14.8438 7.92581 14.8063 7.94456 14.7875C8.01331 14.7375 8.08206 14.6813 8.15081 14.6313C8.16331 14.6188 8.18206 14.6188 8.19456 14.625C10.3446 15.6063 12.6633 15.6063 14.7883 14.625C14.8008 14.6188 14.8196 14.6188 14.8321 14.6313C14.9008 14.6875 14.9696 14.7375 15.0383 14.7938C15.0633 14.8125 15.0633 14.85 15.0321 14.8625C14.7071 15.0563 14.3633 15.2125 14.0071 15.35C13.9821 15.3563 13.9758 15.3875 13.9821 15.4063C14.1821 15.7875 14.4071 16.15 14.6508 16.4938C14.6696 16.5 14.6883 16.5063 14.7071 16.5C15.7821 16.1688 16.8633 15.6688 17.9883 14.8438C18.0008 14.8375 18.0071 14.825 18.0071 14.8125C18.2821 11.9813 17.5508 9.52503 16.0696 7.34378C16.0633 7.33753 16.0571 7.33128 16.0446 7.33128ZM9.32581 13.3188C8.68206 13.3188 8.14456 12.725 8.14456 11.9938C8.14456 11.2625 8.66956 10.6688 9.32581 10.6688C9.98831 10.6688 10.5133 11.2688 10.5071 11.9938C10.5071 12.725 9.98206 13.3188 9.32581 13.3188ZM13.6821 13.3188C13.0383 13.3188 12.5008 12.725 12.5008 11.9938C12.5008 11.2625 13.0258 10.6688 13.6821 10.6688C14.3446 10.6688 14.8696 11.2688 14.8633 11.9938C14.8633 12.725 14.3446 13.3188 13.6821 13.3188Z" fill="white"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Discord</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<img class="mr-1.5" src="basko-assets/images/integrations/instagram.svg" alt="">
</div>
<span class="font-bold tracking-tight">Instagram</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<img class="mr-1.5" src="basko-assets/images/integrations/messenger.svg" alt="">
</div>
<span class="font-bold tracking-tight">Messenger</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#4B59EF"></circle>
<path d="M16.0446 7.33128C15.2133 6.94378 14.3133 6.66253 13.3758 6.50003C13.3676 6.49977 13.3594 6.50131 13.3519 6.50455C13.3443 6.50779 13.3375 6.51265 13.3321 6.51878C13.2196 6.72503 13.0883 6.99378 13.0008 7.20003C12.0064 7.05003 10.9952 7.05003 10.0008 7.20003C9.91331 6.98753 9.78206 6.72503 9.66331 6.51878C9.65706 6.50628 9.63831 6.50003 9.61956 6.50003C8.68206 6.66253 7.78831 6.94378 6.95081 7.33128C6.94456 7.33128 6.93831 7.33753 6.93206 7.34378C5.23206 9.88753 4.76331 12.3625 4.99456 14.8125C4.99456 14.825 5.00081 14.8375 5.01331 14.8438C6.13831 15.6688 7.21956 16.1688 8.28831 16.5C8.30706 16.5063 8.32581 16.5 8.33206 16.4875C8.58206 16.1438 8.80706 15.7813 9.00081 15.4C9.01331 15.375 9.00081 15.35 8.97581 15.3438C8.61956 15.2063 8.28206 15.0438 7.95081 14.8563C7.92581 14.8438 7.92581 14.8063 7.94456 14.7875C8.01331 14.7375 8.08206 14.6813 8.15081 14.6313C8.16331 14.6188 8.18206 14.6188 8.19456 14.625C10.3446 15.6063 12.6633 15.6063 14.7883 14.625C14.8008 14.6188 14.8196 14.6188 14.8321 14.6313C14.9008 14.6875 14.9696 14.7375 15.0383 14.7938C15.0633 14.8125 15.0633 14.85 15.0321 14.8625C14.7071 15.0563 14.3633 15.2125 14.0071 15.35C13.9821 15.3563 13.9758 15.3875 13.9821 15.4063C14.1821 15.7875 14.4071 16.15 14.6508 16.4938C14.6696 16.5 14.6883 16.5063 14.7071 16.5C15.7821 16.1688 16.8633 15.6688 17.9883 14.8438C18.0008 14.8375 18.0071 14.825 18.0071 14.8125C18.2821 11.9813 17.5508 9.52503 16.0696 7.34378C16.0633 7.33753 16.0571 7.33128 16.0446 7.33128ZM9.32581 13.3188C8.68206 13.3188 8.14456 12.725 8.14456 11.9938C8.14456 11.2625 8.66956 10.6688 9.32581 10.6688C9.98831 10.6688 10.5133 11.2688 10.5071 11.9938C10.5071 12.725 9.98206 13.3188 9.32581 13.3188ZM13.6821 13.3188C13.0383 13.3188 12.5008 12.725 12.5008 11.9938C12.5008 11.2625 13.0258 10.6688 13.6821 10.6688C14.3446 10.6688 14.8696 11.2688 14.8633 11.9938C14.8633 12.725 14.3446 13.3188 13.6821 13.3188Z" fill="white"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Discord</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#8D47FB"></circle>
<path d="M10.7604 6.9535H11.7138V9.80683H10.7604M13.3804 6.9535H14.3338V9.80683H13.3804M7.66711 4.3335L5.28711 6.7135V15.2868H8.14044V17.6668L10.5271 15.2868H12.4271L16.7138 11.0002V4.3335M15.7604 10.5268L13.8604 12.4268H11.9538L10.2871 14.0935V12.4268H8.14044V5.28683H15.7604V10.5268Z" fill="white"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Twitch</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#F7603A"></circle>
<path d="M11.225 9.54385V14.6251H16.7C17.8563 14.5438 18.375 13.8313 18.375 12.9563C18.375 12.0313 17.675 11.2876 16.7375 11.2876C16.5 11.2876 16.3 11.3376 16.0938 11.4251C15.9438 9.9626 14.7 8.81885 13.1688 8.81885C12.4375 8.81885 11.7438 9.09385 11.225 9.54385ZM10.675 10.1813C10.4875 10.0688 10.2875 9.98135 10.0688 9.9376V14.6251H10.9375V9.8376C10.8438 9.9376 10.7563 10.0626 10.675 10.1813ZM9.20625 9.84385V14.6251H9.78125V9.8626C9.6625 9.84385 9.54375 9.8376 9.41875 9.8376C9.34375 9.8376 9.275 9.8376 9.20625 9.84385ZM8.0625 10.2501V14.6251H8.63125V9.9626C8.425 10.0313 8.23125 10.1313 8.0625 10.2501ZM7.01875 11.8126C6.98125 11.8126 6.94375 11.7751 6.9 11.7563V14.6251H7.475V10.7876C7.24375 11.0876 7.0875 11.4438 7.01875 11.8126ZM5.74375 11.6376V14.5688C5.875 14.6063 6.025 14.6251 6.1875 14.6251H6.325V11.5876C6.275 11.5813 6.225 11.5751 6.1875 11.5751C6.025 11.5751 5.875 11.6001 5.74375 11.6376ZM4.625 13.1001C4.625 13.5688 4.8375 13.9813 5.16875 14.2626V11.9438C4.8375 12.2188 4.625 12.6376 4.625 13.1001Z" fill="white"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Soundcloud</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.7628 10.8162L10.2922 9.66344C10.0766 9.56334 9.89945 9.67554 9.89945 9.91424V12.0856C9.89945 12.3243 10.0766 12.4365 10.2922 12.3364L12.7617 11.1836C12.9784 11.0824 12.9784 10.9174 12.7628 10.8162ZM10.9995 0.439941C5.16725 0.439941 0.439453 5.16774 0.439453 10.9999C0.439453 16.8321 5.16725 21.5599 10.9995 21.5599C16.8317 21.5599 21.5595 16.8321 21.5595 10.9999C21.5595 5.16774 16.8317 0.439941 10.9995 0.439941ZM10.9995 15.2899C5.59405 15.2899 5.49945 14.8026 5.49945 10.9999C5.49945 7.19724 5.59405 6.70994 10.9995 6.70994C16.4049 6.70994 16.4995 7.19724 16.4995 10.9999C16.4995 14.8026 16.4049 15.2899 10.9995 15.2899Z" fill="#F60D19"></path>
</svg>
</div>
<span class="font-bold tracking-tight">YouTube</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<img class="mr-1.5" src="basko-assets/images/integrations/reddit.svg" alt="">
</div>
<span class="font-bold tracking-tight">Reddit</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#8D47FB"></circle>
<path d="M10.7604 6.9535H11.7138V9.80683H10.7604M13.3804 6.9535H14.3338V9.80683H13.3804M7.66711 4.3335L5.28711 6.7135V15.2868H8.14044V17.6668L10.5271 15.2868H12.4271L16.7138 11.0002V4.3335M15.7604 10.5268L13.8604 12.4268H11.9538L10.2871 14.0935V12.4268H8.14044V5.28683H15.7604V10.5268Z" fill="white"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Twitch</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#8D47FB"></circle>
<path d="M10.7604 6.9535H11.7138V9.80683H10.7604M13.3804 6.9535H14.3338V9.80683H13.3804M7.66711 4.3335L5.28711 6.7135V15.2868H8.14044V17.6668L10.5271 15.2868H12.4271L16.7138 11.0002V4.3335M15.7604 10.5268L13.8604 12.4268H11.9538L10.2871 14.0935V12.4268H8.14044V5.28683H15.7604V10.5268Z" fill="white"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Dribble</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#8D47FB"></circle>
<path d="M10.7604 6.9535H11.7138V9.80683H10.7604M13.3804 6.9535H14.3338V9.80683H13.3804M7.66711 4.3335L5.28711 6.7135V15.2868H8.14044V17.6668L10.5271 15.2868H12.4271L16.7138 11.0002V4.3335M15.7604 10.5268L13.8604 12.4268H11.9538L10.2871 14.0935V12.4268H8.14044V5.28683H15.7604V10.5268Z" fill="white"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Medium</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<img class="mr-1.5" src="basko-assets/images/integrations/google.svg" alt="">
</div>
<span class="font-bold tracking-tight">Google</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5041 6.05332C12.8679 5.4873 12.1041 5.08393 11.2779 4.87776C10.4517 4.67159 9.58786 4.66877 8.76035 4.86953C8.90645 5.06504 9.8668 6.37129 10.7326 7.96328C12.6125 7.25859 13.4074 6.18867 13.5041 6.05332ZM10.9023 10.8766C7.92246 11.9143 6.85039 13.9832 6.75586 14.1766C7.65176 14.8748 8.77754 15.2916 10 15.2916C10.7326 15.2916 11.4309 15.1434 12.0646 14.8727C11.9852 14.4086 11.6801 12.793 10.9367 10.8637L10.9023 10.8766ZM11.9271 10.6209C12.6189 12.5201 12.9004 14.067 12.9541 14.3893C14.14 13.5879 14.9844 12.3182 15.2186 10.8465C15.0381 10.7906 13.5836 10.3566 11.9271 10.6209ZM10 0.375C4.68477 0.375 0.375 4.68477 0.375 10C0.375 15.3152 4.68477 19.625 10 19.625C15.3152 19.625 19.625 15.3152 19.625 10C19.625 4.68477 15.3152 0.375 10 0.375ZM10 16.1875C6.58828 16.1875 3.8125 13.4117 3.8125 10C3.8125 6.58828 6.58828 3.8125 10 3.8125C13.4117 3.8125 16.1875 6.58828 16.1875 10C16.1875 13.4117 13.4117 16.1875 10 16.1875ZM11.1408 8.74961C11.2633 9.00098 11.3814 9.25664 11.491 9.51445C11.5297 9.60469 11.5684 9.69492 11.6049 9.7873C13.3623 9.56602 15.1111 9.92051 15.2852 9.95703C15.2744 8.70879 14.8275 7.56367 14.0928 6.66348C13.9789 6.81602 13.0937 7.95254 11.1408 8.74961ZM9.71211 8.28125C8.83555 6.72363 7.89238 5.41523 7.75273 5.22402C6.27461 5.92227 5.16816 7.28437 4.82656 8.92363C5.06289 8.92793 7.24141 8.93867 9.71211 8.28125ZM10.3695 10.0537C10.4383 10.0322 10.507 10.0107 10.5779 9.99141C10.4447 9.69063 10.3008 9.38984 10.1504 9.09551C7.51211 9.88613 4.94902 9.85176 4.71914 9.84746C4.71699 9.90117 4.71699 9.95488 4.71699 10.0086C4.71699 11.3664 5.23047 12.6061 6.0748 13.5428C6.19297 13.3365 7.64316 10.9346 10.3695 10.0537Z" fill="#D75285"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Dribble</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 0.375C4.68477 0.375 0.375 4.68477 0.375 10C0.375 15.3152 4.68477 19.625 10 19.625C15.3152 19.625 19.625 15.3152 19.625 10C19.625 4.68477 15.3152 0.375 10 0.375ZM15.5 5.82559L14.6234 6.66562C14.5461 6.72363 14.5096 6.81816 14.5246 6.91055V13.0916C14.5096 13.1861 14.5461 13.2807 14.6234 13.3365L15.4828 14.1766V14.3635H11.1688V14.1852L12.0561 13.3236C12.1441 13.2355 12.1441 13.2098 12.1441 13.0787V8.07715L9.67344 14.342H9.34043L6.46582 8.07715V12.2773C6.44004 12.4535 6.50234 12.6318 6.62695 12.7586L7.78281 14.1572V14.3441H4.5V14.1572L5.65586 12.7586C5.71676 12.6957 5.76208 12.6194 5.7882 12.5358C5.81431 12.4523 5.82049 12.3637 5.80625 12.2773V7.42188C5.82129 7.28652 5.76973 7.15547 5.6666 7.06309L4.63965 5.82559V5.63867H7.83008L10.2922 11.042L12.46 5.64297H15.5V5.82559Z" fill="#464646"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Medium</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.0007 0.833496C15.0634 0.833496 19.1673 4.93741 19.1673 10.0002C19.1673 15.0629 15.0634 19.1668 10.0007 19.1668C4.9379 19.1668 0.833984 15.0629 0.833984 10.0002C0.833984 4.93741 4.9379 0.833496 10.0007 0.833496ZM10.0007 2.66683C8.05573 2.66683 6.19047 3.43945 4.8152 4.81471C3.43993 6.18998 2.66732 8.05524 2.66732 10.0002C2.66732 11.9451 3.43993 13.8103 4.8152 15.1856C6.19047 16.5609 8.05573 17.3335 10.0007 17.3335C11.9456 17.3335 13.8108 16.5609 15.1861 15.1856C16.5614 13.8103 17.334 11.9451 17.334 10.0002C17.334 8.05524 16.5614 6.18998 15.1861 4.81471C13.8108 3.43945 11.9456 2.66683 10.0007 2.66683ZM6.08465 11.9352C7.38448 11.6364 8.77507 11.6401 9.97773 11.8262C11.1474 12.0077 12.2822 12.3853 12.9817 12.9573C13.163 13.1046 13.2813 13.3156 13.3123 13.5472C13.3433 13.7788 13.2847 14.0135 13.1485 14.2033C13.0123 14.3932 12.8087 14.5238 12.5794 14.5686C12.35 14.6133 12.1123 14.5688 11.9147 14.4442L11.8212 14.3772C11.4948 14.1096 10.7413 13.7997 9.69632 13.6384C8.6834 13.4807 7.53115 13.4844 6.49532 13.7218C6.37738 13.7506 6.2549 13.7556 6.13499 13.7367C6.01509 13.7177 5.90015 13.6751 5.79684 13.6113C5.69353 13.5476 5.60391 13.464 5.53318 13.3653C5.46246 13.2666 5.41203 13.1549 5.38484 13.0366C5.35764 12.9183 5.35422 12.7958 5.37476 12.6761C5.39531 12.5565 5.43941 12.4421 5.50452 12.3396C5.56962 12.2372 5.65443 12.1487 5.75402 12.0792C5.85361 12.0098 5.96599 11.9609 6.08465 11.9352ZM5.60798 9.43183C8.5954 8.59858 12.0705 9.06975 14.1907 10.3714C14.398 10.4987 14.5462 10.7031 14.6028 10.9396C14.6593 11.1762 14.6196 11.4255 14.4923 11.6327C14.365 11.84 14.1607 11.9882 13.9241 12.0448C13.6876 12.1013 13.4382 12.0616 13.231 11.9343C11.5966 10.9306 8.65682 10.4851 6.09932 11.1973C5.98222 11.2335 5.85904 11.2459 5.73708 11.2337C5.61513 11.2214 5.49686 11.1849 5.38928 11.1261C5.2817 11.0674 5.18699 10.9877 5.11076 10.8917C5.03453 10.7957 4.97832 10.6854 4.94546 10.5673C4.9126 10.4492 4.90375 10.3258 4.91944 10.2042C4.93513 10.0826 4.97504 9.96547 5.03681 9.8596C5.09858 9.75373 5.18096 9.66133 5.27906 9.58785C5.37717 9.51438 5.48902 9.46132 5.60798 9.43183ZM5.16982 6.80466C8.61648 5.84216 12.0402 6.34175 14.947 7.59666C15.1682 7.69433 15.3419 7.87547 15.4302 8.10063C15.5185 8.32578 15.5142 8.57671 15.4183 8.79873C15.3224 9.02075 15.1427 9.19588 14.9182 9.28596C14.6938 9.37605 14.4428 9.37378 14.2201 9.27966C11.6259 8.15858 8.6339 7.7415 5.66298 8.57016C5.54638 8.60481 5.42404 8.6159 5.3031 8.60279C5.18216 8.58968 5.06505 8.55263 4.95857 8.4938C4.8521 8.43497 4.7584 8.35554 4.68294 8.26013C4.60747 8.16472 4.55175 8.05524 4.51902 7.93808C4.4863 7.82092 4.47722 7.69842 4.49231 7.57771C4.50741 7.45701 4.54638 7.34051 4.60695 7.23502C4.66752 7.12953 4.74849 7.03715 4.84512 6.96326C4.94176 6.88937 5.05213 6.83546 5.16982 6.80466Z" fill="#69F285"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Spotify</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11 1.83333C5.93739 1.83333 1.83333 5.93739 1.83333 11C1.83333 16.0626 5.93739 20.1667 11 20.1667C16.0626 20.1667 20.1667 16.0626 20.1667 11C20.1667 5.93739 16.0626 1.83333 11 1.83333ZM0 11C0 4.92488 4.92488 0 11 0C17.0751 0 22 4.92488 22 11C22 17.0751 17.0751 22 11 22C4.92488 22 0 17.0751 0 11Z" fill="black"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.7921 20.8414C8.70341 20.7269 8.70341 19.7073 8.7921 17.7826C7.84248 17.8155 7.24252 17.7495 6.99223 17.585C6.61671 17.3381 6.24083 16.5766 5.90726 16.04C5.57373 15.5034 4.83348 15.4186 4.53453 15.2986C4.23559 15.1786 4.16055 14.6896 5.35827 15.0595C6.55594 15.4293 6.61438 16.4364 6.99223 16.6719C7.37003 16.9074 8.27336 16.8043 8.68279 16.6157C9.09226 16.427 9.0621 15.7246 9.13512 15.4464C9.22743 15.1866 8.9021 15.129 8.89495 15.1269C8.49519 15.1269 6.39529 14.6702 5.81853 12.6367C5.24171 10.6033 5.98472 9.27418 6.38108 8.70283C6.64536 8.3219 6.62198 7.5101 6.31096 6.26733C7.44011 6.12305 8.31149 6.47844 8.92506 7.3336C8.92566 7.3385 9.72948 6.8556 10.9999 6.8556C12.2703 6.8556 12.7209 7.24895 13.0688 7.3336C13.4166 7.41825 13.6948 5.83668 15.8429 6.26733C15.3944 7.1488 15.0188 8.25027 15.3055 8.70283C15.5922 9.15538 16.7172 10.5945 16.0261 12.6367C15.5654 13.9983 14.6597 14.8284 13.309 15.1269C13.1542 15.1763 13.0767 15.2561 13.0767 15.3661C13.0767 15.5311 13.2861 15.5491 13.5877 16.3222C13.7889 16.8376 13.8034 18.3097 13.6313 20.7384C13.1954 20.8494 12.8564 20.9239 12.6141 20.962C12.1844 21.0295 11.7179 21.0673 11.2596 21.0819C10.8013 21.0966 10.6421 21.0949 10.0084 21.0359C9.58598 20.9966 9.18054 20.9318 8.7921 20.8414Z" fill="black"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Github</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="11" fill="#8D47FB"></circle>
<path d="M10.7604 6.9535H11.7138V9.80683H10.7604M13.3804 6.9535H14.3338V9.80683H13.3804M7.66711 4.3335L5.28711 6.7135V15.2868H8.14044V17.6668L10.5271 15.2868H12.4271L16.7138 11.0002V4.3335M15.7604 10.5268L13.8604 12.4268H11.9538L10.2871 14.0935V12.4268H8.14044V5.28683H15.7604V10.5268Z" fill="white"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Twitch</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="22" height="22" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.9995 0.439941C5.16725 0.439941 0.439453 5.16774 0.439453 10.9999C0.439453 16.8321 5.16725 21.5599 10.9995 21.5599C16.8317 21.5599 21.5595 16.8321 21.5595 10.9999C21.5595 5.16774 16.8317 0.439941 10.9995 0.439941ZM15.295 9.09034C15.2994 9.18054 15.3005 9.27074 15.3005 9.35874C15.3005 12.1087 13.2094 15.2778 9.38355 15.2778C8.25308 15.2797 7.14612 14.955 6.19575 14.3428C6.35745 14.3626 6.52355 14.3703 6.69185 14.3703C7.66645 14.3703 8.56295 14.0392 9.27465 13.4804C8.84094 13.4719 8.42069 13.3283 8.07247 13.0696C7.72426 12.8109 7.46543 12.45 7.33205 12.0372C7.64352 12.0965 7.96439 12.0841 8.27035 12.0009C7.79961 11.9057 7.37627 11.6507 7.07213 11.279C6.76799 10.9073 6.60177 10.4418 6.60165 9.96154V9.93624C6.88215 10.0913 7.20335 10.1859 7.54435 10.1969C7.10303 9.90316 6.79062 9.45188 6.671 8.93539C6.55139 8.41889 6.63361 7.87622 6.90085 7.41834C7.4233 8.06074 8.07484 8.58626 8.81328 8.96088C9.55172 9.3355 10.3606 9.55087 11.1876 9.59304C11.0824 9.14678 11.1277 8.67829 11.3163 8.2604C11.5049 7.8425 11.8262 7.49863 12.2304 7.28223C12.6346 7.06583 13.099 6.98904 13.5513 7.06378C14.0037 7.13852 14.4187 7.36062 14.7318 7.69554C15.1972 7.60344 15.6436 7.4327 16.0518 7.19064C15.8966 7.67259 15.5718 8.08183 15.1377 8.34234C15.55 8.29268 15.9526 8.18183 16.3323 8.01344C16.0534 8.43132 15.7021 8.79602 15.295 9.09034Z" fill="#60ACEC"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Twitter</span>
</a>
</div>
<div class="w-auto p-1.5">
<a class="flex items-center px-6 py-2.5 bg-white hover:bg-gray-100 border border-gray-300 rounded-full transition duration-200" href="#">
<div class="inline-block">
<svg class="mr-1.5" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.0007 0.833496C15.0634 0.833496 19.1673 4.93741 19.1673 10.0002C19.1673 15.0629 15.0634 19.1668 10.0007 19.1668C4.9379 19.1668 0.833984 15.0629 0.833984 10.0002C0.833984 4.93741 4.9379 0.833496 10.0007 0.833496ZM10.0007 2.66683C8.05573 2.66683 6.19047 3.43945 4.8152 4.81471C3.43993 6.18998 2.66732 8.05524 2.66732 10.0002C2.66732 11.9451 3.43993 13.8103 4.8152 15.1856C6.19047 16.5609 8.05573 17.3335 10.0007 17.3335C11.9456 17.3335 13.8108 16.5609 15.1861 15.1856C16.5614 13.8103 17.334 11.9451 17.334 10.0002C17.334 8.05524 16.5614 6.18998 15.1861 4.81471C13.8108 3.43945 11.9456 2.66683 10.0007 2.66683ZM6.08465 11.9352C7.38448 11.6364 8.77507 11.6401 9.97773 11.8262C11.1474 12.0077 12.2822 12.3853 12.9817 12.9573C13.163 13.1046 13.2813 13.3156 13.3123 13.5472C13.3433 13.7788 13.2847 14.0135 13.1485 14.2033C13.0123 14.3932 12.8087 14.5238 12.5794 14.5686C12.35 14.6133 12.1123 14.5688 11.9147 14.4442L11.8212 14.3772C11.4948 14.1096 10.7413 13.7997 9.69632 13.6384C8.6834 13.4807 7.53115 13.4844 6.49532 13.7218C6.37738 13.7506 6.2549 13.7556 6.13499 13.7367C6.01509 13.7177 5.90015 13.6751 5.79684 13.6113C5.69353 13.5476 5.60391 13.464 5.53318 13.3653C5.46246 13.2666 5.41203 13.1549 5.38484 13.0366C5.35764 12.9183 5.35422 12.7958 5.37476 12.6761C5.39531 12.5565 5.43941 12.4421 5.50452 12.3396C5.56962 12.2372 5.65443 12.1487 5.75402 12.0792C5.85361 12.0098 5.96599 11.9609 6.08465 11.9352ZM5.60798 9.43183C8.5954 8.59858 12.0705 9.06975 14.1907 10.3714C14.398 10.4987 14.5462 10.7031 14.6028 10.9396C14.6593 11.1762 14.6196 11.4255 14.4923 11.6327C14.365 11.84 14.1607 11.9882 13.9241 12.0448C13.6876 12.1013 13.4382 12.0616 13.231 11.9343C11.5966 10.9306 8.65682 10.4851 6.09932 11.1973C5.98222 11.2335 5.85904 11.2459 5.73708 11.2337C5.61513 11.2214 5.49686 11.1849 5.38928 11.1261C5.2817 11.0674 5.18699 10.9877 5.11076 10.8917C5.03453 10.7957 4.97832 10.6854 4.94546 10.5673C4.9126 10.4492 4.90375 10.3258 4.91944 10.2042C4.93513 10.0826 4.97504 9.96547 5.03681 9.8596C5.09858 9.75373 5.18096 9.66133 5.27906 9.58785C5.37717 9.51438 5.48902 9.46132 5.60798 9.43183ZM5.16982 6.80466C8.61648 5.84216 12.0402 6.34175 14.947 7.59666C15.1682 7.69433 15.3419 7.87547 15.4302 8.10063C15.5185 8.32578 15.5142 8.57671 15.4183 8.79873C15.3224 9.02075 15.1427 9.19588 14.9182 9.28596C14.6938 9.37605 14.4428 9.37378 14.2201 9.27966C11.6259 8.15858 8.6339 7.7415 5.66298 8.57016C5.54638 8.60481 5.42404 8.6159 5.3031 8.60279C5.18216 8.58968 5.06505 8.55263 4.95857 8.4938C4.8521 8.43497 4.7584 8.35554 4.68294 8.26013C4.60747 8.16472 4.55175 8.05524 4.51902 7.93808C4.4863 7.82092 4.47722 7.69842 4.49231 7.57771C4.50741 7.45701 4.54638 7.34051 4.60695 7.23502C4.66752 7.12953 4.74849 7.03715 4.84512 6.96326C4.94176 6.88937 5.05213 6.83546 5.16982 6.80466Z" fill="#69F285"></path>
</svg>
</div>
<span class="font-bold tracking-tight">Spotify</span>
</a>
</div>
</div>
</div>
</div>
</section>Framework
Tailwind CSS
UI Library
All Libraries
Components
- Advanced inputs 18
- Alert 111
- Application 113
- Banners 76
- Benefits 16
- Blog 143
- Brands 3
- Breadcrumbs 27
- Call to action 227
- Cards 43
- Careers 34
- Contact 117
- Content 90
- Cookies 104
- Dashboards 13
- Download 5
- Dropdowns 4
- E-commerce (orders) 65
- E-commerce (products) 101
- Empty state 4
- FAQ 103
- Features 263
- Footers 163
- Forms 9
- Graphs 58
- HTTP codes 119
- Hero section 184
- How it works 135
- Instagram photos 9
- Integrations 8
- Logo clouds 179
- Modals 35
- Navbar 212
- Navigation (horizontal) 241
- Navigation (vertical) 12
- Newsletter 138
- Notifications 11
- Paginations 16
- Portfolio 93
- Pricing 141
- Product info 5
- Projects 6
- Reviews 36
- Rich text 3
- Search 3
- Sign in / Sign up 201
- Snackbars 10
- Stats 173
- Steps 12
- Tables 91
- Tabs 2
- Team 122
- Testimonials 160
- Users 17
Component #1
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Integrations Components by Shuffle
Choose from 8 variations of Tailwind application components. Presented here are variants available in various UI libraries.
Get access to all Tailwind application components, code and our visual editor. Try the demo for free!
