mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 05:00:22 +08:00
30 lines
No EOL
1.6 KiB
HTML
30 lines
No EOL
1.6 KiB
HTML
<!-- From Uiverse.io by 0x3ther - Tags: simple, button, social media, hover button, tailwind, tailwindcss -->
|
|
<div class="flex items-center justify-center h-full">
|
|
<button
|
|
class="text-white bg-gradient-to-r from-blue-500 via-blue-600 to-blue-700 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800 shadow-lg shadow-blue-500/50 dark:shadow-lg dark:shadow-blue-800/80 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2"
|
|
type="button"
|
|
>
|
|
Facebook
|
|
</button>
|
|
<button
|
|
class="text-white bg-gradient-to-r from-red-500 via-red-600 to-red-700 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-red-300 dark:focus:ring-red-800 shadow-lg shadow-red-500/50 dark:shadow-lg dark:shadow-red-800/80 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2"
|
|
type="button"
|
|
>
|
|
YouTube
|
|
</button>
|
|
<button
|
|
class="text-white bg-gradient-to-r from-blue-400 via-blue-500 to-blue-600 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-blue-300 dark:focus:ring-blue-800 shadow-lg shadow-blue-400/50 dark:shadow-lg dark:shadow-blue-800/80 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2"
|
|
type="button"
|
|
>
|
|
Twitter
|
|
</button>
|
|
<button
|
|
class="text-white bg-gradient-to-r from-pink-500 via-pink-600 to-pink-700 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-pink-300 dark:focus:ring-pink-800 shadow-lg shadow-pink-500/50 dark:shadow-lg dark:shadow-pink-800/80 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-2 mb-2"
|
|
type="button"
|
|
>
|
|
Instagram
|
|
</button>
|
|
</div>
|
|
|
|
|
|
|