Styles Demonstration

Colours: primary, secondary, and others

Heading level 2, 3, and 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Paragraph

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam id neque. Sed quis quam. Proin nec velit eget orci imperdiet pretium. Ut tempus semper odio. Nam blandit. Nulla eros. Pellentesque tincidunt lacinia arcu. Sed nisl lacus, commodo in, hendrerit dapibus, aliquam ac, elit.

Inline text

Lorem ipsum dolor sit. Lorem ipsum dolor sit. Lorem ipsum dolor sit. Lorem ipsum dolor sit. Lorem ipsum dolor sit.

Label and mark

labelnew

Buttons: standard, flat, and primary

Button Text button Outlined button Primary button

Breadcrumb bar

Header row TH	Header row TH	Header row TH
First column	text	text
Sub-header th
text	text	text
text	text	text

Fusce non urna. Nam id sem sit amet nulla risus sed leo. Etiam bibendum, ante vel sodales vulputate, enim ante varius ipsum, sit amet laoreet risus purus non lacus. Curabitur ullamcorper semper lectus. Quisque fermentum nulla eget nisi.
sem volutpat elementum. Nunc tempus, enim iaculis nulla risus sed leo. Etiam bibendum, ante vel sodales vulputate, enim ante varius ipsum, sit amet laoreet risus purus non lacus. Curabitur ullamcorper semper lectus. Quisque fermentum.
viverra varius, nulla libero volutpat felis, non

List: ordered

Fusce non urna. Nam id sem sit amet
sem volutpat elementum. Nunc tempus, enim iaculis
viverra varius, nulla libero volutpat felis, non

Messages: status, warning, and error

Horizontal ruled line

Form

Pre-formatted text (code)

function name(parameter) {
  var intervalDuration = 6000;
}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

Lorem ipsum dolor sit amet, consectetuer adipiscing elit

You are here