Please read our student and staff community guidance on COVID-19
Skip to main content Skip to navigation


This page identifies all the options for display for your page. It uses a 75/25 split and the example page here uses a 50/50 split

1. Text styles


Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

2. Box styles

box 1

box 2

box 3

box 4

block quote

3. Alignment of text

This is left aligned

This is centre aligned

This is right aligned

4. Style of text

This is bold

This italic

This is strike-through

This is subscriptAnd this is normal text following it

This is superscriptAnd this is normal text following it

This is underline

5. Bullets & lists

  • This is a bullet list
  • This is the second entry
  1. This is a numbered list
  2. This is the second entry

6. Indents

This is idented

This is indented twice

This is indented three times

7. Tables

A 4x4 table with striped style and a header row

Age Weight Gender Shoe Size
22 67 M 11
23 78 M 10
21 59 F 8

A 5x3 table, striped, with a border, condensed and hoverable

Cheese Wine Crackers Flower Pet
Brie Chablis Jacobs Tulip Budgie
Cheddar Shiraz Poppy seed Crocus Dog

A 3x7 table with 3 sortable columns

22 72 185
23 80 178
21 65 160
19 65 167
12 55 155
25 75 170

8. Images

Deafult aligned image

An image set at 400 pixels wide, default alignment - text follows afterwards

Left aligned with 50px margin  right

An image 500 pixels wide with a 50pixel margin on the right so that the text can fit alongside it

An image shown as a thumbnail - click to show full size

A large image shown as a 300 pixel wide thumbnail - click to see full size

Image with text overlay

Image with text overlay bottom right


An image slideshow (must be jpg files) - set at 400x400 pixels, autostart with pan and zoom

9. Video

Code from youtube - click on the share option below a video, select embed and then copy the code. This is the default size (16:9 ratio) you can have it smaller or larger but should keep the ratio the same. I tend to use 800x450 (a bit larger than this). The code for this looks like this
<iframe width="560" height="315" src="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

10. Audio

This needs to be in .mp3 format

11. Social media buttons

12. Divider

Image below included to show pixel width of right hand column using 75% / 25% split. This is 250 pixels width and height

250 wide image