This page shows all page content elements that may be used within the South Tees Hospitals NHS Foundation Trust website. For consistency, please refer here to choose styling which best reflects any new content added.

To add an element onto a page, copy the code from the boxes below and paste it into the HTML page editor.

Bold Text

Maecenas vel nisi quam
HTML code
Back to top

Italic Text

Maecenas vel nisi quam
HTML code
Back to top

Intro Text

Lorum ipsum tempor interdum suspendisse augue quam, venenatis nec congue at accu msan atmassa ed quis.

HTML code
Back to top

Dotted Rule

HTML code
Back to top

Blockquote

“Nunc facilisis tempor felis vel lobortis. Sed non mauris felis, non iaculis ante. Duis et augue in purus condimentum condimentum eget eget odio. Etiam eget sem urna. Maecenas vel nisi quam.”

Quoted person's name in bold

HTML code
Back to top

Table

Table Caption
Vivamus vel In lacus libero
Lobortis faucibus Tincidunt sodales
Eget venenatis vitae Porttitor tincidunt sodales
Lobortis faucibus Tincidunt sodales
Eget venenatis vitae Porttitor tincidunt sodales
HTML code
Back to top

Headline

Maecenas vel nisi quam

Donec magna lacus, malesuada venenatis molestie a, dignissim vitae sapien. Nunc facilisis tempor felis vel lobortis. Sed non mauris felis, non iaculis ante. Duis et augue in purus condimentum condimentum eget eget odio. Etiam eget sem urna. Maecenas vel nisi quam. Etiam tellus turpis, molestie eu elementum nec, dictum in arcu.

HTML code
Back to top

Heading Level 2

Maecenas vel nisi quam

Donec magna lacus, malesuada venenatis molestie a, dignissim vitae sapien. Nunc facilisis tempor felis vel lobortis. Sed non mauris felis, non iaculis ante. Duis et augue in purus condimentum condimentum eget eget odio. Etiam eget sem urna. Maecenas vel nisi quam. Etiam tellus turpis, molestie eu elementum nec, dictum in arcu.

HTML code
Back to top

Heading Level 3

Maecenas vel nisi quam

Donec magna lacus, malesuada venenatis molestie a, dignissim vitae sapien. Nunc facilisis tempor felis vel lobortis. Sed non mauris felis, non iaculis ante. Duis et augue in purus condimentum condimentum eget eget odio. Etiam eget sem urna. Maecenas vel nisi quam. Etiam tellus turpis, molestie eu elementum nec, dictum in arcu.

HTML code
Back to top

Heading Level 4

Maecenas vel nisi quam

Donec magna lacus, malesuada venenatis molestie a, dignissim vitae sapien. Nunc facilisis tempor felis vel lobortis. Sed non mauris felis, non iaculis ante. Duis et augue in purus condimentum condimentum eget eget odio. Etiam eget sem urna. Maecenas vel nisi quam. Etiam tellus turpis, molestie eu elementum nec, dictum in arcu.

HTML code
Back to top

Heading Level 5

Maecenas vel nisi quam

Donec magna lacus, malesuada venenatis molestie a, dignissim vitae sapien. Nunc facilisis tempor felis vel lobortis. Sed non mauris felis, non iaculis ante. Duis et augue in purus condimentum condimentum eget eget odio. Etiam eget sem urna. Maecenas vel nisi quam. Etiam tellus turpis, molestie eu elementum nec, dictum in arcu.

HTML code
Back to top

Heading Level 6

Maecenas vel nisi quam

Donec magna lacus, malesuada venenatis molestie a, dignissim vitae sapien. Nunc facilisis tempor felis vel lobortis. Sed non mauris felis, non iaculis ante. Duis et augue in purus condimentum condimentum eget eget odio. Etiam eget sem urna. Maecenas vel nisi quam. Etiam tellus turpis, molestie eu elementum nec, dictum in arcu.

HTML code
Back to top

Info Message

This is an info message

HTML code
Back to top

Success Message

This is a success message

HTML code
Back to top

Warning Message

This is a warning message!

HTML code
Back to top

Bullet List

  • Duis et augue in purus condimentum condimentum eget eget odio.
  • Maecenas vel nisi quam.
  • Nullam in orci sit amet.
  • In lacus libero, egestas eget venenatis vitae, posuere porttitor elit. Vivamus vel tristique magna.
HTML code
Back to top

Numbered List

  1. Duis et augue in purus condimentum condimentum eget eget odio.
  2. Maecenas vel nisi quam.
  3. Nullam in orci sit amet.
  4. In lacus libero, egestas eget venenatis vitae, posuere porttitor elit. Vivamus vel tristique magna.
HTML code
Back to top

Ticked List

  • Duis et augue in purus condimentum condimentum eget eget odio.
  • Maecenas vel nisi quam.
  • Nullam in orci sit amet.
  • In lacus libero, egestas eget venenatis vitae, posuere porttitor elit. Vivamus vel tristique magna.
