Content Components
Content Components typically contain more information than a banner component, and are more typically used on pages other than the home page.
These are the building blocks that contain most of the actual site content. It is best practice when configuring content to break the content up into easily-digestable chunks. Utilizing different types of Content Components, and/or changing background colors on some Content Components, can help break up content on a page.
Card Content Component
This is the basic content component. The template allows for the background to be optionally set for a color other than white. Other than the header, the entire content area can be laid out via the rich text editor.
Options:
- H1, H2, or H3 header
- Set background color
If you do not need a background color and/or a border, you can also use the General Content Component for basic page content.
Content (Card) Component Template Documentation
This is the basic content component. The template allows for the background to be optionally set for a color other than white. Other than the header, the entire content area can be laid out via the rich text editor.
Options:
- H1, H2, or H3 header
- Set background color
3x Column Boxes Component
The 3x Column Boxes Component creates a set of three equal width columns, with the content aligned on top and the boxes themselves having equal height On phones, the boxes extend to 100% width and stack.
3x Column Boxes Component Template Documentation
Test 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id nibh at urna pellentesque tincidunt sit amet sit amet ante. Aliquam semper velit in ipsum pulvinar imperdiet. Etiam tincidunt mollis pulvinar.
Test 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id nibh at urna pellentesque tincidunt sit amet sit amet ante. Aliquam semper velit in ipsum pulvinar imperdiet. Etiam tincidunt mollis pulvinar.
Test 3
In nec nunc non massa tristique faucibus at eget turpis. In a tellus tristique, imperdiet elit vitae, pellentesque sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Content with Alert Component
This Component is a variation of the flex image content box. The component includes areas for text above and below, and a single alert/warning box below the top text block.
Options
- H1, H2 or H3 header
- Optional text below alert box
- Image on right or left
Content with Alert Component Template Documentation
Content with Video Component
This component features text blocks above and below a responsively-sized video insert
Options:
- H1, H2 or H3 header
- Optional Text above video
- Optional text below video
Content with Video Component Template Documentation