www_mycelium/templates/partials/social.html

67 lines
3.1 KiB
HTML
Raw Normal View History

2024-05-21 06:15:21 +00:00
<div class="py-12 sm:py-16">
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl space-y-16 divide-y divide-gray-100 lg:mx-0 lg:max-w-none">
<div class="grid grid-cols-1 gap-x-8 gap-y-10 lg:grid-cols-2">
<div>
<h2 class="text-white">Get in touch</h2>
<p class="mt-4 leading-7 text-gray-100">Quam nunc nunc eu sed. Sed rhoncus quis ultricies ac pellentesque.</p>
</div>
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:col-span-2 lg:gap-8">
<div class="rounded-2xl bg-white px-8 py-4">
<h3 class="text-base font-semibold leading-7 text-gray-900">Collaborate</h3>
<dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
<div>
<dt class="sr-only text-gray-900">Email</dt>
2024-08-18 15:42:12 +00:00
<dd><a class="font-semibold text-indigo-400" href="mailto:collaborate@example.com">collaborate@example.com</a></dd>
2024-05-21 06:15:21 +00:00
</div>
<div class="mt-1">
<dt class="sr-only">Phone number</dt>
<dd>+1 (555) 905-2345</dd>
</div>
</dl>
</div>
<div class="rounded-2xl bg-gray-50 px-8 py-8">
<h3 class="text-base font-semibold leading-7 text-gray-900">Press</h3>
<dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
<div>
<dt class="sr-only">Email</dt>
2024-08-18 15:42:12 +00:00
<dd><a class="font-semibold text-indigo-400" href="mailto:press@example.com">press@example.com</a></dd>
2024-05-21 06:15:21 +00:00
</div>
<div class="mt-1">
<dt class="sr-only">Phone number</dt>
<dd>+1 (555) 905-3456</dd>
</div>
</dl>
</div>
<div class="rounded-2xl bg-gray-50 px-8 py-8">
<h3 class="text-base font-semibold leading-7 text-gray-900"">Join our team</h3>
<dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
<div>
<dt class="sr-only">Email</dt>
2024-08-18 15:42:12 +00:00
<dd><a class="font-semibold text-indigo-400" href="mailto:careers@example.com">careers@example.com</a></dd>
2024-05-21 06:15:21 +00:00
</div>
<div class="mt-1">
<dt class="sr-only">Phone number</dt>
<dd>+1 (555) 905-4567</dd>
</div>
</dl>
</div>
<div class="rounded-2xl bg-gray-50 px-8 py-8">
<h3 class="text-base font-semibold leading-7 text-gray-900">Say hello</h3>
<dl class="mt-3 space-y-1 text-sm leading-6 text-gray-600">
<div>
<dt class="sr-only">Email</dt>
2024-08-18 15:42:12 +00:00
<dd><a class="font-semibold text-indigo-400" href="mailto:hello@example.com">hello@example.com</a></dd>
2024-05-21 06:15:21 +00:00
</div>
<div class="mt-1">
<dt class="sr-only">Phone number</dt>
<dd>+1 (555) 905-5678</dd>
</div>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>