Hero Component
Start the page with a full-width image and intro text. Hero components can be one of three heights and have an optional background image or color. Images may be cropped to fit.

Large Hero Heading
This is an example of the large height hero to be used on the homepage. Image should be 1440 x 700px.
Small Hero Heading
This is an example of the small height hero. Background image should be 1440 x 440px.
50:50 Component
Display a block with an image on the left and text content on the right or vice-versa.

Heading
Subheading
This is an example of a 50:50 component. Images should be 768 x 614px.
Card Component
Display content cards in either 3 or 4 columns. Each card can have an image, title, description and link. Images will be cropped if not sized to specs. All the cards can have an optional background color.
Heading
Heading
Icon Text Component
Display content cards in either 2, 3 or 4 columns. Each card can have an icon image, title, description and link. Icon images should be cropped to actual size. They should not be larger than 140 x 140px. Make them all the same height for the card content to line up.
Image Overlay Component
Display information overlaid on top of a large image. Image Overlay components can have one of three grid layouts: full width, one to two, or one to one. Each image card can have a title, description and link. Images will be cropped if not sized to specs.
Image Carousel Component
Display a carousel of full-width images.
Testimonial Component
Display a carousel of quotes with optional images and ratings.
Before & After Component
Display a carousel of quotes with before and after images.
Video Embed Component
Embed a YouTube video with caption and description.
FAQ Component
Display collapsible drawers of information. FAQ components can have one of two layouts, with the intro copy on the left or above the drawers.
-
First Question?
Answer text.
-
Second Question?
Answer text.
WYSIWYG Component
WYSIWYG (What You See Is What You Get) components are used for rich content blocks.
Heading
This is an example of a WYSIWYG component. This can include images, headlines, paragraphs, lists, links, etc.
Text iFrame Component
Display a form within an iFrame.
JavaScript Embed Component
Insert JavaScript in the page to add third-party tools.
Social Media Feed Component
Display either an Instagram or Facebook social feed with its shortcode.
Heading
Related Products Component
Display three related product cards. Product images should be 1536 x 1844px.
Heading
-
Purina® Evolution
Maternity
16.5% Protein7.0% Fat15.0% FibreFeed for mares, nursing and growing foalsLearn More -
Purina® Evolution
Senior
14.0% Protein6.0% Fat16.0% FibreSenior horse feedLearn More -
Purina® Equilibrium
Equilizer
12.0% Protein4.0% Fat15.0% FibreVitamins and minerals for horsesLearn More
Blog Articles
Blog images should be 820 x 525px.