1. Headings (H1 – H6)

H2: Section Title (Display 5 and Primary Color)

This is a standard paragraph following a primary section heading. It uses the **.lead** class for emphasis. Headings should always follow a logical, descending hierarchy (H2, H3, H4, etc.).

H3: Sub-Section Title (Secondary Color)

This is a paragraph following a sub-section heading.

H4: Tertiary Title (Success Color)

This is a paragraph following a tertiary heading.

H5: Detail Title (Info Color)

H5 headings are often used for small widget titles or meta information.

H6: Fine Print Title (Muted Text)

H6 headings are typically the smallest and least emphasized.

2. Typography & Text Elements

This is a standard paragraph (<p>) using the **.text-justify** class. It contains strong/bold text (<strong>) and emphasized/italic text (<em>). This paragraph includes the Warning Badge class. Marked text (<mark>) should stand out.

Address Block (<address>) with Light Background:
123 Main Street
City, State 12345

A long quotation:

This is a blockquote (<blockquote>) using the **.blockquote** class for proper spacing and font treatment. This is a great place to check for correct font-size and line-height within quoted text.

Preformatted text (<pre>) for code blocks:

body {
  font-family: Arial, sans-serif;
  line-height: 1.5;
}

A description list (<dl>) with **.row** class:

Definition Term 1: Description of the term 1.
Definition Term 2: Description of the term 2.

3. Lists

Unordered List (`<ul>`) – Default

List Item 1
List Item 2
- Nested List Item
- Another Nested Item
List Item 3

Unordered List (`<ul>`) – Unstyled

List Item 1
List Item 2
List Item 3

Ordered List (`<ol>`)

List Item 1
List Item 2
List Item 3

4. Links (Anchor Tag)

This is a standard link.

A **Primary Button**: Primary Button (Large)

A **Secondary Outline Button**: Secondary Outline Button

A **Danger Button** (Small): Danger Button (Small)

5. Images and Figures

Figure Caption (<figcaption>). Uses **.figure-caption** and **.text-center**.

6. Tables

Data Table Caption
Header 1	Header 2	Header 3
Row 1, Cell 1	Row 1, Cell 2	Row 1, Cell 3
Row 2, Cell 1	Row 2, Cell 2 (Info Class)	Row 2, Cell 3
Footer 1	Footer 2	Footer 3

7. Forms (Inputs and Controls)

8. Miscellaneous

Subscript: H₂O

Superscript: E = mc²

Progress Bar:

70%

Small Text: This should be rendered as smaller text.