1. Home
  2. Style Guide
  3. Style Guide: Module Options (with callout enabled)

Style Guide: Module Options (with callout enabled)

Announcement:

Alert

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum dui et consectetur pretium. Donec leo lacus, tristique non arcu et, faucibus vehicula dui.


CTA row:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer rutrum dui et consectetur pretium.


Full-width CTA row:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

notes: Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Button row:

  • Description: Full-width, horizontal buttons.
  • Heading: Basic WYSIWYG
  • Link: One link, with the option to open in new window

Card row:

  • Can have 1-3 cards per row
  • Card automatically resize
  • Heading: Plain text
  • Image: Optional (recommend: 2472x1050)
  • Link: Optional with option to open in new window
  • Also have option to include a callout

A) Card row without CTA

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit

    Suspendisse potenti. Nulla dapibus pulvinar lacus eu blandit. Fusce eu faucibus lorem. Donec non elit elit. Nunc iaculis sagittis odio, in ultrices nulla dapibus sit amet. Maecenas eget elit in sem consequat fringilla.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit

    Aenean iaculis posuere turpis, nec lobortis neque semper ac. Sed facilisis lectus nisl. Sed malesuada dictum eros. In nisi est, mollis at metus in, mattis placerat mauris. Vestibulum facilisis mattis quam molestie convallis. Curabitur metus mi, egestas a blandit aliquam, vehicula pretium sapien. Nulla et pulvinar lorem. Pellentesque et sagittis ante.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit

    Aenean iaculis posuere turpis, nec lobortis neque semper ac. Sed facilisis lectus nisl. Sed malesuada dictum eros. In nisi est, mollis at metus in, mattis placerat mauris. Vestibulum facilisis mattis quam molestie convallis. Curabitur metus mi, egestas a blandit aliquam, vehicula pretium sapien. Nulla et pulvinar lorem. Pellentesque et sagittis ante.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit

    Aenean iaculis posuere turpis, nec lobortis neque semper ac. Sed facilisis lectus nisl. Sed malesuada dictum eros. In nisi est, mollis at metus in, mattis placerat mauris. Vestibulum facilisis mattis quam molestie convallis. Curabitur metus mi, egestas a blandit aliquam, vehicula pretium sapien. Nulla et pulvinar lorem. Pellentesque et sagittis ante.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit

    Aenean iaculis posuere turpis, nec lobortis neque semper ac. Sed facilisis lectus nisl. Sed malesuada dictum eros. In nisi est, mollis at metus in, mattis placerat mauris. Vestibulum facilisis mattis quam molestie convallis. Curabitur metus mi, egestas a blandit aliquam, vehicula pretium sapien. Nulla et pulvinar lorem. Pellentesque et sagittis ante.

B) Card row with CTA

  • Heading

    Suspendisse potenti. Nulla dapibus pulvinar lacus eu blandit. Fusce eu faucibus lorem. Donec non elit elit. Nunc iaculis sagittis odio, in ultrices nulla dapibus sit amet. Maecenas eget elit in sem consequat fringilla.

  • Heading

    Suspendisse potenti. Nulla dapibus pulvinar lacus eu blandit. Fusce eu faucibus lorem. Donec non elit elit. Nunc iaculis sagittis odio, in ultrices nulla dapibus sit amet. Maecenas eget elit in sem consequat fringilla.

  • Text (Dark)

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.

    Link One Right Arrow Link Two Right Arrow
  • Heading

    Suspendisse potentiiii. Nulla dapibus pulvinar lacus eu blandit. Fusce eu faucibus lorem. Donec non elit elit. Nunc iaculis sagittis odio, in ultrices nulla dapibus sit amet. Maecenas eget elit in sem consequat fringilla.


Forms

Formstack form