Back to Top
Skip to Site Search Skip to Utility Nav Skip to Top Nav Skip to Left Nav Skip to Content
Close Main Menu

6.12 Flip Cards

If you have content that you think will be best displayed with flip cards, please contact the webteam via ServiceNow (login required).

Example

A 'live' web page that is using a flip box block. The block of content is outlined and has an arrow pointing to it, clicking will take you to the student life web page

Styles & Usage

Style Options

The style types that are available for this block are listed below:

Type 1: Flip Box with Image

Getting started at UNG
Proin scelerisque, arcu ut consectetur interdum, arcu nibh posuere leo, eget convallis libero nibh sollicitudin risus.
Flip to Back of Card
Getting started at UNG

Vestibulum mauris metus, volutpat vel justo sed, volutpat bibendum ligula. Vestibulum ac lobortis justo. Nulla facilisi. Praesent tincidunt posuere massa, eu dictum elit finibus et. Morbi sodales, odio id pellentesque porta, mauris velit rhoncus augue, egestas vestibulum orci neque non dolor. Cras nulla lectus, sollicitudin viverra leo ac, aliquet ultrices nibh.

Flip to Front of Card

Type 2: Flip Box without Image

Getting started at UNG
Proin scelerisque, arcu ut consectetur interdum, arcu nibh posuere leo, eget convallis libero nibh sollicitudin risus. Proin scelerisque, arcu ut consectetur interdum, arcu nibh posuere leo, eget convallis libero nibh sollicitudin risus.
Flip to Back of Card
Getting started at UNG

Column 1

Vestibulum mauris metus, volutpat vel justo sed, volutpat bibendum ligula. Vestibulum ac lobortis justo. Nulla facilisi. Proin scelerisque, arcu ut consectetur interdum, arcu nibh posuere leo.

Column 2

Praesent tincidunt posuere massa, eu dictum elit finibus et. Morbi sodales, odio id pellentesque porta, Proin scelerisque, arcu ut consectetur interdum, arcu nibh posuere leo.

link
Flip to Front of Card
Where to Use

The diagrams below will help you determine where this block can be used. The "Y" inside the box, green yes square, means this block can go in to this column or space. The ''N' inside the box, red no square means this block can't go in this column or space.

Quick Reference

Administrator Only Block

Naming Convention

  • Name of block should always begin with flip-

Please be sure to double check your naming structure to ensure there are no spaces in between any words or dashes. Any space in the name will disrupt the functionality of your block.

Correct: flip-fall-signup

Incorrect: flip -fall-signup

Character Limits

  • Front Side
    • Title 40 characters
    • Text 150 characters (with image)
    • Text 300 characters (without image)
  • Flipped Side
    • Title is automatically added to the filled site
    • Text 300 characters (10 lines, 30 characters per line)

What can I add to this block?

  • Links? Yes
  • Other Blocks? No
  • Columns? Yes
  • Sections? Yes

UNG follows Section 508 Standards and WCAG 2.0 for web accessibility. If you require the content on this web page in another format, please contact the ADA Coordinator.

Back to Top