New AHC-Wide Designs

This resource has moved. Please visit the Academic Health Center Web Resource Hub: http://z.umn.edu/webhub

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 CView 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
  • 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
  • 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 

  • 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

  • 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

Magnify Right Sidebar Player Test 1

Lyris Subscribe Form

Generic subscribe form code generated by Lyris.


Email address:
(required) Your name:

Fairview Video Player

Kick Apps Player #1 Test