H002C Hero w/ Chop and Optional Carousel and Optional CTAs

These examples show the variety of possibilities that can be created for the H002C Hero. This uses a design on the bottom of the image with a "chop" cut into the image for visual effect. Note: due to the design of Placements in CoreMedia it is difficult to show multiple heroes on a page. This regression page makes the best effort to show three examples.

• Single Image: This is a typical hero (shown at the top in the normal hero spot) that has an H1 Title and body copy
• CTAs: In either of the examples for single image or carousel, any of the images can have CTAs. You can see two CTAs in the hero immediately above. 
• Background Color: You can set the color of the chop to a different background color (generally gray on emerson.com, but other backgrounds are valid on other approved sites.) The hero immediately above has a gray background set and you can see how it should be adjacent to a component that also has the same backgound color set.
• Carousel: This use case allows for multiple images and multiple messages to be displayed on a carousel. As you scroll through you can see CTAs on some of the hero images. The hero below shows the carousel functionality. Note, you can set the background color on a carousel as well. The last item in the carousel controls the background color selection.