AHC-wide layouts organized by number of columns

Descriptions of the general and landing page layouts are categorized by the number of columns:

General Layouts - 2 Column

General C - View demo | Research for Indigenous Community Health example

Main content area includes a banner image (700x190 px), heading and sub-heading followed by WYSIWYG copy area

General D - View demo

Main content area includes a heading and sub-heading followed by WYSIWYG copy area

General E - View demo

Main content area includes a heading and sub-heading followed by WYSIWYG copy area
Row 1 content area includes a row header with two columns:

Left header with video underneath
Right header with features (headlines and tease text)

General F - View demo

Main content area includes a heading and sub-heading followed by WYSIWYG copy area
Row 2 is three columns:

Image (220x140 px) with copy beneath it
Headline with copy
Headline with list of links

General I - View demo

Main content area includes a heading, subheading followed by WYSIWYG copy area
Row 1 is two columns each featuring an image (220x140 px) with copy beneath it

General J - View demo

Main content area includes a heading, subheading followed by WYSIWYG copy area.
Row 1 is one column with an image (340x190 px) with copy (short paragraph) beside it and optional read more link

General Layouts - 3 Column

General A - View demo | View Center for Health Equity example

Main content area includes a banner image (700x190 px), heading and sub-heading followed by WYSIWYG copy area
Video (optional) includes header and caption
Right column with three widget options:

Header, Content, Read more URL
Header, Links
Image (220x140 px), Header, Content, Read more URL

General B - View demo | Biomedical Genomics Center example

Main content area includes a heading followed by WYSIWYG copy area
Video (optional) includes header and caption. * Requires YouTube embed code
Right column with three widget options:

Header, Content, Read more URL
Header, Links
Image (220x140 px), Header, Content, Read more URL

General G - View demo

Main content area includes a small banner image (460x250 px), heading followed by WYSIWYG copy area
Video (optional) includes header and caption
Right column with three widget options:

Header, Content, Read more URL
Header, Links
Image (220x140 px), Header, Content, Read more URL

General H - View demo

Main content area includes a heading followed by WYSIWYG copy area
Video (optional) includes header and caption
Right column with three widget options:

Header, Content, Read more URL
Header, Links
Image (220x140 px), Header, Content, Read more URL

Landing Page Layouts - 2 Column

Landing A - View demo | Center for Health Equity example

Main content area includes a header image (700x x190 px), heading and sub-heading followed by WYSIWYG copy area
Row 1 is two columns each featuring an image (220x140 px) with copy beneath it and optional read more link
Row 2 is three columns:

Image (220x140 px) with header and copy beneath it
Headline with copy
Headline with list of links

Landing B - View demo

Main content area includes a header image (700x190 px), heading and sub-heading followed by WYSIWYG copy area
Row 1 is one column with an image (340x190 px) with copy (short paragraph) beneath it and optional read more link
Row 2 is three columns:

Image (220 x 140 px) with header copy beneath it
Headline with copy
Headline with list of links

Landing C - View demo

Main content area includes a heading and sub-heading followed by WYSIWYG copy area.
Row 1 is two columns each featuring an image (340x190 px) with copy beneath it and optional read more link. Note: it looks best when both columns have similar amount of text
Row 2 is three columns:

Image (220x140 px) with header and copy beneath it
Headline with copy
Headline with list of links

Landing D - View demo

Main content area includes a heading and sub-heading followed by WYSIWYG copy area.
Row 1 is one column with an image (340x190 px) with copy (short paragraph) beneath it and optional read more link
Row 2 is three columns:

Image (220x140 px) with header and copy beneath it
Headline with copy
Headline with list of links

Landing F - View demo

Main content area includes a heading and sub-heading followed by WYSIWYG copy area.
Row 1 is three columns:

Image (220x140 px) with header and copy beneath it
Headline with copy
Headline with list of links

Landing I - View demo | Center for Health Equity example
Main content area includes a header image (700x190 px), heading and sub-heading followed by WYSIWYG copy area
Row 1 is two columns each featuring an image (340x190 px) with copy beneath it and optional read more link. Note: it looks best when both columns have similar amount of text
Landing J - View demo
Main content area includes a header image (700x190 px), heading and sub-heading followed by WYSIWYG copy area
Row 1 is one column with an image (340x190 px) with copy (short paragraph) to the right of the copy and optional read more link
Landing Page Layouts - 3 Column

Landing E - View demo

Main content area includes a heading and sub-heading followed by WYSIWYG copy area.
Row 1 is two columns:
Left column has a header and an embedded YouTube video
Right column has a list of headlines and story teases

Landing G - View demo

The main content area includes:

Small banner image (460x250 px), heading, and a WYSIWYG area
Video (optional) includes header and caption

Right column with three options:

Header, Content, Read more URL
Header, Links
Image (220x140 px), Header, Content, Read more URL

Landing H - View demo

The main content area includes:

Heading, and a WYSIWYG copy area
Video (optional) includes header and caption

Right column with three options:

Header, Content, Read more URL
Header, Links
Image (220x140 px), Header, Content, Read more URL

No TrackBacks

Categories

Monthly Archives

Pages

Search

About this Entry