The ultimate Footer.

Footer - the last but not least. Learn how the bottom of your page should be at the top of your priorities

Learn more

Free Footer Templates

You can simply add Footer to your Bootstrap project by using these predefined templates.

Choose the template you like and add this at the bottom of your project.

If you want to learn more about the construction of the Foter and get to know the basic and advanced usage of this component - read the Footer Docs.


























Video tutorial

How to design a perfect Footer?

One of the most important locations on your website is the footer. It may not be the area of the greatest designs or most impressive content. However, it is a place where users frequently look for information. Use these handy tips to create even better footers:

Simple Design

Simple design is important when working with a lot of information. The best way is to stick to clean elements, plenty of space, and organize with purpose.

Link to an information

Two of the most important links in any website footer are the “About Us” and “Contact Us” pages. Users will want to know who you are and what your company is all about. Make it easy to find that information.

Basic contact info

You should link to a full “Contact Us” page at the bottom of your website. But, apart from that, you should also add relevant contact information in the footer. Include there the main phone number, email address, and physical address.

Organized links

Grouping things in the footer can create a nice sense of organization. Consider several columns (or rows) for relevant information such as contact, links, services, social media

Copyright notice

This tiny line of text can be a lifesaver. While most sites include it as a single line across the bottom of the screen, you can design it to be more integrated into the rest of the footer.

Call to Action

Once users have navigated to your footer, give them something to do while they are there. Include a box to sign up for an e-newsletter or invite them to follow you on a social media channel.

Some Graphic elements

Too often footers are just a block of type. Add some logos or graphic elements for visual interest. Just be careful not to overload this small space with too many elements.

Contrast and Readability

Footer information is typically small. This makes thinking about color, weight, and contrast between the text elements and background vital. Every word should be readable.

Design Template

The website footer should not look like an afterthought. It should match the overall design theme for the site. Colors, styles, and graphic elements should mirror the overall tone.

Small Thinking

Footers by nature include a lot of small items. Just be careful not to go too small. Text can be a few points smaller than the size used for the main body of the website.

Plenty of Space to use

Because footers typically live in tight locations, space and spacing are important. Leave plenty of room around elements in the footer as well as between lines of text.

To many object

While using graphic elements and headers is a good idea, there is a line between just right and too much. Use these items sparingly and for a very specific purpose