Free Responsive Web Templates

Single Page Multi Column Designs

If you're looking for The Road to Responsive Web Design, you've found it.

Our new series of templates are different than most free templates you'll find on the internet. They are not only teaching tools,but we actually used one of them (#006) to remodel our main website.

Each template includes one of the 3 tier drop down menu systems from our free navbar collection.

Each template demonstrates the image swapping technique used on responsive designed web pages.

They all use Media Queries to change font size, margins and padding at various break points for adjustments to smaller viewing devices.

They each include 2 different replacement menus that activate when the main navbar runs out of viewing space. And we demonstrate how to hide or display each with a simple change in the navbar style sheet.

We cater to beginners by using simplified HTML5 compliant code and we've tried not to be too overly zealous in the use of CSS.

Download a zip and run it through the Web Developers Emulator Tool. If you don't know what that is we provide a simple tutorial for finding it on your browser.

There is a link on each preview page for downloading the zip or you can use your back button to return and try another.

Use them as a learning tool or use them to start building your website. The Road to Responsive Web Design is at your beckon call. Best of Luck To All!!

The templates found on this website are W3C compliant and are very easy to modify.

Preview Template #201
Download the Zip