Interactive Callouts

Its always nice when the content in a callout is relatively similar in character length, however, sometimes it can be hard to ensure that. Interactive callouts like flip-boxes and slide-boxes can help solve this problem. Just be careful to use these as accents with links to read more on another page – never put too much content in these. 

int callout

Sample Callouts

See how the interactive callout modules like flipbox and slidebox shown in the examples below can help hide the uneven character lengths in these simple callout text boxes. 

character-length

Flipbox

Hover to flip and reveal remaining content on the back.

Let's Flip!

Lorem Ipsum is simply dummy text...

Cool!

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

Slidebox

Click the arrow to slide and reveal remaining content below.

Slide Box Front

Lorem Ipsum is dummy content...

Slide Box Back

  • Enter description text here.
  • Enter description text here.
Read More

Interactive Banner 1

13 hover options available with call-to-action and various overlay colors.

b1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Interactive Banner

Interactive Banner 2

Hover over the banner to reveal the description text. Never place more than a few lines of content in the description area. 

a1

Interactive Banner 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

About:

Site Goal(s): Text Organization
Use Case(s):

Supported Plan(s):


Functionality:


Availability:


Related Features: