Tailwind CSS Footer

<footer class="p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800">
    <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2022 <a href="https://flowbite.com" class="hover:underline" target="_blank">Flowbite™</a>. All Rights Reserved.
    </span>
    <ul class="flex flex-wrap items-center mt-3 sm:mt-0">
        <li>
            <a href="#" class="mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400">About</a>
        </li>
        <li>
            <a href="#" class="mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400">Privacy Policy</a>
        </li>
        <li>
            <a href="#" class="mr-4 text-sm text-gray-500 hover:underline md:mr-6 dark:text-gray-400">Licensing</a>
        </li>
        <li>
            <a href="#" class="text-sm text-gray-500 hover:underline dark:text-gray-400">Contact</a>
        </li>
    </ul>
</footer>

Source: flowbite.com

Similar codes

2 votes159 views2 answers
Bootstrap embed-responsive-4by3
Html
0 vote182 views2 answers
Auto complete display name instead of value
Html
213 votes224 views5 answers
How to put space in html
Html
21 votes168 views1 answer
Phone screen size fix html meta
Html
2 votes180 views3 answers
How to disable a link
Html
24 votes166 views2 answers
Justify content flex end
Html
21 votes180 views3 answers
Google font import
Html
109 votes174 views6 answers
Html how to add an image
Html
1 vote172 views1 answer
Code as root
Html
0 vote224 views1 answer
Html maintain text in one line
Html