main content region

heading1

heading2

heading3

paragraph strong (bold) emphasis (italics) hyperlink Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur faucibus quam eu sapien porta maximus. Donec congue ex nec metus hendrerit, non feugiat velit accumsan. Etiam massa erat, hendrerit ac augue non, lacinia auctor lacus. Maecenas ut mauris nunc.

SHIFT+ENTER for a line break
- new line break begins here duis hendrerit iaculis massa ac ultrices.

ENTER for a new paragraph

- new paragraph begins here duis consequat volutpat neque a varius. Morbi mollis fermentum auctor. Duis fermentum ipsum id felis venenatis, a faucibus justo egestas.

Ordered List (numbers)

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Curabitur faucibus quam eu sapien porta maximus.
  3. Donec congue ex nec metus hendrerit, non feugiat velit accumsan.

Unordered list (bullets)

  • Etiam massa erat, hendrerit ac augue non, lacinia auctor lacus.
  • Maecenas ut mauris nunc.
  • Duis hendrerit iaculis massa ac ultrices.

Special Document Links

Linking to the following document types will create special list items:

Adobe PDF Document (.pdf)

Microsoft Word Document (.docx)

Microsoft Excel Document (.xslx)


LayoutEngine2 (drag and drop)

Column 1 (half)
Duis fermentum ipsum id felis venenatis, a faucibus justo egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur faucibus quam eu sapien porta maximus. Donec congue ex nec metus hendrerit, non feugiat velit accumsan. Etiam massa erat, hendrerit ac augue non, lacinia auctor lacus. Maecenas ut mauris nunc. Duis hendrerit iaculis massa ac ultrices.

Column 2 (half)
Duis consequat volutpat neque a varius. Morbi mollis fermentum auctor. Duis fermentum ipsum id felis venenatis, a faucibus justo egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur faucibus quam eu sapien porta maximus. Donec congue ex nec metus hendrerit, non feugiat velit accumsan. Etiam massa erat, hendrerit ac augue non, lacinia auctor lacus. Maecenas ut mauris nunc. Duis hendrerit iaculis massa ac ultrices. Duis consequat volutpat neque a varius. Morbi mollis fermentum auctor. Duis fermentum ipsum id felis venenatis, a faucibus justo egestas.


Column 1 (third)
Curabitur faucibus quam eu sapien porta maximus. Donec congue ex nec metus hendrerit, non feugiat velit accumsan. Etiam massa erat, hendrerit ac augue non, lacinia auctor lacus. Maecenas ut mauris nunc. 

Column 2 (third)
Duis consequat volutpat neque a varius. Morbi mollis fermentum auctor. Duis fermentum ipsum id felis venenatis, a faucibus justo egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur faucibus quam eu sapien porta maximus. Donec congue ex nec metus hendrerit, non feugiat velit accumsan.

Column 3 (third)
Curabitur faucibus quam eu sapien porta maximus. Donec congue ex nec metus hendrerit, non feugiat velit accumsan. Etiam massa erat, hendrerit ac augue non, lacinia auctor lacus. Maecenas ut mauris nunc. Duis hendrerit iaculis massa ac ultrices.


Right float
This is not a second column, rather a block of copy that is pulled to the right or left of an existing content thread. The preceding and following paragraphs will wrap around this float.

Normal flowing paragraph
Duis consequat volutpat neque a varius. Morbi mollis fermentum auctor. Duis fermentum ipsum id felis venenatis, a faucibus justo egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur faucibus quam eu sapien porta maximus. Donec congue ex nec metus hendrerit, non feugiat velit accumsan. Curabitur faucibus quam eu sapien porta maximus. Donec congue ex nec metus hendrerit, non feugiat velit accumsan.  Etiam massa erat, hendrerit ac augue non, lacinia auctor lacus. Maecenas ut mauris nunc. Duis hendrerit iaculis massa ac ultrices. Duis consequat volutpat neque a varius. Morbi mollis fermentum auctor. Duis fermentum ipsum id felis venenatis, a faucibus justo egestas.


Call To Action Buttons


Understanding Content Blocks

Content blocks can be dropped in anywhere. Various Content Blocks can be arranged alongside each other to form columns. This enables complext magazine style layouts to be created just by dragging and dropping the blocks.

Duis fermentum ipsum id felis venenatis, a faucibus justo egestas. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur faucibus quam eu sapien porta maximus. 

A quote is a special type of block commonly used for testimonials because you can specify a source for the quote
— This is the source of the quote

Plain images

Image with no caption

Image with caption

Caption below

Caption below

Image with caption overlay on hover

Caption overlay on hover

Caption overlay on hover

Image with caption overlay

caption overlay

caption overlay


Modified special images

Special CSS rules override image elements of different configurations (tbc)


Galleries

Galleries can be thought of as buckets for placing images - these can then be tapped into with other blocks to create various elements, from a standard thumbnail gallery, to a list of business services, each with it's own image, thumbnail and metadata. Galleries have 4 display modes: slideshow,carousel, grid, and stacked.

Slideshow (with thumbnails)

Carousel

Grid


Events Calendar

The Events Calendar is similar to the Blog module, however each Event post has a start and end time and makes more prominent use of a location and can be presented in a Grid or Calendar style layout.

Events (grid)

Events (calendar)


Summary blocks

Summary Blocks tap into blogs, events, and galleries. They can be used to create a wide range of common website elements. Each of the summary blocks below are drawing content from the News blog.

Summary (grid)

Summary (wall)

Summary (carousel)


Unused components

Spacer block below

 

Spacer block below

 

Newsletter embed code