The animated icon block allows you to callout important calls to action by adding animated graphical elements to the page.

First CTA in a column

Learn more

Second CTA in a column

Explore resources

Third CTA in a column

Show me more

Stand alone CTA with an icon, that is not left or right aligned

The text goes all the way across

How to use the animated icon block

This block can stand alone or be placed in columns as seen above, if you’d like to use more than one.

  1. To have just one icon alone, simply add the animated icon list block to the page and choose which alignment you’d like (left, right, or centered).
    • In the Page Editor, navigate to the area of the page where you want the block to display.
    • Click on the Add block icon [+] and select/search for Animated Icon from the menu.
  2. To have two or more aligned next to each other in a row, add the column block to the page, select the number of columns you need, then add the animated icon list block to each column.
  3. When adding the block to the page, use the right-hand menu to select which icon you want to use and add the url you want to link to. Then click on text in the animated icon list block to type the text under the icon and then edit the link text.
  4. Click update in the page editor to save your changes.