Hero CTA

Sticker Title

Detail Text

This component has a header and supporting paragraph text, has video background option, the standard color backgrounds and padding options and up to two optional cta buttons. It also has an option for a sticker thing. The rest of the components will now be in alphabetical order

Accordion Component

This component has collapsible sections modeled for a Q&A section but could be used in other ways. It has our standard background colors and global padding options.

Hello world! You can have as many of these as you’d like.

Choose Your Path Component

A very specific component for three paths. Can’t add or remove path cards but can pick background, card image and title.

Course Detail Component

This component has a header, text area, and three tabbed content areas. It supports the global backgrounds and padding option. Can show two tabs only but can’t add more. Pretty specific for the product page.

Course Feature Grid

This component has a header text area split with an image. if no image is loaded the content just fills 50%. Then it has cards that can flip over

Static card

These flip and don’t support links

Spaced evenly

Information only

In columns

We use a strict carrot diet to help you see like Superman.

Course Introduction

Course Introduction Component

This component has background and padding options, and can have lines on the top, bottom, or none. Image support and can add circular mask

Image for Course Introduction Component

Single line

$1000

Rich content title

You can add as many detail sections to continue creating content on this half of the image. We use this component on the cvent event listing pages. But it has lots of options.

Optional Button
  • Event Detail
    Component
  • Date
    May 7 – 9, 2021
  • Time
    9:00 am – 11:00 am MT
  • Can add/ remove
    Be brief
  • Added 5th
    Column

Flexible Column Grd

Supports 1-4 column support, 3 even or 3 column with one double span. Has global backgrounds and padding options.

This item spans 2 columns

Text area with text link support. This text is centered until the text gets long enough. the it’s left justified. Why? So you can achieve more design options.

Optional Button

Get Better Results with Crucial Conversations

Optional text area.

Learn More

Short title

Short text is centered… why?

Flexible Header Component

This is just a header and a text area. Support global background and padding options.
Text links here are supported as well. This component has no padding but has a spacer above and below it to show spacer function.

Spacer can be any height and can have custom background colors. The spacer components have a blue background.

Form 1 Column

This component is a 50/50 split. Text and form on left, image on right. There is another form component. It has content on the left and the form on the right and is what we use on almost every page, so I’m showing this less used version

Introduction Block

This component has a lot going on. Image support, multiple headers and text areas. Global background and padding support.

Image for Sub header support

Sub header support

Another text area. This component is what we customized to achieve the summer webinar series look and feel. We custom aligned the two headers and text areas. Text links are support but no buttons…

One Column CTA
For when you need one header centered with a button, very similar to the flexible header but this one’s code isn’t as flexible.

Optional Button

Trusted Brands Slider

Header and html text area support. You can add as many images in the rotation as you want. Text link support

Optional Button

Stats Component

This thing is pretty specific but putting it out here anyways. Has two options for display, masonry and stacked

Large header

Supporting text area for the large header

Second thing

Added a second thing and this text supports the second thing

Optional Button

2 Column Banner CTA

Header and text area support up to two buttons and one image. Image can be left or right.

2 Col Banner CTA

Header and text area support up to two buttons and one image. Image can be left or right.

2 Col Feature CTA

First Thing Heading

Text for the first featrued thing. Text link support.

Second Featured Heading

Text for the second featured thing.

Third Header

Text for third thing. You can have as many as you want or make this as long as you want for one item.

Optional Global CTA

2 Column Graphic CTA

Header and HTML text area support. This thing really calls out the button. Can’t change the arrows.

2 Column Image CTA

This component has a header and text area support, checkbox to show the lines on top and bottom or not and image on the left or right. Can choose image placement, top, middle, bottom full bleed. One optional button

2 Column Image CTA

This component has a header and text area support, checkbox to show the lines on top and bottom or not and image on the left or right. Can choose image placement, top, middle, bottom. This one has no padding set as an example.

2 Column Video

50/50 content and video component. Video can be on the left or the right. Vid in middle with padding around. Background and padding support. Optional video time label.


45 min Video

Sub header support

2 col video with buttons

This video player component has more options. Video on left and right, full bleed to edge, subheader above header, up to two buttons