Product

Articles

Articles

Featured Offer in Carousel


Accordion Style 1 Example

Accordion Style 1 inner content. This area is hidden on page load until the accordion is opened.


Accordion Style 2 Example

This is the answer to question 1.

This is the answer to question 2.

Expandable Columns Example

Column 1

This is rich text within the expandable column.

Column 2

This is rich text within the expandable column.


Basic Table Example

Heading 1Heading 2Heading 3
Cell 1Cell 2Cell 3

Advanced Table Example

Container

Internal Cubic Capacity

Maximum Gross Weight

Tare Weight

AMJ / M - 1C

590.3 cu. ft

15,000 lbs

767 lbs

PMC / PALLET P6P

Variable

15,000 lbs

260 lbs

PAG / PALLET P1P

Variable

13,300 lbs

240 lbs

AVE / LD - 3

153 cu. ft

3,500 lbs

215 lbs

AYY / DEMI

201.5 cu. ft

6,650 lbs

301 lbs


Pods Container with Fixed Height

The below is an example of a fixed-height pods container, which allows for varying heights of text content while keeping the buttons equally aligned at the bottom of the pods.

Pod 1 Image

Pod 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Learn More
Pod 2 Image

Pod 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Learn More
Pod 3 Image

Pod 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Learn More

Pods by Column Example

The below is an example of two rows of pods created with columns as opposed to using the pods container component.

Image is not internal. Cannot convert SVG to code.

Some Title

This is a paragraph of richtext that goes beneath the title inside a pods layout. The pods layout can also be achieved with this column control.

Image is not internal. Cannot convert SVG to code.

Some Title

This is a paragraph of richtext that goes beneath the title inside a pods layout. The pods layout can also be achieved with this column control.

Image is not internal. Cannot convert SVG to code.

Some Title

This is a paragraph of richtext that goes beneath the title inside a pods layout. The pods layout can also be achieved with this column control.

Image is not internal. Cannot convert SVG to code.

Some Title

This is a paragraph of richtext that goes beneath the title inside a pods layout. The pods layout can also be achieved with this column control.

Image is not internal. Cannot convert SVG to code.

Some Title

This is a paragraph of richtext that goes beneath the title inside a pods layout. The pods layout can also be achieved with this column control.

Image is not internal. Cannot convert SVG to code.

Some Title

This is a paragraph of richtext that goes beneath the title inside a pods layout. The pods layout can also be achieved with this column control.


Pods in Horizontal Layout

The below is an example of the pods in a horizontal layout. Column controls are used as opposed to the pods container.

Image is not internal. Cannot convert SVG to code.

Some Title

This is a paragraph of richtext that goes beneath the title inside a pods layout. The pods layout can also be achieved with this column control.

Image is not internal. Cannot convert SVG to code.

Some Title

This is a paragraph of richtext that goes beneath the title inside a pods layout. The pods layout can also be achieved with this column control.

Image is not internal. Cannot convert SVG to code.

Some Title

This is a paragraph of richtext that goes beneath the title inside a pods layout. The pods layout can also be achieved with this column control.


Pods in Carousel

The below is an example of the pods layout within a carousel. Each pod is built as 1 slide, with the carousel component being configured to display 3 slides at once, giving the 3 pods layout. On mobile, each slide becomes 100% width and swipeable.

>

Image with Caption Example

Alt

Image with Column Example

Alt

Image Title Example

This image and content is within a 4 column layout with the left and right sides being 16% width and the 2 center columns being 33% width each. The image is set to 100% width of it's column.


Offers Container Example

The below is an example of an offers container in 3-up layout.

Offer 2 Title

This is an example of text within the offers container.

Learn More

Offer 3 Title

This is an example of text within the offers container.

Learn More

Standalone Video in Column

The below is an example of a standalone video player within a column component.

Alt