Layout: Hero form cut-out
Three column layout for use as a hero with a form and trusted logos
Category: Waterlogic Heros.
Content Blocks Documentation: https://docs.modmore.com/en/ContentBlocks/v1.x/Layouts.html
Additional settings are available by hovering over the field and clicking the cog in the top right
How to use
To use this template it is important that the different layout content areas contain the right content. The first (top left) should contain Headings, text, and content related fields. Second (top right) should only have a trusted logos field. And the third (bottom left) should only contain a form. This form will also be added to a mobile modal and a button will automatically show below the content area allowing users to open that form modal.
Options
| Option | Description | Default |
| Hero image | Image to use for Hero | |
| Hero image alt | Alt text for hero image |
Settings
| Setting | Description | Default |
| Form columns | Bootstrap columns for the desktop form | col-12 col-xxl-10 col-xl-9 |
| Image size | Size of the image and the trusted logos bar below. Changes the width/ height of image slightly to adjust for image type | Larger |
| Data-UID | A unique ID of the container for skip to links | |
| Margin top | Add margin to the top of the container for vertical alignment adjust | |
| Margin bottom | Add margin to the bottom of the container for vertical alignment adjust | 60px |
| Form modal button colour | On mobile/ tablet a button will show that will trigger the modal containing the form. The button is lexiconed - Request a quote. You can select the colour of the button | Orange |