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

Hospital volunteers scoop national unsung hero award

Posted on in Awards

The therapeutic supported volunteers team at South Tees Hospitals NHS Foundation Trust has been recognised as one of the country’s top unsung health heroes after scooping a national award. Now in its third year, The Sun newspaper’s Who Cares Wins Awards ceremony honours those across the health and social care sector who go above and beyond for their patients or cause. The volunteers won the Unsung Hero category.

Heart team aim to set up heart surgery unit in Ghana

Posted on in Staff

A Teesside heart team are giving up their holidays to perform life-saving operations in Ghana for a second time. The team from The James Cook University Hospital in Middlesbrough are set to jet off on their second mission to the Kumasi Hospital on 19 October. As part of the preparations 10 Ghanaians, including cardiologists, nurses and a surgeon, have spent four weeks in the cardiothoracic theatres at James Cook working closely with the Teesside team to develop their surgical skills.

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