Foundation: The Most Advanced Responsive Front-end Framework from ZURB

HTML Templates

Cook your site faster with some canned HTML

How to Use Our Templates

Using the grid you can build tons of layouts. Without using a single line of CSS outside of what comes with Foundation, we've created thirteen layouts for you to start from and build on. It's dead simple to use these simple HTML templates, just grab the code and drop it between the <body> tags of a Foundation page.

Check out Building Blocks for the latest Foundation code patterns that you can use today!
Or check out Foundation 4 Templates →

Available Templates

Click to view the templates in the browser. Press option/alt to download them for your next project.

Banded Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Blog Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Feed Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Grid Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Orbit Homepage Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Banner Homepage Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Sidebar Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Contact Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Marketing Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Realty Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

So Boxy Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Store Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Workspace Page Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Marketing Page 2 Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Product Template

Copy the HTML and paste it between your <body> tags in a Foundation page.
×

Available Themes

Click to view the themes in the browser. Press option/alt to download them for your next project.

Banner Theme

More Info HTML

Banner Theme

Copy the HTML and paste it between your <body> tags in a Foundation page.
×
Stay on top of what’s happening in responsive design.

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »