Extra buttons

Used for videos in different pages.

Small buttons

Ribbon

This CTA is used full-width. Copy and paste this component and it will go 100% of your width. You can use the different background combo-classes to have different background colors.

Alert

This CTA is used full-width. Copy and paste this component and it will go 100% of your width. You can use the different background combo-classes to have different background colors.

Banner

This CTA is 94% of the container and has a max with of 1380px. Copy and paste this component and it will go 94% of your width. You can use the different background combo-classes to have different background colors. Example: .fc-bg-primary

Banner w/ Image

This CTA is 94% of the container and has a max with of 1380px and includes a backgrounbd image. Copy and paste this component and it will go 94% of your width. You can use the different background combo-classes to have different background colors.

Full width card

Cards are now done using the auto-grid feature. Whenever a new card is added, you can set it up wherever you want.

Cards with images

Cards are now done using the auto-grid feature. Whenever a new card is added, you can set it up wherever you want.

Hero

Hero is used full-width. Copy and paste this component and it will go 100% of your width. Change the background image using combo class.

Promo

Promo is a two column grid with 12px grid-gap and 12px of padding on all sides.

Alternating Content

Alternating Content is a two column grid with 12px grid-gap and 0px column-gap and 12px of padding on all sides.