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.

Boxify_Featured

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

Preview

Have a look at the whole template design:

Boxify_Preview

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.

Previous:
Next:

Tagged with:

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

View all contributions by

Website: http://peterfinlan.com/

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 101

  1. 1

    WOW super nice Template, love it :-)
    Question, is it possible to make the “Menu” Scroll down with the content?
    Sorry for my Beginner Question but i use to spent and lose a lot of time because of sometime simple things wich are done with CSS
    Thx, and i like the Template even if the Menu stay where it is ;-)

    • 2

      Hi,
      if you are talking about the menu “button”, you can set it in “position: fixed”.
      I didn’t looked the css in detail but it seems you will have to deal with z-index and stuffs like that, and also maybe with “color change”: white icon on white background doesn’t really works. ; )

    • 3

      Hi Amel thanks for the question. Yes it is possible although you will need to rework the code somewhat to allow for the fixed positioning to work as intended. Like Alexis has said below, we can achieve this by adding a CSS positioning style of “fixed” (position: fixed;) to our navigation element. This won’t work 100% correctly “out of the box” because the HTML isn’t structured to accommodate this as is. Please email me if you are still wanting to create this effect and I’d be happy to help you.

  2. 10

    Very nice and clean template. Great works.
    But I have problem with auto scrolling, it’s a little bit lag with my Chrome (latest, OS X Maverick)

  3. 12

    Nice and clean template but the scrolling lags in Chrome + firefox what about this . Smooth scrolling can give it a better effect . Anyway it was Good!. :)

  4. 15

    Love the design and layout, I’m probably going to gut it though and create it under foundation instead as that’s my preferred framework.

  5. 18

    very nice work, thanks a lot .
    I don’t know a lot of thing concerning coding but I’m trying to make a “vertical slider website” with this template and some code that I have found.
    Most of it works but some of the SVG animations and the showcase background don’t.
    I’m trying to correct the problem for 2 days now but I think its coming from the javascript and I don’t know a thing abnout this language .
    Could someone take a look at my code, please :) ? I can upload a zip with the files .

Follow this discussion

Leave a Comment