Freebie: “Boxify” One Page Website Template

A modern free HTML5/CSS3 website template with a polished look and smooth animations, carefully crafted with the latest web technologies.


Today we are very happy to share a beautiful and modern one page website template with you.

Boxify is a stylish HTML5/CSS3 template that was carefully crafted and enhanced with some smooth effects. It’s fitting for any type of portfolio or start-up website, but it’s very flexible and can be used for many other projects.

About the website template

The responsive template is made with the freshest web technologies and it’s build with


Have a look at the whole template design:


Check out the live demo of the template: Boxify Live Preview

Download the template for free:

You can download the ZIP file here:

Use it freely but please don’t republish or redistribute the template.

We hope you enjoy this freebie and find it useful!

If you’d like to contribute and publish your freebie on Codrops just drop us a line.


Tagged with:

Peter's an Interaction Designer @ Google. Crafting memorable, emotive and engaging experiences through research, testing and data science.

View all contributions by


Related Articles

CSS Reference

Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

It doesn't matter if you are a beginner or intermediate, start leanirng CSS now.

Feedback 100

  1. 2

    This is a realy beatiful template. I’ll use on my aplications web page and I bet it’ll be great.
    Thank you for the incledible work.

  2. 5

    It is nice to come across such good and smooth responsive web templates, really make my learning easier, Thank you Peter Finlan. Ismael Khangane – Mwanza. Tanzania.

  3. 12

    Hello my freind, tks for share this template.
    I need your help. I canĀ“t fix the menu bottom. Can tell me what I need CSS file name change? You have the new code with this?

    Thank you.

  4. 14

    Can anybody tell me how to change the flickity slider controls?? I’ve been trying to do get it changed to autoplay. Where should I do that??

  5. 16

    Greetings and hatsoff Sir,
    Uptill now I have downloaded too many templates but have never considered or got bothered to put the name of actual designer/developer of webpage. You earned the respect and I will make sure to put the name as well as the website link at the end credentials if I ever publish this webpage.
    Thank You! for creating such marvelous work.

  6. 17

    Hey Peter, not sure if this has been answered already. How do I change the feature icons?
    Is there code associated with Glyphicon I have to add or change?

  7. 19

    Hi, we are facing a problem with the showcase section on iphone. The background image does not appear fully. We have checked this on the live preview. Is this a known problem?



  8. 20

    Hey Peter, first of all, Thank you for such an amazing template!

    I was wondering if there’s anyway to change the font size when displaying in other devices, i.e. in an iphone. I added the following media queries but it doesn’t seem to work.

    @media (max-width: 1024px) and (min-width: 768px) {

    .overlay ul li a {font-size: 42px;}


    @media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px){

    .overlay ul li a {font-size: 42px;}


    @media screen and (max-width: 768px){

    .overlay ul li a { font-size: 42px;}


    Any tip?

    Thank you again!

Follow this discussion

Leave a Comment