Image & Text Page Block
Featuring an image in one column and paragraph of text in the second column.
How To | Style Guide | Content Styles | Accessibility Tips | Page Blocks
H2 – Header Intro Text to Image Block If Needed
Don’t dream of making a bigger philanthropic impact. Make it happen.
H3 Here – Image block, text right, image left, note extra padding on right of image.
The paragraph text that immediately follows the h2 can have the .intro class applied to it. ‘Example Document Title’ (PDF) Note, though, we should be mindful with how much text we enlarge here.
This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best. ‘Example Document Title’ (PDF) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
H3 Here – Image block, text left, image right.
The paragraph text that immediately follows the h2 can have the .intro class applied to it. ‘Example Document Title’ (PDF) Note, though, we should be mindful with how much text we enlarge here.
This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best. ‘Example Document Title’ (PDF) Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
H2 – 2-Column Text / Image Page Block.
The paragraph text that immediately follows the h2 can have the .intro class applied to it. Note, though, we should be mindful with how much text we enlarge here.
This is standard paragraph text sizing. Visually, a couple of sentences of this text styling helps this whole page block looks best. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.