Footers are used to provide additional information about a page or site.
They are vertical by default, but can be made horizontal using the
footer-horizontal class.
The basic nav footer is vertical by default, which works well for most mobile-first designs.
= daisy_footer(css: "max-w-64 bg-neutral text-neutral-content p-10") do
%nav
%h6.footer-title
LocoMotion
= link_to "Home", "/", class: "link-hover"
= link_to "API Docs", "/api-docs", class: "link-hover", target: "_blank"
= link_to "GitHub", "https://github.com/profoundry-us/loco_motion", class: "link-hover", target: "_blank"
%nav
%h6.footer-title
My Neat Stuff
= link_to "Abilene Smalltalk", "https://abilenesmalltalk.com/", class: "link-hover", target: "_blank"
= link_to "Create. Connect. Heal.", "https://profoundry.us", class: "link-hover", target: "_blank"
= link_to "Social Marketplace Secrets", "https://sm-secrets.com/", class: "link-hover", target: "_blank"
%nav
%h6.footer-title
Other Neat Stuff
= link_to "Ruby", "https://ruby-lang.org", class: "link-hover", target: "_blank"
= link_to "Rails", "https://rubyonrails.org/", class: "link-hover", target: "_blank"
= link_to "EGS", "https://www.egscomics.com/", class: "link-hover", target: "_blank"
Use the footer-horizontal class to make the footer horizontal. You can also
use responsive variants like lg:footer-horizontal to make it horizontal
only on larger screens.
= daisy_footer(css: "max-w-[1000px] mx-32 bg-base-200 text-base-content p-10 lg:footer-horizontal") do
%nav
%h6.footer-title
Products
= link_to "Features", "#", class: "link-hover"
= link_to "Pricing", "#", class: "link-hover"
= link_to "Enterprise", "#", class: "link-hover"
%nav
%h6.footer-title
Support
= link_to "Documentation", "#", class: "link-hover"
= link_to "Help Center", "#", class: "link-hover"
= link_to "Contact", "#", class: "link-hover"
%nav
%h6.footer-title
Legal
= link_to "Privacy", "#", class: "link-hover"
= link_to "Terms", "#", class: "link-hover"
= link_to "Cookie Policy", "#", class: "link-hover"
A simple footer with centered content, perfect for copyright notices or minimal information.
Create virtual credit / debit cards to keep your real info safe.
Get $5 when you sign up — free to start!
Everything you need to grow your business with confidence!
CRM, Lead Generation, Project Management, Contracts, Online Payments, and more!
The ads above are affiliate links to products I regularly use and highly
recommend.
I may receive a commission if you decide to purchase.