August 2012 Archives

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

About this Archive

This page is an archive of entries from August 2012 listed from newest to oldest.

October 2010 is the previous archive.

Find recent content on the main index or look in the archives to find all content.