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
Example page of component quote 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
emergency.berkeley.edu
Contains no navigation bar or hero
Lunch Poems
Single page site: no navigation
Story Hour
Single page site: no navigation