Colors

Headings

Heading - h1

Heading - h2

Heading - h3

Heading - h4

Heading - h5

Heading - h6

Buttons

Label

Button - <button> .button

Button - <button> .button .button--secondary

Button - <button> .button .button--secondary disabled

Button - <button> .button .button--alt

Button - <button> .button .button--full-width

Button - <button disabled>

Button - <button>

Button - <button disabled>

Text

Heading - h1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tu vero, inquam, ducas licet, si sequetur; Haec et tu ita posuisti, et verba vestra sunt. Atque his de rebus et splendida est eorum et illustris oratio. Eam stabilem appellas. Nam Pyrrho, Aristo, Erillus iam diu abiecti. Illa sunt similia: hebes acies est cuipiam oculorum, corpore alius senescit; Est enim effectrix multarum et magnarum voluptatum. Duo Reges: constructio interrete.

Heading - h2

Ita multo sanguine profuso in laetitia et in victoria est mortuus. Quae duo sunt, unum facit. Expectoque quid ad id, quod quaerebam, respondeas. At ille pellit, qui permulcet sensum voluptate. Illud dico, ea, quae dicat, praeclare inter se cohaerere. Stoici autem, quod finem bonorum in una virtute ponunt, similes sunt illorum;

Heading - h3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim, si omnia non sequebatur, idcirco non erat ortus illinc. Quae quo sunt excelsiores, eo dant clariora indicia naturae. Si qua in iis corrigere voluit, deteriora fecit. Videsne quam sit magna dissensio?

Heading - h4

Sed tu istuc dixti bene Latine, parum plane. Obsecro, inquit, Torquate, haec dicit Epicurus? Prioris generis est docilitas, memoria; Duo Reges: constructio interrete. Sed virtutem ipsam inchoavit, nihil amplius. Terram, mihi crede, ea lanx et maria deprimet. Isto modo ne improbos quidem, si essent boni viri.

Heading - h5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nummus in Croesi divitiis obscuratur, pars est tamen divitiarum. Optime, inquam. Utinam quidem dicerent alium alio beatiorem! Iam ruinas videres. Illa tamen simplicia, vestra versuta. Duo Reges: constructio interrete. Quod cum dixissent, ille contra.

Heading - h6

Quem Tiberina descensio festo illo die tanto gaudio affecit, quanto L. Hoc enim constituto in philosophia constituta sunt omnia. Ita enim vivunt quidam, ut eorum vita refellatur oratio. Dic in quovis conventu te omnia facere, ne doleas. Ita multo sanguine profuso in laetitia et in victoria est mortuus.

Large Text - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tu vero, inquam, ducas licet, si sequetur; Haec et tu ita posuisti, et verba

Secondary Text - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tu vero, inquam, ducas licet, si sequetur; Haec et tu ita posuisti, et verba

Text - Bold - <strong>

Text - Bold - <b>

Text - Italicized - <em>

Text - Strike - <del>

Text - Underlined

Text - Hyperlink

"Text - Blockquote" - Author

In his short time on our Earth, he made his way into many hearts and lives. He also taught us so much about love for not only us but others as

Lists

Un-ordered List

• List item 1
• List item 2
• List item 3

Ordered List

1. List item 1
2. List item 2
3. List item 3

Table

Star Wars Table Caption

Name	Side	Role
Darth Vader	Dark	Sith
Obi Wan Kenobi	Light	Jedi
Greedo	South	Scumbag
Name	Side	Role

Form

Label - Text

Label - Radio

Label - Radio 1

Legend - Description of Checkbox Options

Label - Checkbox

Label - Checkbox 1

Label - Select Select 1 Select 2 Select 3

Label - Textarea

Images

Thumbnail (150x150)

Mobile (425x425)

Tablet (768x425)

Laptop (1024x768)

Desktop (1920x1080)

Video

Shortcodes

Button Primary

[button url="https://www.example.com" text="Button Text" primary]

Example output: Button Text

Button Secondary

[button url="https://www.example.com" text="Button Text"]

Example output: Button Text

Columns / Column

[columns]

[column]

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, placeat facilis odio doloribus dignissimos

[/column]

[column]

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, placeat facilis odio doloribus dignissimos

[/column]

[/columns]

Example output:

Closing Ask

[closing_ask]See more of Shirley’s story or celebrate her second chance at life by <a href="/register">registering</a> as an organ, tissue and eye donor today.[/closing_ask]

Example output: