Harvard Historical Society
Columns
You can have Columns in:
- Blocks -> Columns
Options applied to the whole columns block:
- Border line
- Color background
Options applied to individual columns:
- Border line
- Color background
- Link: whole column is clickable
NOTE: When selected, links within the column won’t work anymore. - New tab: Link will open in a new tab.
Number of Columns:
You can select from 1 to 4
This is 1 column
Block options: border, Column 1 options: backgound color + border
Because both the box and the column have a border, you get a double border.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla. Ut rutrum ex ut consectetur venenatis. Suspendisse et purus ante. Nam condimentum enim in lobortis ornare. Quisque ultricies quam nec tortor pulvinar porttitor. Sed vestibulum euismod fringilla…
You can have 2, 3 or 4 columns with Rich content.
The columns can be boxed individually and you can add a border line and colored background to the whole block.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla. Ut rutrum ex ut consectetur venenatis. Suspendisse et purus ante. Nam condimentum enim in lobortis ornare. Quisque ultricies quam nec tortor pulvinar porttitor. Sed vestibulum euismod fringilla.
This is an example of:
- 2 Columns
- Col 2 boxed (background color + border)
- Lay-out 50% 50%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla. Ut rutrum ex ut consectetur venenatis. Suspendisse et purus ante. Nam condimentum enim in lobortis ornare. Quisque ultricies quam nec tortor pulvinar porttitor. Sed vestibulum euismod fringilla.
You can have 2, 3 or 4 columns with Rich content.
The columns can be boxed individually and you can add a border line and colored background to the whole block.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla. Ut rutrum ex ut consectetur venenatis. Suspendisse et purus ante. Nam condimentum enim in lobortis ornare. Quisque ultricies quam nec tortor pulvinar porttitor. Sed vestibulum euismod fringilla.
This is an example of:
- 2 Columns
- Col 1 boxed (background color + border)
- Lay-out 33% 66%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla. Ut rutrum ex ut consectetur venenatis. Suspendisse et purus ante. Nam condimentum enim in lobortis ornare. Quisque ultricies quam nec tortor pulvinar porttitor. Sed vestibulum euismod fringilla.
You can have 2, 3 or 4 columns with Rich content.
The columns can be boxed individually and you can add a border line and colored background to the whole block.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla. Ut rutrum ex ut consectetur venenatis. Suspendisse et purus ante. Nam condimentum enim in lobortis ornare. Quisque ultricies quam nec tortor pulvinar porttitor. Sed vestibulum euismod fringilla.
This is an example of:
- 2 Columns
- Col 1 border
- Col 2 color background
- Lay-out 66% 33%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla. Ut rutrum ex ut consectetur venenatis. Suspendisse et purus ante. Nam condimentum enim in lobortis ornare. Quisque ultricies quam nec tortor pulvinar porttitor. Sed vestibulum euismod fringilla.
This is an example of:
- 3 Columns
- Col 1 & 3 boxed (background color + border)
- Lay-out 33% 33% 33%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla.
This is an example of:
- 3 Columns
- Col 1 & 3 border
- Lay-out 25% 50% 25%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla.
This is an example of centering a bullet list using 3 columns:
- 3 Columns
- Col 1 & 3 are kept empty
- Col 2 in the middle has the bullet lists
- Lay-out 25% 50% 25%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
This is an example of:
- 3 Columns, plain
- Lay-out 25% 25% 50%
- Colored background
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus.
Body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Duis et malesuada felis, vel commodo tellus. Nam eu arcu pellentesque, fringilla orci eu, euismod nisl. Suspendisse gravida porttitor fringilla.
Waterlillie
This is an example of 3 columns with a picture on top.
All columns with a border.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Yellow rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Red rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
This is an example of:
- 3 Columns
- Col 2 & 3 boxed (background color + border)
- Lay-out 25% 25% 50%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Yellow rose
This is an example of columns with a picture on top.
Waterlillie
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Waterlillie
This is an example of 3 columns with a picture on top.
Column 2 with background color.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Yellow rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Red rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Yellow rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Red rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Yellow rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Yellow rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Red rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.
Yellow rose
This is an example of 3 columns with a picture on top.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis. Mauris vel ante non metus dictum sagittis.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel ante non metus dictum sagittis.