Flexbox Templates

These website layout templates are built using CSS Flexbox Layout.

See the flexbox tutorial to learn how flexbox works.

This template only uses flexbox on the middle bit (the header and footer use block layout).

This template uses nested flex containers so that the whole layout uses flexbox.

Customize Your Template

Here are a few ways you can modify your HTML template.

Add some free graphics to your template.
Modify your template or simply add content with these HTML codes. Simply copy/paste them into your template.
Check out these HTML examples for more ideas. You can copy and paste these too.
Browse this list of JavaScript examples to add interactivity to your website. Again, you can copy and paste the code.
Learn HTML with this HTML tutorial.
Learn how to modify your template styles with this CSS tutorial.
Learn how to add interactivity to your template with this JavaScript tutorial.
Check out our other tutorials by visiting our homepage.