F001 In-Page – Vertical w/ Image

The examples below show an option for authoring the F001 component to house a form in the right hand side. Content Authors should be aware of spacing as they create the form.  With current implementation, the height of the component increases to greatest height between the Teaser and forms.

The example shows the component used with an HTML Fragment option.  Starting with a collection assigned layout variant F001, Content Authors should use a Teaser for the right side of the component and a HTML Fragment content type for the left section. This content type has no innate styling, but the Content author should create with CSS to match the "store's" theme. The teaser should be assign the default Layout Variant and assigned as the top item in the Component.  The F001 Component reference the Teaser Title, Teaser CTA (if applicable), and Teaser Text.  If a CTA is intended, use the Linked Call to Action label with the proper link assigned.