Style Guide

A simple style guide page, outlining the most common HTML elements.

Stick to these in the wysiwyg editor.

This is a Heading 1

This is a Heading 2

This is a Heading 3

This is a Heading 4

Standard paragraph text, the usual lorem ipsum blurb will follow, as a separate paragraph below. Paragraph text can contain bold and italicised text. Additionally we may have links, links must have a default and a hover state as a bare minimum. Additionally you could provide an ‘active’ and/or an already ‘visited’ state.

In the meantime here is a blockquote quotation, normally indented, often italicised.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc luctus quam vitae eros mattis pharetra. Cras felis metus, ornare sit amet imperdiet sit amet, dapibus blandit lectus. Pellentesque nec rhoncus magna. Donec sagittis luctus lorem ultrices condimentum. Proin dapibus molestie aliquet. Integer justo arcu, accumsan id faucibus in, feugiat et nisl. Sed fringilla lobortis mi imperdiet condimentum. Duis risus nisl, auctor non luctus sed, pulvinar a ligula. Donec sed cursus ipsum. Donec odio ligula, malesuada vel malesuada ac, pretium nec nunc. Curabitur sit amet interdum justo. Nullam vel cursus justo.

Headings can be links too

Again provide all states for headings if they are links

  1. This
  2. List
  3. Is
  4. Ordered
  • An
  • List
  • Unordered
  • Reference
  • For

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc luctus quam vitae eros mattis pharetra. Cras felis metus, ornare sit amet imperdiet sit amet, dapibus blandit lectus. Pellentesque nec rhoncus magna. Donec sagittis luctus lorem ultrices condimentum. Proin dapibus molestie aliquet. Integer justo arcu, accumsan id faucibus in, feugiat et nisl. Sed fringilla lobortis mi imperdiet condimentum. Duis risus nisl, auctor non luctus sed, pulvinar a ligula. Donec sed cursus ipsum. Donec odio ligula, malesuada vel malesuada ac, pretium nec nunc. Curabitur sit amet interdum justo. Nullam vel cursus justo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc luctus quam vitae eros mattis pharetra. Cras felis metus, ornare sit amet imperdiet sit amet, dapibus blandit lectus. Pellentesque nec rhoncus magna. Donec sagittis luctus lorem ultrices condimentum. Proin dapibus molestie aliquet. Integer justo arcu, accumsan id faucibus in, feugiat et nisl. Sed fringilla lobortis mi imperdiet condimentum. Duis risus nisl, auctor non luctus sed, pulvinar a ligula. Donec sed cursus ipsum. Donec odio ligula, malesuada vel malesuada ac, pretium nec nunc. Curabitur sit amet interdum justo. Nullam vel cursus justo.