docs/layouts/partials/footer.html

72 lines
3.1 KiB
HTML

<div class="flex justify-center py-20 px-4 bg-gray-light-100 dark:bg-gray-dark-200">
<div class="flex w-full max-w-[840px] flex-col gap-10">
<div class="flex flex-col md:flex-row gap-4 items-center justify-evenly">
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/">Product offerings</a>
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/pricing/">Pricing</a>
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/company/">About us</a>
<a class="underline-offset-2 hover:underline" href="https://www.docker.com/support/">Support</a>
<a class="underline-offset-2 hover:underline" href="https://github.com/docker/docs/blob/main/CONTRIBUTING.md">Contribute</a>
</div>
<hr class="text-divider-light dark:text-divider-dark" />
<div class="grid lg:grid-cols-3 place-items-center gap-8 grid-cols-1">
<p class="text-sm">
Copyright © 2013-{{ time.Now.Year}} Docker Inc. All rights reserved.
</p>
<div class="flex gap-4">
<a
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
title="X (Twitter)"
href="http://twitter.com/docker/">
{{ (resources.Get "images/TwitterCircle.svg").Content | safe.HTML }}
</a>
<a
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
title="LinkedIn"
href="https://www.linkedin.com/company/docker">
{{ (resources.Get "images/LinkedinCircle.svg").Content | safe.HTML }}
</a>
<a
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
title="Instagram"
href="https://www.instagram.com/dockerinc/">
{{ (resources.Get "images/InstagramCircle.svg").Content | safe.HTML }}
</a>
<a
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
title="YouTube"
href="http://www.youtube.com/user/dockerrun">
{{ (resources.Get "images/YoutubeCircle.svg").Content | safe.HTML }}
</a>
<a
class="h-8 w-8 rounded-full fill-blue-light dark:fill-blue-dark"
title="Facebook"
href="https://www.facebook.com/docker.run">
{{ (resources.Get "images/FacebookCircle.svg").Content | safe.HTML }}
</a>
</div>
<div class="flex items-center gap-4">
<a
class="underline-offset-2 hover:underline"
title="Docker Terms of Service"
href="https://www.docker.com/legal/docker-terms-service"
>Terms of Service</a>
<a
class="underline-offset-2 hover:underline"
title="Docker Systems Status Page"
href="https://www.dockerstatus.com/"
>Status</a>
<a
class="underline-offset-2 hover:underline"
title="Docker Legal Terms"
href="https://www.docker.com/legal"
>Legal</a>
</div>
</div>
<div>
<button type="button" id="ot-sdk-btn" class="ot-sdk-show-settings">
Cookies Settings
</button>
</div>
</div>
</div>