Page templates

Homepage, landing and index pages

• Homepage
  • Homepage with component options control
  • Homepage hero image sizes and responsivess
• Landing page
  • Landing page with component options control
  • Landing hero image sizes and responsivess
  • With feature block
• Section index
• Services index
• Search results (listing only)

Content pages

Each page contains a breadcrumb

One-column

• 1-column (100%, max width 980px)
• 1-column grid
• Watch

Two-column with right panel

• 2-column – main + right sidebar
• 2-column grid – right sidebar + main
• Watch

Two-column with left panel

• 2-column – left sidebar + main
• 2-column grid – left sidebar + main
• Watch

Three-column

• 3 column – left sidebar + main + right sidebar
• 3-column grid
• Watch

Components

Cards (tiles)

• Header with bulleted list
• Header with summary text
• Icon card (currently on homepage)

Callout box

• Related info blue – bulleted list, used on index pages
• Related info black bar – used on service and content pages
• Callout special blue – used on landing and index pages
• Callout special black – used on transition page
• Callout half and full widths (specify widths?)

Buttons

• 3 button styles

Feature panel

• Tall – used on homepage
• Short – image left
• Short – image right

Additional components

• Image card with text
• Image or media grouping
• Bylaw
• Accordions
• Side navigation
• Tables | Mobile table
• Timeline
• Gallery (with light box)
• Video
• Quotes
• Feedback (capability to embed widget)
• Alerts
• Child care subsidy eligibility