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.

Orbit Home

More Info HTML

Banner Home

More Info HTML

Sidebar

More Info HTML

Contact

More Info HTML

Marketing

More Info HTML

Workspace

More Info HTML

Marketing 2

More Info HTML

Product

More Info HTML

Portfolio

More Info HTML

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.
×

Portfolio 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

Portfolio Theme

More Info HTML

Banner Theme

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

Portfolio 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.