Skip to content

Accessibility tools

From a landline: 0161 244 9759

From a mobile: 0330 053 9349

Client Portal

Style Guide

General content styling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan, nibh et porttitor consectetur, massa ligula sodales nulla, vel faucibus eros diam eu nisi. Vestibulum nec sapien vel leo vestibulum lobortis. Nam dui neque, lobortis non sagittis nec, venenatis at libero. Sed at libero libero.

Aenean neque odio, ultricies sed aliquam et, rutrum nec felis. Donec tempor tempor ante, id venenatis eros posuere non. In aliquet, ante eu sagittis ornare, nibh lacus interdum ligula, et eleifend mi purus eu metus. Etiam laoreet bibendum eros, a lacinia nunc euismod nec. Sed pretium porttitor dolor et hendrerit.

Example heading three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan, nibh et porttitor consectetur, massa ligula sodales nulla, vel faucibus eros diam eu nisi. Vestibulum nec sapien vel leo vestibulum lobortis. Nam dui neque, lobortis non sagittis nec, venenatis at libero. Sed at libero libero.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.

Aenean neque odio, ultricies sed aliquam et, rutrum nec felis. Donec tempor tempor ante, id venenatis eros posuere non. In aliquet, ante eu sagittis ornare, nibh lacus interdum ligula, et eleifend mi purus eu metus. Etiam laoreet bibendum eros, a lacinia nunc euismod nec. Sed pretium porttitor dolor et hendrerit.

Example heading two

This is a blockquote with a < p> tag inside. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is a blockquote WITHOUT a < p> tag inside. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Definition list
Consectetur adipisicing 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.
Lorem ipsum dolor sit amet
Consectetur adipisicing 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.

Example heading two

  1. And ordered list
  2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  3. Aliquam tincidunt mauris eu risus.

Example heading three

  • And un-ordered list
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.

Example heading two

Example heading three

Example heading four

Example heading five

An extra little bit of text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan, nibh et porttitor consectetur, massa ligula sodales nulla, vel faucibus eros diam eu nisi. Vestibulum nec sapien vel leo vestibulum lobortis.

General form styling

Accordion examples

Standard accordion

Accordion heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu condimentum sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Accordion heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem. Aliquam erat volutpat. Donec placerat nisl magna, et faucibus arcu condimentum sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Content alert examples

WordPress image gallery examples

3 column gallery

4 column gallery

5 column gallery

Table examples

Standard table

One Two Three Four Five
One Two Three Four Five
One Two Three Four Five
One Two Three Four Five

Table with overflow width on smaller devices

One Two Three Four Five
One Two Three Four Five
One Two Three Four Five
One Two Three Four Five