my-website/resources/views/partials/footer.blade.php

64 lines
2.2 KiB
PHP
Raw Permalink Normal View History

2024-02-16 19:05:21 +02:00
<footer class="bg-gray-200">
2024-02-16 17:12:34 +02:00
<div class="relative mx-auto max-w-screen-xl px-4 py-16 sm:px-6 lg:px-8 lg:pt-24">
<div class="absolute end-4 top-4 sm:end-6 sm:top-6 lg:end-8 lg:top-8">
<a
class="inline-block rounded-full bg-teal-600 p-2 text-white shadow transition hover:bg-teal-500 sm:p-3 lg:p-4"
href="#MainContent"
>
<span class="sr-only">Back to top</span>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fill-rule="evenodd"
d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z"
clip-rule="evenodd"
/>
</svg>
</a>
</div>
<div class="lg:flex lg:items-end lg:justify-between">
<div>
<div class="flex justify-center text-red-600 lg:justify-start">
<a href="/">
<x-gameicon-steak class="h-10"/>
</a>
2024-02-16 17:12:34 +02:00
</div>
<p class="mx-auto mt-6 max-w-md text-center leading-relaxed text-gray-500 lg:text-left">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Incidunt consequuntur amet culpa
cum itaque neque.
</p>
</div>
<ul
class="mt-12 flex flex-wrap justify-center gap-6 md:gap-8 lg:mt-0 lg:justify-end lg:gap-12"
>
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="#"> About </a>
</li>
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="#"> Services </a>
</li>
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="#"> Projects </a>
</li>
<li>
<a class="text-gray-700 transition hover:text-gray-700/75" href="#"> Blog </a>
</li>
</ul>
</div>
<p class="mt-12 text-center text-sm text-gray-500 lg:text-right">
Copyright &copy; 2022. All rights reserved.
</p>
</div>
</footer>