How to use
Promote one thing with an image, a heading, a text and a button. Every field is optional. A new block has the image above the text. Choose a right or left aligned image to put the image beside the text on wide areas. On narrow screens, and when the block shares its row with other blocks, the image is always above the text.
Variants
Image, heading, text and button
The block with every field filled in.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
No image
Heading, text and button, without an image.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
No button
Image, heading and text, without a button.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Image without alternative text
An image with no alternative text. Screen readers get the image's own description, or skip the image when it has none.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Left aligned image
Image, heading, text and button, with the image to the left of the text on wide areas. On narrow screens, and when the block shares its row with other blocks, the image is above the text.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Right aligned image
Image, heading, text and button, with the image to the right of the text on wide areas. On narrow screens, and when the block shares its row with other blocks, the image is above the text.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Image only, left aligned
Only an image, with left aligned image chosen. With no heading, text or button to sit beside, the image stays on top.
Layout Options
Layout Options top-aligned-image
Layout Options set to “top-aligned-image”. The other properties keep the base values.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Layout Options right-aligned-image
Layout Options set to “right-aligned-image”. The other properties keep the base values.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Layout Options left-aligned-image
Layout Options set to “left-aligned-image”. The other properties keep the base values.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Layout preview
4 copies of one example in a layout block. Change the settings to see how the block fits each layout.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.
Build faster with Proxima
A headless CMS foundation for teams who ship often. Editors build pages from ready-made blocks and publish on their own.