Card sets are full of interactive elements such as text, links, buttons, or images associated with a singular thought/action.
Creating a Landing Page
Go to Content > Add Content > Landing Page
Give your Landing Page a Title
Assign the Landing Page to a Section
See an example of this content type
Adding a Card Set
From the paragraph builder select the button labeled Add Card Set
Enter the heading for this Card Set in the Card Set Title field.
Select Under Title Options and select whether the Card Set Title should be aligned left or centered. The default is visually hidden.
Select the Card Size and number of cards per row.
...
Info |
---|
The Link text displays on the Button and is the call-to-action for this page. The URL defines the button link. |
Adding an Icon Card
In the Card Builder section, select Add Individual Card Icon
Determine icon (Choose ONLY one):
Select an icon from the Icon dropdown list. (Leave none for second option)
Place the code for a SVG in the Custom field OR a bootstrap icon (if you have the bootstrap icon library enabled). NOTE: Only <svg>, <i>, or <span> parent tags are allowed.
Info |
---|
If using SVG, be sure to add a <title>ICON DESC</title> to your code immediately after the <svg> opening tag for W3C compliance. |
Enter an optional card heading in the Title field.
Specify the Title Font Size; options include small, medium, large, and x-large (default is large).
If you would like the Title field to be linked, use the Link field.
Info |
---|
By default the Title and Icon link to the same page, internal path or external URL. |
Add content to the Body field.