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

23 votes207 views1 answer
Accept only image input file
Html
0 vote151 views1 answer
App script send data back to html
Html
0 vote147 views1 answer
Markdown new page break
Html
-1 vote186 views1 answer
Adding mp4 in html
Html
0 vote160 views1 answer
Impossible to create the root directory "/var/www/html/laraship-subscription/storage/app/public/media/user_v1oz1Yz27j/26
Html
1 vote154 views1 answer
Show icon in input field
Html
0 vote158 views1 answer
Amp-img example
Html
2 votes157 views2 answers
How to put something on the bottom right corner in html
Html
0 vote154 views1 answer
How to prevent Netlify from treating warnings as errors because process.env.CI = true?
Html
0 vote164 views4 answers
Twig format datetime
Html