Heading 1

Heading 2

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 3

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 4

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

1.  ordered list item
2. ordered list item
3. ordered list item

• unordered list item
• unordered list item
• unordered list item

Buttons

1. If you are linking using a content block, create a link like you normally would, but before you hit save in the link manager, open up the "more options" section towards the button and add the specific link class. The link class should be exactly as it's written in the examples below. Make sure to wrap each link within a paragraph tag for spacing (margin top / bottom).
2. If you want to add a button within a content type (news/blogs/events). Open up the HTML view, locate the link that you'd like to be a button and add this syntax: <a href="existing link URL" class="button1">Link Text</a> (leave the href to be what it was before, just add class="button1" within the link syntax and keep everything else the same. 

button1

button2

button3

button4

Image Borders

In order to get the border treatment around any given image, you can add the class of "border" to either the content block that  contains the image or the layout block that contains the content blocks.

Important: If you have multiple images within the parent that contains the class of "border" - it will make ALL images have that border.

1. To add the border class to a content block, hit "Advanced" and you'll find a field called CssClass. Add the class of border within that after the class of sfContentBlock with a space in-between the two classes. 
2. To add the border class to a layout block, hit edit on the layout block and on the top right hand side, select the tab called "Classes & Labels". You will then see a field called "Wrapper" and you can put the class of border there. Any image that is within that layout block will now have a border. This method is more ideal if you are targeting groups of images. 

Example Image