Product
Product
Featured Offer
This is an example of featured offer layout 5. You can choose to show this content box on the left or right side.
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.
Basic Table Example
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Cell 1 | Cell 2 | Cell 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Pod 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Pod 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
>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.
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.
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.
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.
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.
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 with Caption Example
Image with Column Example
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 1 Title
This is an example of text within the offers container.
Offer 2 Title
This is an example of text within the offers container.
Offer 3 Title
This is an example of text within the offers container.
Offer 1 Title
This is an example of text within the offers container.
Offer 2 Title
This is an example of text within the offers container.
Offer 3 Title
This is an example of text within the offers container.
Standalone Video in Column
The below is an example of a standalone video player within a column component.