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.
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 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.
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
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.
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.
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