Freebie: 5 Beautiful and Responsive Footer Templates

Freebie: 5 Beautiful and Responsive Footer Templates

Footers are often underestimated by designers and developers. This area of a website is a great place to provide people with more information like contact details and social accounts, or with direct links to pages of interest. This is why we want to share with you a collection of 5 beautiful and responsive footers, which you can use as a building block for your next site.

The Design

Our templates are responsive and are easy to customize. We have split the CSS into separate files for each of the templates, so that it is extremely easy to include the footer that you need into an existing website – just copy and paste! The CSS is self contained, so you can be sure that no conflicts will arise with the rest of the page. Our footers also work great on smartphones and tablets.

Beautiful Responsive Footer Templates

Beautiful Responsive Footer Templates

Some of the footers use Font Awesome, so you have plenty of icons to choose from. And as a bonus they are crisp on any resolution, so are retina ready.

Free for Commercial Use

Feel free to use these templates in both personal and commercial projects. We hope they come in handy and we’d love to see what you do with them :)

Presenting Bootstrap Studio

a revolutionary tool that developers and designers use to create
beautiful interfaces using the Bootstrap Framework.

Learn more
Web Browser Frame DevKit Box Mouse Cursor
by Martin Angelov

Martin is a web developer with an eye for design from Bulgaria. He founded Tutorialzine in 2009 and it still is his favorite side project.

1Share this post
2Read one more article
3Get your free book
Book Cover
jQuery Trickshots

Tutorialzine's advanced jQuery techniques book.



  1. Junaid Atari says:

    Thank you. These are amazing!

  2. Mick Kennys says:

    It looks like standard WP solutions - or maybe I am wrong?

    1. Martin Angelov says:

      You can include these footers in WordPress themes if this is what you are asking. They are plain HTML+CSS and will work with any framework or platform.

  3. Erwin Prasetyo says:

    thanks you Martin, you rock

  4. Son Nguyen says:

    Thank you Martin for sharing the footer templates! They work nicely! :-)

  5. Jean Doucet says:

    Very nice work. Thank You for sharing.

  6. Emmanuel says:

    Thank you for the code.Everything works completely.

  7. Gina says:

    Thanks for the freebie!

  8. Yashin says:

    Hello Martin,
    Thank you a lot. I have been searching through the entire internet for my wordpress website for the about us footer. It was great and looks professional. Keep posting such things. Great work.

  9. sokong says:

    It is amazing and helpful for the developer. Thanks

  10. Pedro says:

    ¿How can i paste this in footer.php of my child theme?

  11. Rex says:

    Hi Martin,

    I uploaded the footer with contact form on Github, but the social icons are not showing, can you help? This is the page:

  12. Amit Sharma says:

    Thank you for the freebie, Martin. Very professional looking footer.

  13. Jerson Apostol says:

    Thank you so much, It helps me a lot :)

  14. Saminu says:

    Hello Martin,

    Thank you so much for this, I am working on a custom WordPress theme for a client and I am kinda out of ideas for the footer and this is just what I needed.

    Thanks once again Martin.

    Best regards,

  15. Nilesh says:

    It is amazing and helpful. Thanks a lot !!!

  16. Nely says:

    Thank you so much. It helps me a lot.

  17. Pablo says:


    Thanks for your templates. Im very new and I dont know where should i add the CSS. Could somebody help me?

Add Comment

Add a Reply

HTML is escaped automatically. Surround code blocks with <pre></pre> for readability.
Perks:   **bold**   __italics__   [some text]( for links