Category

Sort by:

Tailwind CSS Footer

Use Pagedone's carefully designed Tailwind CSS footer section to highlight important details like product information, links, subscription forms, and social icons.

image

Default Tailwind Footer

Use this example of a footer section divided in five columns with brand logo, desciption, sitemap links and social media accounts.

image

Five columns with subscribe button

This example of tailwind css footer can be used if you want five columns in your footer with brand logo, sitemap links, description and social media account with additional subscibe button to connect with your website.

image

Simple centered footer

Use this example for simple footer with horizontal sitemap links, brand logo, and social media accounts.This example can also be used as a tailwind sticky footer.

image

Tailwind Footer with dark version

This example can be used if you are looking for four column footer in dark version with sitemap links, brand logo, and social media accounts.

image

Horizontal footer with dark version

Use this example for simple horizontal layout of footer in dark version with brand logo, sitemap links and social media accounts.

image

Newsletter with address location

Use this example to first show brand logo card, then show address locations of your company, a newsletter sign-up form.

image

Newsletter form with Pre-footer CTA

Get started with this example with a CTA section before the footer, a sitemap links, the logo of your brand, a newsletter sign-up form, and the copyright notice.

image

Four columns with address location

You can use this Tailwind Footer example to first show address location of your company with brand logo next to sitemap links.

image

Pre-footer Newsletter

Use this example with a Newsletter section before the footer, a sitemap, the logo of your brand and social media accounts.

Tailwind Code Copied to Clipboard!

Tailwind Code is ready to be pasted (Ctrl+V) into your project.

Uh-oh, Something’s gone wrong!

Don’t let this bug you Contact Us and we’ll squash it together!