Examples
This page contains examples of all the styled elements available as part of this design. Use this page for reference, whilst you build your website.
Headings
These are the different heading formats:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Text
The following examples show how the text (within '<p></p>' tags) will appear:
This is an example of bold text
This is an example of italic text
Lists
This is an unordered list:
- Item 1
- Item 2
- Item 3
- Item 4
This is an ordered list:
- Item 1
- Item 2
- Item 3
- Item 4
Images
images can be placed on the left, in the center or on the right:
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Tables
Tables should be used to display data and not used for laying out your website:
Item | Description |
---|---|
Item 1 | Description of Item 1 |
Item 2 | Description of Item 2 |
Item 3 | Description of Item 3 |
Item 4 | Description of Item 4 |
Form Elements
Form field example
Textarea example
Checkbox example
Dropdown list exampleExample 1Example 2