HTML code
Back to top

Crossed List

  • Duis et augue in purus condimentum condimentum eget eget odio.
  • Maecenas vel nisi quam.
  • Nullam in orci sit amet.
  • In lacus libero, egestas eget venenatis vitae, posuere porttitor elit. Vivamus vel tristique magna.
HTML code
Back to top

Two-Column List

  • Duis et augue in purus condimentum condimentum eget eget odio.
  • Duis et augue in purus condimentum condimentum eget eget odio.
  • Duis et augue in purus condimentum condimentum eget eget odio.
  • Duis et augue in purus condimentum condimentum eget eget odio.
HTML code
Back to top

Two-Column List (Divided)

  • Duis et augue in purus condimentum condimentum eget eget odio.
  • Duis et augue in purus condimentum condimentum eget eget odio.
  • Duis et augue in purus condimentum condimentum eget eget odio.
  • Duis et augue in purus condimentum condimentum eget eget odio.
HTML code
Back to top

Two-Column Block List (links)

HTML code
Back to top

Definition List

In at sodales nisl
Sed non mauris felis, non iaculis ante. Duis et augue in purus condimentum condimentum eget eget odio. Etiam eget sem urna.
Vestibulum ante ipsum primis
Proin faucibus sem sed sapien dictum iaculis. Sed in lacus magna.
HTML code
Back to top

Left-Aligned Image

The James Cook University Hospital Middlesbrough
Settings:
  • Alignment: Left
  • Size: Medium
HTML code
Back to top

Right-Aligned Image

The James Cook University Hospital Middlesbrough
Settings:
  • Alignment: Right
  • Size: Medium
HTML code
Back to top

Left-Aligned Image (Captioned)

The James Cook University Hospital Middlesbrough

Image caption purus condimentum condimentum eget eget odio. Etiam eget sem urna. Maecenas vel nisi quam

Settings:
  • Alignment: Left
  • Size: Medium
HTML code
Back to top

Right-Aligned Image (Captioned)

The James Cook University Hospital Middlesbrough

Image caption purus condimentum condimentum eget eget odio. Etiam eget sem urna. Maecenas vel nisi quam

Settings:
  • Alignment: Right
  • Size: Medium
HTML code
Back to top

Highlight Button

Click this button
HTML code
Back to top

Alert Button

Click this button
HTML code
Back to top

Feature Button

Click this button
HTML code
Back to top

Feature Button (alternative)

Click this button
HTML code
Back to top

Highlight Badge

Donate now
Shortcode
Back to top

Feature Badge

Donate now
Shortcode
Back to top

Feature Badge (alternative)

Donate now
Shortcode
Back to top

Basic Panel

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

HTML / Shortcode
Back to top

Highlight Panel

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

HTML / Shortcode
Back to top

Alert Panel

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

HTML / Shortcode
Back to top

Feature Panel

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

HTML / Shortcode
Back to top

Feature Panel (alternative)

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

HTML / Shortcode
Back to top

Highlight Block

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

Link to services

HTML / Shortcode
Back to top

Alert Block

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

Link to services

HTML / Shortcode
Back to top

Feature Block

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

Link to services

HTML / Shortcode
Back to top

Feature Block (alternative)

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

Link to services

HTML / Shortcode
Back to top

Highlight Action Panel

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

Donate now
HTML / Shortcode
Back to top

Alert Action Panel

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

Donate now
HTML / Shortcode
Back to top

Feature Action Panel

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

Donate now
HTML / Shortcode
Back to top

Feature Action Panel (alternative)

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

Donate now
HTML / Shortcode
Back to top

Tagged News

Fun day for children’s ward

Posted on in Fundraising

A Teesside pub is organising a bumper family fun day to raise funds for the children’s ward at The James Cook University Hospital. The Coulby Farm Pub has pulled out all the stops to ensure there is something for everyone with DJ Lisa hosting the garden party and games on Bank Holiday Monday (27 May) from 12noon.

A sweet idea to promote clinical research

Posted on in Research

The James Cook University Hospital is inviting staff and visitors to take part in a tasty chocolate-based research project to celebrate International Clinical Trials Day (Monday 20 May 2013). The Drop Trial is a mock trial comparing the effects of chocolate drops and carob (a popular chocolate substitute) on a person’s mood.

View more news
HTML / Shortcode
Back to top

Media Element (without linked image)

Alternate text

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

HTML / Shortcode
Back to top

Media Element (with linked image)

Alternate text

Maecenas vel nisi quam

Maecenas diam mi, pellentesque quis tempor eget, interdum fringilla nulla. Morbi ac augue est. Etiam quis dolor sagittis felis consectetur mollis vitae quis erat. Vestibulum sit amet odio vel eros hendrerit lobortis et eget augue.

HTML / Shortcode
Back to top