Загрузка...

Адаптивный футер для SaaS: ссылки, форма подписки на рассылку, соцсети. Стилизация Tailwind. Идеально для образовательных платформ.
<footer class="z-10 w-full relative m-8 max-w-5xl my-20 mx-auto">
<!-- Top Section: Brand + Location -->
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 mb-16 lg:mb-20">
<!-- Left: Brand -->
<div class="flex flex-col gap-6">
<div class="flex items-start gap-1">
<h2
class="leading-none md:text-7xl lg:text-9xl text-6xl font-semibold text-neutral-800 tracking-tighter">
GenLabs
</h2>
</div>
<p class="text-znic-400 md:text-2xl text-xl font-light italic text-zinc-500">
The LearningPlatform—
</p>
</div>
<!-- Right: Location & Time -->
<div class="flex flex-col gap-4 lg:items-end lg:text-right gap-x-4 gap-y-4">
<div class="flex items-start gap-2">
<div class="w-2 h-2 bg-orange-500 rounded-full mt-2 animate-pulse"></div>
<p class="leading-snug md:text-2xl text-znic-700 text-base font-light tracking-tight">
We are currently deploying learning infrastructure in orbit and operating remotely from space.
</p>
</div>
<div class="flex items-center gap-2 text-znic-500">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="16" height="16"
viewBox="0 0 24 24" class="">
<path fill="currentColor" d="M12 2C6.477 2 2 .477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2"
opacity=".5" class="">
</path>
<path fill="currentColor"
d="M12 6a1 1 0 0 1 1 1v4.586l2.707 2.707a1 1 0 0 1-1.414 1.414l-3-3A1 1 0 0 1 11 12V7a1 1 0 0 1 1-1"
class="">
</path>
</svg>
<span class="text-sm font-medium">Orbit Time (UTC)</span>
</div>
<p class="md:text-5xl text-4xl font-medium text-znic-900 tracking-tighter font-mono">
14:27:38
</p>
</div>
</div>
<!-- Bottom Section: Links + Newsletter + Socials -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-6">
<!-- Column 1: Navigation -->
<div class="flex flex-col gap-4">
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">Home</a>
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">Curriculum</a>
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">About</a>
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">Pricing</a>
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">Community</a>
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">Contact</a>
</div>
<!-- Column 2: Legal -->
<div class="flex flex-col gap-4">
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">Privacy
Policy</a>
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">Terms
of Service</a>
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">Disclaimer</a>
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium font-normal">404</a>
<a href="#"
class="text-base text-znic-700 hover:text-orange-500 transition-colors font-medium underline decoration-znic-300 underline-offset-4 font-normal">More
Resources</a>
</div>
<!-- Column 3: Newsletter -->
<div
class="flex flex-col gap-4 border-znic-100 border rounded-2xl pt-6 pr-6 pb-6 pl-6 shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),_0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)] gap-x-4 gap-y-4">
<h3 class="text-xl font-semibold text-znic-900 tracking-tight">Stay in Orbit</h3>
<p class="text-sm text-znic-500 font-medium leading-relaxed">
Receive mission logs, orbital updates, and new module drops from the GenLabs Space Station directly to
your inbox.
</p>
<div class="flex items-center justify-between border-b border-znic-200 pb-3 mt-2 group">
<input type="email" placeholder="Your email frequency" class="text-znic-700 placeholder:text-znic-400 outline-none flex-1 text-sm font-medium bg-transparent">
<button class="text-orange-500 hover:text-orange-600 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" style="color: rgb(234, 88, 12); width: 20px; height: 20px" class="w-[20px] h-[20px]" aria-hidden="true" role="img" data-mingcute="arrow-right-circle-line" data-icon-set="mingcute" data-icon-replaced="true" stroke-width="2"><g fill="none" class=""><path d="M24 0v24H0V0zM12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.105.074l.014.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.092l.01-.009l.004-.011l.017-.43l-.003-.012l-.01-.01z" class=""></path><path fill="#ea580c" d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m.005 3.758a1 1 0 0 1 1.32-.084l.094.084l3.535 3.535a1 1 0 0 1 .083 1.32l-.083.094l-3.535 3.536a1 1 0 0 1-1.498-1.32l.084-.094l1.828-1.83H7.757a1 1 0 0 1-.116-1.992L7.757 11h6.076l-1.828-1.828a1 1 0 0 1 0-1.414" class=""></path></g></svg>
</button>
</div>
</div>
<!-- Column 4: Social Links -->
<div
class="flex flex-col overflow-hidden bg-white border-znic-100 border rounded-2xl shadow-[0px_0px_0px_1px_rgba(0,0,0,0.06),0px_1px_1px_-0.5px_rgba(0,0,0,0.06),0px_3px_3px_-1.5px_rgba(0,0,0,0.06),_0px_6px_6px_-3px_rgba(0,0,0,0.06),0px_12px_12px_-6px_rgba(0,0,0,0.06),0px_24px_24px_-12px_rgba(0,0,0,0.06)] gap-x-0 gap-y-0">
<!-- Discord -->
<a href="#"
class="group flex items-center justify-between hover:bg-znic-50 transition-colors border-znic-100 border-b pt-4 pr-5 pb-4 pl-5">
<div class="flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
class="text-znic-400 group-hover:text-orange-500 transition-colors">
<path fill="currentColor"
d="M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.36-.76-.54-1.09c-.01-.02-.04-.03-.07-.03c-1.5.26-2.93.71-4.27 1.33c-.01 0-.02.01-.03.02c-2.72 4.07-3.47 8.03-3.1 11.95c0 .02.01.04.03.05c1.8 1.32 3.53 2.12 5.24 2.65c.03.01.06 0 .07-.02c.4-.55.76-1.13 1.07-1.74c.02-.04 0-.08-.04-.09c-.57-.22-1.11-.48-1.64-.78c-.04-.02-.04-.08-.01-.11c.11-.08.22-.17.33-.25c.02-.02.05-.02.07-.01c3.44 1.57 7.15 1.57 10.55 0c.02-.01.05-.01.07.01c.11.09.22.17.33.26c.04.03.04.09-.01.11c-.52.31-1.07.56-1.64.78c-.04.01-.05.06-.04.09c.32.61.68 1.19 1.07 1.74c.03.01.06.02.09.01c1.72-.53 3.45-1.33 5.25-2.65c.02-.01.03-.03.03-.05c.44-4.53-.73-8.46-3.1-11.95c-.01-.01-.02-.02-.04-.02M8.52 14.91c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.84 2.12-1.89 2.12m6.97 0c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.83 2.12-1.89 2.12"
class=""></path>
</svg>
<span class="text-base font-medium text-znic-700 group-hover:text-znic-900 transition-colors">Discord</span>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
class="text-orange-500 opacity-0 group-hover:opacity-100 group-hover:tranznic-x-1 transition-all">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" d="m9 5l6 7l-6 7" class=""></path>
</svg>
</a>
<!-- X / Twitter -->
<a href="#"
class="group flex items-center justify-between px-5 py-4 border-b border-znic-100 hover:bg-znic-50 transition-colors">
<div class="flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
class="text-znic-400 group-hover:text-orange-500 transition-colors">
<path fill="currentColor"
d="M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z"
class="">
</path>
</svg>
<span class="text-base font-medium text-znic-700 group-hover:text-znic-900 transition-colors">X</span>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
class="text-orange-500 opacity-0 group-hover:opacity-100 group-hover:tranznic-x-1 transition-all">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" d="m9 5l6 7l-6 7" class=""></path>
</svg>
</a>
<!-- LinkedIn -->
<a href="#"
class="group flex items-center justify-between px-5 py-4 border-b border-znic-100 hover:bg-znic-50 transition-colors">
<div class="flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
class="text-znic-400 group-hover:text-orange-500 transition-colors">
<path fill="currentColor"
d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z"
class="">
</path>
</svg>
<span class="text-base font-medium text-znic-700 group-hover:text-znic-900 transition-colors">LinkedIn</span>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
class="text-orange-500 opacity-0 group-hover:opacity-100 group-hover:tranznic-x-1 transition-all">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" d="m9 5l6 7l-6 7" class=""></path>
</svg>
</a>
<!-- YouTube -->
<a href="#"
class="group flex items-center justify-between px-5 py-4 border-b border-znic-100 hover:bg-znic-50 transition-colors">
<div class="flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
class="text-znic-400 group-hover:text-orange-500 transition-colors">
<path fill="currentColor"
d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814M9.545 15.568V8.432L15.818 12z"
class="">
</path>
</svg>
<span class="text-base font-medium text-znic-700 group-hover:text-znic-900 transition-colors">YouTube</span>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
class="text-orange-500 opacity-0 group-hover:opacity-100 group-hover:tranznic-x-1 transition-all">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" d="m9 5l6 7l-6 7" class=""></path>
</svg>
</a>
<!-- Email -->
<a href="#" class="group flex items-center justify-between px-5 py-4 hover:bg-znic-50 transition-colors">
<div class="flex items-center gap-3">
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" width="20" height="20"
viewBox="0 0 24 24" class="text-znic-400 group-hover:text-orange-500 transition-colors">
<path fill="currentColor"
d="M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172S22 8.229 22 12s0 5.657-1.172 6.828S17.771 20 14 20h-4c-3.771 0-5.657 0-6.828-1.172S2 15.771 2 12"
opacity=".5" class=""></path>
<path fill="currentColor"
d="M18.572 7.473a.75.75 0 0 1 .044 1.06l-4.142 4.47a2.75 2.75 0 0 1-4.034 0l-4.142-4.47a.75.75 0 0 1 1.1-1.016l4.143 4.469a1.25 1.25 0 0 0 1.834 0l4.142-4.47a.75.75 0 0 1 1.055-.043"
class="">
</path>
</svg>
<span class="text-base font-medium text-znic-700 group-hover:text-znic-900 transition-colors">Email</span>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
class="text-orange-500 opacity-0 group-hover:opacity-100 group-hover:tranznic-x-1 transition-all">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" d="m9 5l6 7l-6 7" class=""></path>
</svg>
</a>
</div>
</div>
<!-- Copyright Bar -->
<div
class="flex flex-col md:flex-row border-znic-100 border-t mt-12 pt-8 gap-x-4 gap-y-4 items-center justify-between">
<p class="text-znic-400 text-sm font-normal">
© 2024 GenLabs. All rights reserved.
</p>
<div class="flex items-center gap-6">
<span class="text-xs text-znic-400 uppercase tracking-widest font-medium">Built with</span>
<div class="flex items-center gap-4 opacity-50">
<!-- Vercel Logo -->
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="14" viewBox="0 0 512 126"
style="color: rgb(71, 85, 105); width: 60px; height: 14px;" class="w-[60px] h-[14px]"
data-logos="openai" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
<path
d="M365.131 49.074c-7.537 0-12.917 2.575-15.557 7.45l-1.42 2.64v-8.819H335.89v53.61h12.901V72.06c0-7.62 4.142-11.991 11.356-11.991c6.88 0 10.825 4.256 10.825 11.674v32.211h12.907V69.442c0-12.764-7.007-20.368-18.747-20.368m-62.565 0c-15.224 0-24.652 9.5-24.652 24.789v7.527c0 14.703 9.538 23.835 24.893 23.835c10.271 0 17.47-3.763 22-11.504l-7.998-4.602c-3.347 4.465-8.694 7.231-13.997 7.231c-7.773 0-12.413-4.798-12.413-12.84v-2.131h36.008v-8.891c0-14.243-9.352-23.414-23.83-23.414zm12.1 23.638h-24.311v-1.287c0-8.825 4.333-13.695 12.2-13.695c7.576 0 12.101 4.798 12.101 12.84zM512 41.52V31.265h-44.625V41.52h15.646v52.157h-15.646v10.255H512V93.677h-15.651V41.52zM173.638 29.786c-19.93 0-32.32 12.419-32.32 32.42v10.813c0 19.995 12.385 32.42 32.32 32.42s32.321-12.425 32.321-32.42V62.205c-.005-20.022-12.408-32.42-32.321-32.42m18.987 43.973c0 13.279-6.919 20.893-18.987 20.893s-18.982-7.614-18.982-20.893V61.46c0-13.279 6.925-20.893 18.988-20.893S192.63 48.18 192.63 61.46zm53.856-24.685c-6.771 0-12.633 2.805-15.69 7.5l-1.386 2.136v-8.365h-12.27V122.4h12.906V96.3l1.38 2.049c2.904 4.306 8.574 6.875 15.17 6.875c11.125 0 22.35-7.27 22.35-23.518v-9.115c0-11.707-6.919-23.518-22.46-23.518m9.554 32.003c0 8.64-5.04 14.008-13.148 14.008c-7.56 0-12.835-5.675-12.835-13.794v-8.064c0-8.217 5.319-14.002 12.945-14.002c8.047 0 13.048 5.363 13.048 14.002zM419.54 31.27l-26.037 72.684h13.109l4.985-15.58h29.932l.05.154l4.93 15.426h13.104l-26.082-72.69zm-4.744 46.855l11.745-36.748l11.625 36.748zM116.085 51.561a31.37 31.37 0 0 0-2.695-25.774a31.77 31.77 0 0 0-34.184-15.224A31.4 31.4 0 0 0 55.536.001a31.74 31.74 0 0 0-30.278 21.99A31.4 31.4 0 0 0 4.282 37.213a31.77 31.77 0 0 0 3.906 37.218a31.4 31.4 0 0 0 2.695 25.748a31.77 31.77 0 0 0 34.21 15.256a31.4 31.4 0 0 0 23.644 10.562a31.74 31.74 0 0 0 30.278-21.99a31.4 31.4 0 0 0 20.97-15.223a31.73 31.73 0 0 0-3.9-37.224m-47.348 66.22a23.52 23.52 0 0 1-15.108-5.478c.186-.104.548-.285.756-.422l25.09-14.484a4.07 4.07 0 0 0 2.06-3.567V58.453l10.6 6.119a.37.37 0 0 1 .208.296v29.28c0 13.041-10.564 23.618-23.606 23.633M18.015 96.12a23.56 23.56 0 0 1-2.82-15.821c.185.115.514.312.744.443l25.096 14.49a4.08 4.08 0 0 0 4.12 0L75.77 77.528v12.238a.37.37 0 0 1-.148.328L50.26 104.732c-11.292 6.502-25.716 2.637-32.245-8.64zm-6.573-54.782a23.5 23.5 0 0 1 12.287-10.354v29.823a4.08 4.08 0 0 0 2.06 3.567l30.623 17.683l-10.639 6.141a.37.37 0 0 1-.356.033L20.059 73.589c-11.282-6.527-15.148-20.957-8.64-32.25zm87.102 20.27L67.92 43.924l10.59-6.125a.38.38 0 0 1 .355-.033l25.359 14.643a23.61 23.61 0 0 1-3.649 42.598V65.191a4.08 4.08 0 0 0-2.049-3.583zM109.1 45.721a30 30 0 0 0-.745-.444L83.26 30.788a4.08 4.08 0 0 0-4.12 0L48.517 48.466V36.233a.4.4 0 0 1 .154-.328l25.358-14.638a23.61 23.61 0 0 1 35.06 24.46zM42.738 67.546l-10.605-6.119a.4.4 0 0 1-.203-.295V31.85a23.605 23.605 0 0 1 38.714-18.155c-.186.105-.52.285-.756.422l-25.09 14.484a4.08 4.08 0 0 0-2.06 3.567zm5.758-12.418l13.64-7.878l13.635 7.878v15.744l-13.64 7.877l-13.64-7.877z"
class="">
</path>
</svg>
<!-- React Logo -->
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 256 228"
style="color: rgb(71, 85, 105); width: 20px; height: 20px" class="text-znic-600 w-[20px] h-[20px]"
data-logos="react" data-icon-set="logos" data-icon-replaced="true" stroke-width="2">
<path fill="#475569"
d="M210.483 73.824a172 172 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171 171 0 0 0-6.375 5.848a156 156 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a171 171 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a146 146 0 0 0 6.921 2.165a168 168 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a146 146 0 0 0 5.342-4.923a168 168 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145 145 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844m-6.365 70.984q-2.102.694-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14m-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a157 157 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345q.785 3.162 1.386 6.193M87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a157 157 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a135 135 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94M50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a135 135 0 0 1-6.318-1.979m12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144 144 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160 160 0 0 1-1.76-7.887m110.427 27.268a348 348 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381 381 0 0 0-7.365-13.322m-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322 322 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18M82.802 87.83a323 323 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a322 322 0 0 0-7.848 12.897m8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321 321 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147m37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486m52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382 382 0 0 0 7.859-13.026a347 347 0 0 0 7.425-13.565m-16.898 8.101a359 359 0 0 1-12.281 19.815a329 329 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310 310 0 0 1-12.513-19.846h.001a307 307 0 0 1-10.923-20.627a310 310 0 0 1 10.89-20.637l-.001.001a307 307 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329 329 0 0 1 12.335 19.695a359 359 0 0 1 11.036 20.54a330 330 0 0 1-11 20.722m22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026q-.518 2.504-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a161 161 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3M128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86"
class="">
</path>
</svg>
</div>
</div>
</div>
</footer>