Skip to main content

Quadriptych Headline

Subhead goes here.

Placeholder image 1

Headline Goes Here

Short description goes here. Do not put links here. Only one short paragraph.

Placeholder image 2

Headline Goes Here

Short description goes here. Do not put links here. Only one short paragraph.

Placeholder image 3

Headline Goes Here

Short description goes here. Do not put links here. Only one short paragraph.

Placeholder image 4

Headline Goes Here

Short description goes here. Do not put links here. Only one short paragraph.

Put any additional info or links here.
  • wvu-gold
  • wvu-blue
  • wvu-off-white
  • wvu-dune
  • wvu-limed-spruce
  • wvu-gray-chateau
  • wvu-pine-cone
  • wvu-schooner
  • wvu-tide
  • wvu-smalt
  • wvu-endeavor
  • wvu-morning-glory
  • wvu-judge-gray
  • wvu-reef-gold
  • wvu-tangerine
  • wvu-eden
  • wvu-xanadu
  • wvu-summer-green
  • wvu-well-read
  • wvu-trinidad
  • wvu-candelight

Something wrong with this pattern or the documentation? File an issue on Bitbucket.

Options

Data Field Location Option Result
bgcolor_quadriptych Page Properties > Data Any color you want Changes color scheme based on background color.
slot_01 - slot_10 Page Properties > Data quadriptych Inserts quadriptych into designated slot.
slot_01 - slot_10 Page Properties > Data quadriptych-2 Inserts quadriptych into designated slot (use this if you have 1 other quadriptych already).
slot_01 - slot_10 Page Properties > Data quadriptych-3 Inserts quadriptych into designated slot (use this if you have 2 other quadriptychs already).

Do

Don’t

  • Do not embed Twitter, Facebook, or other widgets in these panels. These do not mesh with the WVU Brand, clutter up the page, and are hard to customize. If you need to showcase social media accounts, use the social media pattern.
  • Do not use content that is of unequal length in each panel. Each panel should have roughly the same amount of text so the content looks balanced.
  • Do not use different size photos in each panel. The photos in each panel should be the same size and ratio.

Something wrong with this pattern or the documentation? File an issue on Bitbucket.