Transforming the lives of 200 young people
The children’s scoliosis and spinal team at The James Cook University Hospital is celebrating after performing its 200th paediatric spinal deformity operation.
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.
Table of contents
Text-Level
Headings
Flash Messages
Lists
- Bullet List
- Numbered List
- Ticked List
- Crossed List
- Two-Column List
- Two-Column List (divided)
- Block List (links)
- Two-Column Block List (links)
- Definition List
Inserts
Images
Action Buttons
Action Badges
Panels
- Basic Panel
- Highlight Panel
- Alert Panel
- Feature Panel
- Feature Panel (alternative)
- Highlight Block
- Alert Block
- Feature Block
- Feature Block (alternative)
- Highlight Action
- Alert Action
- Feature Action
- Feature Action (alternative)
Miscellaneous
Bold Text
Maecenas vel nisi quamHTML code
Back to topItalic Text
Maecenas vel nisi quamHTML code
Back to topIntro Text
Lorum ipsum tempor interdum suspendisse augue quam, venenatis nec congue at accu msan atmassa ed quis.
HTML code
Back to topHorizontal Rule
HTML code
Back to topDotted Rule
HTML code
Back to topBlockquote
“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 topTable
| 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 topHeadline
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 topHeading 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 topHeading 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 topHeading 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 topHeading 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 topHeading 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 topInfo Message
This is an info message
HTML code
Back to topSuccess Message
This is a success message
HTML code
Back to topWarning Message
This is a warning message!
HTML code
Back to topBullet 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 topNumbered 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 topTicked 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 topCrossed 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 topTwo-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 topTwo-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 topBlock List (links)
- Duis et augue in purus condimentum
- Duis et augue in purus condimentum
- Duis et augue in purus condimentum
- Duis et augue in purus condimentum
HTML code
Back to topTwo-Column Block List (links)
- Duis et augue in purus condimentum
- Duis et augue in purus condimentum
- Duis et augue in purus condimentum
- Duis et augue in purus condimentum
HTML code
Back to topDefinition 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 topPDF Download
Download our Brochure (276kb)
In order to view PDF documents you will need Adobe PDF Reader
Shortcode
Back to topInserted Link
HTML code
Back to topInserted External Link
HTML code
Back to topShare Icons
Shortcode
Back to topLeft-Aligned Image
Settings:
- Alignment: Left
- Size: Medium
HTML code
Back to topRight-Aligned Image
Settings:
- Alignment: Right
- Size: Medium
HTML code
Back to topLeft-Aligned Image (Captioned)
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 topRight-Aligned Image (Captioned)
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 topHighlight Button
Click this buttonHTML code
Back to topAlert Button
Click this buttonHTML code
Back to topFeature Button
Click this buttonHTML code
Back to topFeature Button (alternative)
Click this buttonHTML code
Back to topHighlight Badge
Donate nowShortcode
Back to topAlert Badge
Donate nowShortcode
Back to topFeature Badge
Donate nowShortcode
Back to topFeature Badge (alternative)
Donate nowShortcode
Back to topBasic 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 topHighlight 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 topAlert 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 topFeature 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 topFeature 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 topHighlight 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.
HTML / Shortcode
Back to topAlert 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.
HTML / Shortcode
Back to topFeature 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.
HTML / Shortcode
Back to topFeature 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.
HTML / Shortcode
Back to topHighlight 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.
HTML / Shortcode
Back to topAlert 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.
HTML / Shortcode
Back to topFeature 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.
HTML / Shortcode
Back to topFeature 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.
HTML / Shortcode
Back to topTagged News
North Yorkshire nurse inspired to join NHS following major op
20-year-old Samantha Heeney was inspired to train as a nurse following her spinal deformity operation at The James Cook University Hospital.
HTML / Shortcode
Back to topDonate Button
HTML / Shortcode
Back to topMedia Element (without linked image)
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 topMedia Element (with linked image)
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.