Text + Image Blocks (C2)
Overview
Below are a selection of layouts for use where we have text and associated images. These layout partials are designed as 1, 2 or 3-column blocks, and should be copied and pasted into new Article or Page templates as needed.
1-column text and image blocks
Coming Soon
Work is in progress on creating these single-column blocks!
2-column text and image blocks
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
2-column text and large image blocks
Sub-heading (h3)
Aliquam accumsan, urna aliquet lacinia tincidunt, augue sem vehicula lectus, vitae egestas tellus mauris et justo.
Pellentesque fringilla suscipit ligula id sagittis. Aliquam accumsan, urna aliquet lacinia tincidunt, augue sem vehicula lectus, vitae egestas tellus mauris et justo.
Sub-heading (h3)
Aliquam accumsan, urna aliquet lacinia tincidunt, augue sem vehicula lectus, vitae egestas tellus mauris et justo.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
Sub-heading (h3)
Aliquam accumsan, urna aliquet lacinia tincidunt, augue sem vehicula lectus, vitae egestas tellus mauris et justo.
Pellentesque fringilla suscipit ligula id sagittis. Aliquam accumsan, urna aliquet lacinia tincidunt, augue sem vehicula lectus, vitae egestas tellus mauris et justo.
Sub-heading (h3)
Aliquam accumsan, urna aliquet lacinia tincidunt, augue sem vehicula lectus, vitae egestas tellus mauris et justo.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
3-column text and image blocks
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
Sub-heading (h3)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque fringilla suscipit ligula id sagittis.
3-column gallery blocks
A little bit of text here explaining who is in this image, and/or what is happening.
Duplicate rows of 3 to add more photos, and add 30px spacer with the class ‘mobHide’ between rows.
Padding overrides should be (po5505 on top row, po0545 on bottom row, and po0505 on any rows between) !
A little bit of text here explaining who is in this image, and/or what is happening.
Duplicate rows of 3 to add more photos, and add a 30px spacer with the class ‘mobHide’ between rows.
Padding overrides should be (po5505 on top row, po0545 on bottom row, and po0505 on any rows between) !
A little bit of text here explaining who is in this image, and/or what is happening.
Duplicate rows of 3 to add more photos, and add a 30px spacer with the class ‘mobHide’ between rows.
Padding overrides should be (po5505 on top row, po0545 on bottom row, and po0505 on any between) !