University of Wisconsin–Madison

HTML Templates

The following templates provide complete HTML, CSS, Javascript, fonts, and images needed to design web pages that adopt the basic elements and layouts of the UW–Madison design system.

Download the templates

View the templates

screen shot of a sample homepage template

Home page

The home page template includes a hero image, row of featured content, a stylized pull quote, and body copy.

screen shot of sample template called classic content with right sidebar

Classic content with right sidebar

The classic content with right sidebar template includes a main content area with a right sidebar menu that can also include other sidebar boxes.

screen shot of sample theme called classic content with left sidebar

Classic content with left sidebar

The classic content with left sidebar template is exactly the same as the content with right sidebar, other than a single CSS class is added to switch the visual order of the main and sidebar containers.