Style Guide

1.0 Headings:

1.1 Large ‘H2’ Heading:

A Large heading

1.2 Medium ‘H3’ Heading:

This is a Medium Heading

1.3 Small ‘H4’ Heading:

And This is a Small Heading

1.4 Small ‘H5’ Heading:

This is a H5 Heading in an HTML Block

1.5 Extra Small ‘H6’ Heading:

This is a H5 Heading in an HTML Block

2.0 Paragraph:

2.1 Default Paragraph:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

2.2 Paragraph with Large font size:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

2.4 Paragraph with Small font size:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

2.3 Paragraph with Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua click here to visit a link

3.0 Lists:

3.1 Unordered List:

3.2 Ordered List:

  1. The first thing to do is this
  2. The 2nd thing to do is this
  3. The 3rd item

4.0 Quotes:

4.1 Quote Regular:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

4.2 Quote Large:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

4.3 Quote Regular with Citation:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sir Isaac Newton

4.4 Pullquote Regular:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

5.0 Images:

5.1 Image with ‘Image Size’ Thumbnail:

5.2 Image with ‘Image Size’ Medium & Centered:

5.3 Image with ‘Image Size’ Large:

5.4 Image with Caption:

Your image caption text can go here

6.0 Image Gallery:

7.0 Tables:

7.1 Default Table:
Column HeadingColumn HeadingColumn Heading
TextTextText
TextTextMore Text
7.2 Stripes Table with Header & Footer Sections Enabled:
Column HeadingColumn HeadingColumn Heading
Column HeadingColumn HeadingColumn Heading
TextTextText
TextTextMore Text
Footer SectionFooter SectionFooter Section

8.0 Buttons:

8.1 Primary Green Button

8.1 Gray Button

9.0 Videos:

10.0 Line Spacer:


11. Layouts

11.1 Column Layout (2/3 + 1/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.

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.

11.2 Left & Right Floated Images

This image has an empty alt attribute; its file name is fff

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.

This image has an empty alt attribute; its file name is fff
A Caption

Lorem Ipsum

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. 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.