With Social
Footer with link columns and a row of social icons.
Footer with link columns and a row of social icons.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
The source for every block is part of All Access. One purchase unlocks the entire library, today and in the future.
A balanced footer that blends brand presence, navigation, and social follow buttons, built with daisyUI and Tailwind CSS. The lead column holds the Acme mark, a one line tagline, and a row of boxed social icons for Twitter, GitHub, LinkedIn, and YouTube. Three link columns for Product, Company, and Resources sit beside it, with a bordered bottom row closing on copyright and two legal links.
columns arrayThe social buttons use a bordered size-9 tile with daisyUI's border-base-300 token and a hover lift on text-base-content, so they stay on theme. Edit the socials array to add or drop a network, and shape navigation through the columns array. Point each icon href at your real profiles.
Every icon link carries an aria-label, giving screen reader users the network name behind each glyph. The grid collapses to a single column on phones and opens to a brand column plus three link columns from the medium breakpoint.