Demo pages

Homepage header with one-line wordmark

Homepage header with two-line/logo wordmark

Landing page header with one-line wordmark

Landing pageheader with two-line/logo wordmark

Example page of component Dreamweaver snippets

Basic grid layout examples of bootstrap rows and columns

Templates

Homepage

Two columns of varying width (8:4)
homepage-template-a.shtml with components
homepage-template-a-no-components.shtml without components

Three columns of equal width (4:4:4)
homepage-template-b.shtml with components
homepage-template-b-no-components.shtml without components

Three columns of varying width (3:6:3)
homepage-template-c.shtml with components
homepage-template-c-no-components.shtml without components

Landing page

Two columns of varying width (8:4)
landingpage-template-a.shtml with components
landingpage-template-a-no-components.shtml without components

Three columns of equal width (4:4:4)
landingpage-template-b.shtml with components
landingpage-template-b-no-components.shtml without components

Three columns of varying width (3:6:3)
landingpage-template-c.shtml with components
landingpage-template-c-no-components.shtml without components

Hero images for download

Campus
People
Complete set (14mb ZIP)

Real-world examples

earthquakes.berkeley.edu
Built with Jekyll using the branded Dreamweaver templates skin

events.berkeley.edu
Uses the branded templates skin

rac.berkeley.edu

emergency.berkeley.edu
Contains no navigation bar or hero

Lunch Poems
Single page site: no navigation

Story Hour
Single page site: no navigation

Public Affairs