Typography
Headings
Heading 1 Sub-heading
Heading 2 Sub-heading
Heading 3 Sub-heading
Heading 4 Sub-heading
Heading 5 Sub-heading
Heading 6 Sub-heading
Paragraphs
This is an example of lead body copy.
This is an example of standard paragraph text. This is an example of link anchor text within body copy.
This is an example of small, fine print text.
This is an example of strong, bold text.
This is an example of emphasized, italic text.
Alignment Helpers
Left aligned text.
Center aligned text.
Right aligned text.
Lists
Unordered List
- List Item
- List Item
-
- List Item
- List Item
- List Item
- List Item
Ordered List
- List Item
- List Item
- List Item
Unstyled List
- List Item
- List Item
- List Item
Inline List
- List Item
- List Item
- List Item
Abbreviations
The abbreviation of the word attribute is attr .
HTML is an abbreviation for a programming language.
Addresses
MicrosoftOne Microsoft Way
Redmond, WA 98052-7329
P: (123) 456-7890 Full Name
first.last@example.com
Blockquotes
Default Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Blockquote with Citation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
Right Aligned Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Emphasis Classes
This is an example of muted text.
This is an example of primary text.
This is an example of success text.
This is an example of info text.
This is an example of warning text.
This is an example of danger text.
Description Lists
- Standard Description List
- Description Text
- Description List Title
- Description List Text
- Horizontal Description List
- Description Text
- Description List Title
- Description List Text
Code
This is an example of an inline code element within body copy. Wrap inline code within a
<code>...</code>
tag.
This is an example of preformatted text.