Skip to main content
Student posing in front of a backdrop.

Place your Page Title or Statement Text here.

Photo of Windmills

Type of card #1

Put some thought provoking statement or a teaser about the information that the Card Links to in the next layer of content.

Photo of Bear Down Gym

There are different colors and styles of Cards

Cards are used to organize content on a page. You will be limited to 4 cards per row.

Wilma

Cards can be used in many Creative ways

 There are many sample card styles on the Quickstart site. Please take a look via the link below.

Or Cards can be used to manipulate the display information

Image
Wilma

Or they can be used to format various kinds of Images with accompanying text.

 

Quickstart Cards

Add any text here that gives an overview of the content of the page. I like to use the Lead Style for the first sentences or short paragraph, unless it's a title for a section. Then use the Heading hierarchy to make the page Accessible.

  • This text can be before or after the Cards.
  • Make sure to follow the Heading Hierarchy
  • Format for the correct Hierarchy, but use Styles to visually change text size and color
  • Best practices say
  • Other page elements can be used to group information or pull in information via a View.
    • Accordions:
      • Good for FAQs
      • Good for long paragraphs of info that could be broken down into clear headings
    • Views:
      • Add a News View - make sure to add taxonomy if you only want to pull in a select category of News
  • Your color palette for the site is the following:
    • White
    • Arizona Red
    • Arizona Blue
    • Oasis (Medium Blue)
    • Sky
    • Warm Gray (Taupe)
    • Gray 100 - Gray 300

 

Condensing several pages?

Especially pages with little content, a list of links or FAQs? Use the power of the Accordion! Put the title of the page in a Text box and any miscellaneous general text too.

Add all of the content under the section title here.

Until you have moved all of the page text to the accordions.