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

HTML Templates

Responsive templates to kick off your projects. You can build tons of layouts with the Foundation grid. Without using a single line of CSS outside of what comes with Foundation, we've created eighteen layouts for you to start from and build on.


How to Use Our Templates

It's dead simple to use these simple HTML templates, just grab the code by clicking the HTML link below the preview, copy it, and paste 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.