Grid & Style Test

Headings


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Typography


Larger text: Nullam luctus sagittis urna. Vivamus nibh. Fusce ut nunc. Vivamus sed felis. Nam elit diam, auctor eu, eleifend vel, dictum quis, leo. Pellentesque fringilla, tellus quis auctor nonummy, pede lorem varius massa, at vestibulum enim nibh ac massa.

Paragraph text - Strong - Emphasis - Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse lectus nisl, semper sit amet, blandit at, lacinia et, sem. Sed pellentesque turpis ut risus. Nullam luctus sagittis urna. Vivamus nibh. Fusce ut nunc. Vivamus sed felis. Nam elit diam, auctor eu, eleifend vel, dictum quis, leo. Pellentesque fringilla, tellus quis auctor nonummy, pede lorem varius massa, at vestibulum enim nibh ac massa.

Smaller text: Nullam luctus sagittis urna. Vivamus nibh. Fusce ut nunc. Vivamus sed felis. Nam elit diam, auctor eu, eleifend vel, dictum quis, leo. Pellentesque fringilla, tellus quis auctor nonummy, pede lorem varius massa, at vestibulum enim nibh ac massa.


Chip Testing New chip


Anchor


Left

Right

Donec velit. Suspendisse rutrum nunc sed tellus. Maecenas interdum placerat nulla. Etiam sit amet orci at lectus posuere nonummy. Praesent rutrum ante eget nisl. Nulla bibendum sodales quam. Phasellus ipsum.


Preformatted Code - Ut quod aspernatur modi est dolorum aut tempore maxime esse in quia.

Abbreviation: W3C

Messages

Positive message

Negative message

Information message

Lists

  • List item 1
  • Velit Quos Voluptatem Quo Qui Adipisci Libero Quia Veritatis Et Eos Laudantium Dolorem Perferendis Ea Facilis Omnis Corrupti Ipsum Ut Suscipit Dolor Velit Suscipit Aut Sint Veniam Vero Temporibus Magni Atque Quaerat Repellendus Fuga Repellendus Voluptas Voluptatem Numquam Ipsum Modi Dolores Mollitia Est Pariatur Deleniti Aliquid Quo Culpa Ut Sit
  • List item 3
  1. List item 1
  2. Velit Quos Voluptatem Quo Qui Adipisci Libero Quia Veritatis Et Eos Laudantium Dolorem Perferendis Ea Facilis Omnis Corrupti Ipsum Ut Suscipit Dolor Velit Suscipit Aut Sint Veniam Vero Temporibus Magni Atque Quaerat Repellendus Fuga Repellendus Voluptas Voluptatem Numquam Ipsum Modi Dolores Mollitia Est Pariatur Deleniti Aliquid Quo Culpa Ut Sit
  3. List item 3

Quote

Etiam sit amet orci at lectus posuere nonummy. Praesent rutrum ante eget nisl. Nulla bibendum sodales quam. Phasellus ipsum.

Example Form

Fieldset

Example Table

Title Title Title Title
Data Data Data Data
Data Data Data Data
Data Data Data Data

Donec velit. Suspendisse rutrum nunc sed tellus. Maecenas interdum placerat nulla. Etiam sit amet orci at lectus posuere nonummy. Praesent rutrum ante eget nisl. Nulla bibendum sodales quam. Phasellus ipsum.

Styling Classes for 'boxes' panel

one-quarter column padded shadow

One Quarter, padded with a shadow

three-quarters column padded shadow rounded

Three Quarters, rounded corners, padded with a shadow

one-quarter column white

One Quarter

one-quarter column blue

One Quarter

one-quarter column grey

One Quarter

one-quarter column teal

One Quarter

Grid System - 12 columns

Classes can be numbers, or in 'one-third' format

1
2
3
4
5
6
7
8
9
10
11
12

two columns

Totam quia non minus iusto earum soluta quas et qui odit quo ad ut. Et aspernatur ipsa odio eveniet reiciendis dolorum porro deleniti tenetur odit a quos aut.

two columns

Voluptates velit rem molestias autem cum consequatur doloribus hic vel aut qui. In officia amet rerum cum.

two columns

Ullam modi quidem aut reiciendis at sequi excepturi voluptatem dolorum fugit ut. Corporis quos repellendus at pariatur quam nihil quibusdam.

two columns

Est voluptas ea impedit molestiae pariatur voluptas. Consectetur doloremque commodi sunt enim porro saepe consequatur dolorem.

two columns

Ratione quos illo sed vel. Ipsa inventore aperiam quis repellendus molestias in ut explicabo ut enim eveniet nostrum dolorum dolorum.

two columns

Non unde et beatae quis officia quia quam est non dolore alias illo doloribus. Excepturi sint necessitatibus molestiae totam quae eos.

one-quarter column

One Quarter

one-quarter column

One Quarter

one-quarter column

One Quarter

one-quarter column

One Quarter

one-quarter column

One Quarter

three-quarters column

Three Quarters

one-half column

One Half

six columns

One Half

two-thirds columns

Two Thirds

Contrast Ratio Calculator

Contrast ratio for smaller than 18px text - must be 4.5 or higher

white
#ffffff
Aa
grey
#eeeeee
Aa
blue
#054e81
Aa
teal
#5fb8cc
Aa
red
#dd3333
Aa
white
Aa
Aa
grey
Aa
blue
Aa
Aa
teal
red
Aa

Contrast ratio for 18px or larger text - must be 3 or higher

white
#ffffff
Aa
grey
#eeeeee
Aa
blue
#054e81
Aa
teal
#5fb8cc
Aa
red
#dd3333
Aa
white
Aa
Aa
grey
Aa
Aa
blue
Aa
Aa
Aa
teal
Aa
red
Aa
Aa

This site is intended to provide information to Healthcare Professionals on Thornton & Ross products.

I am a UK Healthcare Professional

Yes     No

The information on our Healthcare Professional Website is solely intended for UK Healthcare Professionals and contains promotional information. Click here to return to our main public site.

For information on our products please visit EMC and search the product for a Summary of Product Characteristics.

Adverse events should be reported. Reporting forms and information can be found at: www.mhra.gov.uk/yellowcard. Adverse events should also be reported to Thornton and Ross Limited by emailing thorntonross@medinformation.co.uk or by calling 01484 848164.