Style Guide

Text

Headings

H1 (italic, bold, italic&bold.)

H2 (italic, bold, italic&bold.)

H3 (italic, bold, italic&bold.)

H4 (italic, bold, italic&bold.)

H5 (italic, bold, italic&bold.)

H6 (italic, bold, italic&bold.)

H1

Phasellus nec sem in justo pellentesque facilisis. Nulla sit amet est. Suspendisse feugiat. Phasellus gravida semper nisi. Donec id justo.

Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Nam at tortor in tellus interdum sagittis. In ac felis quis tortor malesuada pretium. Fusce pharetra convallis urna. Sed cursus turpis vitae tortor.

Heading 2

Phasellus nec sem in justo pellentesque facilisis. Nulla sit amet est. Suspendisse feugiat. Phasellus gravida semper nisi. Donec id justo.

Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Nam at tortor in tellus interdum sagittis. In ac felis quis tortor malesuada pretium. Fusce pharetra convallis urna. Sed cursus turpis vitae tortor.

Heading 3

Phasellus nec sem in justo pellentesque facilisis. Nulla sit amet est. Suspendisse feugiat. Phasellus gravida semper nisi. Donec id justo.

Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Nam at tortor in tellus interdum sagittis. In ac felis quis tortor malesuada pretium. Fusce pharetra convallis urna. Sed cursus turpis vitae tortor.

Heading 4

Phasellus nec sem in justo pellentesque facilisis. Nulla sit amet est. Suspendisse feugiat. Phasellus gravida semper nisi. Donec id justo.

Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Nam at tortor in tellus interdum sagittis. In ac felis quis tortor malesuada pretium. Fusce pharetra convallis urna. Sed cursus turpis vitae tortor.

Heading 5

Phasellus nec sem in justo pellentesque facilisis. Nulla sit amet est. Suspendisse feugiat. Phasellus gravida semper nisi. Donec id justo.

Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Nam at tortor in tellus interdum sagittis. In ac felis quis tortor malesuada pretium. Fusce pharetra convallis urna. Sed cursus turpis vitae tortor.

Heading 6

Phasellus nec sem in justo pellentesque facilisis. Nulla sit amet est. Suspendisse feugiat. Phasellus gravida semper nisi. Donec id justo.

Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Nam at tortor in tellus interdum sagittis. In ac felis quis tortor malesuada pretium. Fusce pharetra convallis urna. Sed cursus turpis vitae tortor.

Paragraphs and Links

Regular paragraph. Etiam iaculis nunc ac metus. bold italic bold and italic. Vestibulum eu odio. A link. Cras sagittis. Sed aliquam ultrices mauris. Curabitur a felis in nunc fringilla tristique.

Regular paragraph. Etiam iaculis nunc ac metus. bold italic bold and italic. Vestibulum eu odio. A link. Cras sagittis. Sed aliquam ultrices mauris. Curabitur a felis in nunc fringilla tristique.

Element-based small paragraph for suplimentary information (e.g. captions). Sed aliquam ultrices mauris. Curabitur a felis in nunc fringilla tristique.

Element-based big paragraph for suplimentary information (e.g. captions). Sed aliquam ultrices mauris. Curabitur a felis in nunc fringilla tristique.

Blockquotes

Basic. Lorem ipsum dolar sit etiam iaculis nanc at metus sed aliquam ultrices. Lorem ipsum dolar sit etiam iaculis nanc at metus sed aliquam ultrices. Lorem ipsum dolar sit etiam iaculis nanc at metus sed aliquam ultrices.

Phasellus nec sem in justo pellentesque facilisis. Nulla sit amet est. Suspendisse feugiat. Phasellus gravida semper nisi. Donec id justo.

In a paragraph with citation. Lorem ipsum dolar sit etiam iaculis nanc at metus sed aliquam ultrices. Lorem ipsum dolar sit etiam iaculis nanc at metus sed aliquam ultrices. cite

Phasellus nec sem in justo pellentesque facilisis. Nulla sit amet est. Suspendisse feugiat. Phasellus gravida semper nisi. Donec id justo.

Multiple paragraphs. Lorem ipsum dolar sit etiam iaculis nanc at metus sed aliquam ultrices. Lorem ipsum dolar sit etiam iaculis nanc at metus sed aliquam ultrices.

Lorem ipsum dolar sit etiam iaculis nanc at metus sed aliquam ultrices. Lorem ipsum dolar sit etiam iaculis nanc at metus sed aliquam ultrices em.

Phasellus nec sem in justo pellentesque facilisis. Nulla sit amet est. Suspendisse feugiat. Phasellus gravida semper nisi. Donec id justo.

Lists

Unordered Lists

• Unordered list item.
• Unordered list item.
• Unordered list item. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh. Nullam dictum felis eu pede mollis pretium. Fusce fermentum. Curabitur ullamcorper ultricies nisi. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh.
• Unordered List Item
  • Nested list item.
  • Nested list item.
  • Unordered list item. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh. Nullam dictum felis eu pede mollis pretium. Fusce fermentum. Curabitur ullamcorper ultricies nisi. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh.
  • Nested list item.
• Last item.

Ordered Lists

1. Ordered list item.
2. Ordered list item.
3. Unordered list item. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh. Nullam dictum felis eu pede mollis pretium. Fusce fermentum. Curabitur ullamcorper ultricies nisi. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh.
4. Ordered list item.
   1. Nested list item.
   2. Nested list item.
   3. Unordered list item. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh. Nullam dictum felis eu pede mollis pretium. Fusce fermentum. Curabitur ullamcorper ultricies nisi. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh.
   4. Nested list item.
5. Last item.

1. Big ol’ ol list.
2. Nested list item.
3. Unordered list item. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh. Nullam dictum felis eu pede mollis pretium. Fusce fermentum. Curabitur ullamcorper ultricies nisi. Phasellus blandit leo ut odio. Praesent vestibulum dapibus nibh.
4. Nested list item.

Forms

Text

Label

Textarea

Radio Button

Radio Button
Checked Radio Button

Checkbox

Checkbox
Checked Checkbox

Select Box

Value 1Selected Value 2Value 3

Button

Link
Reset
Submit
Button

Basic Tables

table heading	table heading	table heading	table heading	table heading
row heading	cell	cell	cell	cell
row heading	cell	cell	cell	cell
row heading	cell	cell	cell	cell
row heading	cell	cell	cell	cell
row heading	cell	cell	cell	cell

Embedded Content

Images Captions

iframe

Theme-Specific Elements:

Light Background

Default

…

Black/Yellow

…

Blue/Black

…

Yellow/Blue

Dark Background

Outline Light Background

Default

…

Black/Yellow

…

Blue/Black

…

Yellow/Blue

Outline Dark Background

Arrow

Default

…

Black/Yellow (outline)

…

Blue/Black

…

Yellow/Blue

Using Button Element