Cards Style

CSS Style Overview

  • list_cards_univBlue
  • list_cards_medBlue
  • list_cards_lightBlue
  • list_cards_gray
  • list_cards_orange
  • list_cards_beige
  • list_cards_black
  • list_cards_white
  • list_cards_gradient

Structured Layout

This style uses a single bulleted list to display a grid layout with a color change.  The first item in the list  provide a top header with children boxes underneath.  The grid is structured to be in rows of three. You can also set the header to blockquote that just creates a nicely spaced text for an opening paragraph. 

CSS Style

list_cards_univBlue

  • blockquote text

  • header 3

  • link 1
  • text 1
  • text 2
  • text 3
  • text 4

CSS Style

list_cards_medBlue

  • header 2

  • Sept  16-18, 2017

    Event Info
    Goes here

  • link 1
  • text 1
  • text 2
  • text 3
  • adsf
  • text 4

CSS Style

list_cards_lightBlue

  • header 2

  • header 3

  • link 1
  • text 1
  • text 2
  • text 3
  • text 4

CSS Style

list_cards_gray

  • header 2

  • header 3

  • link 1
  • text 1
  • text 2
  • text 3
  • text 4

CSS Style

list_cards_orange

  • header 2

  • header 3

  • link 1
  • text 1
  • text 2
  • text 3
  • text 4

CSS Style

list_cards_beige

  • header 2

  • header 3

  • link 1
  • text 1
  • text 2
  • text 3
  • text 4

CSS Style

list_cards_black

  • header 2

  • header 3

  • link 1
  • text 1
  • text 2
  • text 3
  • text 4

CSS Style

list_cards_white

  • header 2

  • header 3

  • link 1
  • text 1
  • text 2
  • text 3
  • text 4

CSS Style

list_cards_gradient

  • header 2

  • header 3

  • link 1
  • text 1
  • text 2
  • text 3
  • text 4